.pthumb{margin:0;grid-column:2;grid-row:1;align-self:start}
.pthumb img{display:block;width:100%;height:214px;object-fit:cover;object-position:center;
border-radius:12px;border:1px solid var(--line);background:var(--bg-2)}
.pthumb figcaption{font-size:11px;color:var(--ink-2);opacity:.7;padding:7px 2px 0}
.pthumb figcaption:empty{display:none}
.pgrid>div:first-of-type{grid-column:1;grid-row:1/span 2}
.pgrid>aside{grid-column:2;grid-row:2}
@media(max-width:860px){
.pthumb,.pgrid>aside,.pgrid>div:first-of-type{grid-column:1;grid-row:auto}
.pthumb{order:-1;max-width:520px}
.pthumb img{height:clamp(180px,46vw,260px)}
}
.guide .thread,.askwrap .thread{grid-column:1 / -1;order:1;
margin-top:0;border-top:0;padding-top:0;
max-height:min(58vh,540px);overflow-y:auto;overscroll-behavior:contain}
.askwrap.talking .thread{background:none;border:0;border-radius:0;
padding:0;max-width:none;margin-top:0}
.askwrap.talking .ask{border-bottom-left-radius:10px;border-bottom-right-radius:10px;
border-bottom-color:var(--line)}
.guide .thread::-webkit-scrollbar,.askwrap .thread::-webkit-scrollbar{width:8px}
.guide .thread::-webkit-scrollbar-track,.askwrap .thread::-webkit-scrollbar-track{
background:rgba(255,250,240,.07);border-radius:99px}
.guide .thread::-webkit-scrollbar-thumb,.askwrap .thread::-webkit-scrollbar-thumb{
background:var(--gold);border-radius:99px}
.guide .thread,.askwrap .thread{scrollbar-width:thin;
scrollbar-color:var(--gold) rgba(255,250,240,.07)}
.guide .chips,.askwrap .tries{grid-column:1 / -1;order:2}
.guide .ask,.askwrap .ask{grid-column:1 / -1;order:3;margin-top:12px}
.thread .turn.guide{display:block;grid-template-columns:none;box-shadow:none;
position:relative;margin-left:40px;margin-bottom:14px;
background:var(--bg,#0e2e1f);border:1px solid var(--line);border-radius:12px;
padding:12px 15px;font-size:14.5px;line-height:1.6;color:var(--ink);
width:fit-content;max-width:calc(100% - 40px)}
.thread .turn.guide::before{content:var(--gi,"HC");
position:absolute;left:-40px;top:0;width:30px;height:30px;border-radius:50%;
background:var(--gold);color:#123625;
font:800 14px/1 var(--sans);letter-spacing:-.02em;display:grid;place-items:center}
.askwrap .thread .turn.guide::before{font-size:11.5px;letter-spacing:.01em}
.thread .turn.guide p{margin:0 0 9px}
.thread .turn.guide p:last-child{margin-bottom:0}
.thread .turn.guide a,.thread .turn.guide a.hcs-link{color:var(--gold);
text-decoration:underline;text-underline-offset:3px}
.thread .turn.you{margin:0 0 14px auto;width:fit-content;max-width:78%;
background:var(--gold);color:#123625;border:0;border-radius:12px;
padding:11px 15px;font-size:14.5px;line-height:1.5;font-weight:500}
.thread .turn.you b{display:none}
.thread .turn.err{margin-left:40px;color:var(--gold-light,#f0c56c);
font-size:14px;font-style:normal}
.thread .turn.guide .thinking{color:var(--ink-2)}
.guide .ask button,.askwrap .ask button{flex:none;width:44px;height:44px;padding:0;
border-radius:50%;font-size:0;display:grid;place-items:center;position:relative}
.guide .ask button::after,.askwrap .ask button::after{content:"\2192";
font:400 20px/1 var(--sans);color:#123625}
.guide .ask input,.askwrap .ask input{padding-right:8px}
body .askwrap.chatting{grid-template-columns:minmax(0,1fr)}
.askwrap.chatting>.facewrap,.askwrap.chatting>.gtext{display:none}
.guide.chatting .thread,.askwrap.chatting .thread{display:block}
.thread .turn.guide.gi b{font-size:inherit;letter-spacing:normal;
text-transform:none;display:inline;margin:0;line-height:inherit}
body.mode-ask .askblock:has(.askwrap.talking){align-items:flex-start;padding-top:6px}
body.mode-ask .askblock:has(.askwrap.talking) .hero{margin-top:0}
@media(max-width:620px){
.thread .turn.guide{margin-left:34px;max-width:calc(100% - 34px);padding:11px 13px}
.thread .turn.guide::before{left:-34px;width:26px;height:26px;font-size:12px}
.thread .turn.you{max-width:86%}
}
.guide .thread::-webkit-scrollbar-thumb,.askwrap .thread::-webkit-scrollbar-thumb{
background:#5a9b78}
.guide .thread:hover::-webkit-scrollbar-thumb,.askwrap .thread:hover::-webkit-scrollbar-thumb{
background:#6fb38c}
.guide .thread,.askwrap .thread{scrollbar-color:#5a9b78 rgba(255,250,240,.07)}
.guide .ask button,.askwrap .ask button{
flex:none;width:auto;height:auto;align-self:stretch;min-height:0;
padding:0 20px;border-radius:7px;
font:700 14px/1 var(--sans);letter-spacing:.01em;
display:inline-flex;align-items:center;justify-content:center;
background:#cb9275;color:#ffffff;
border:0;cursor:pointer;transition:filter .15s}
.guide .ask button:hover,.askwrap .ask button:hover{filter:brightness(1.08)}
.guide .ask button:focus-visible,.askwrap .ask button:focus-visible{
outline:2px solid var(--ink);outline-offset:2px}
.guide .ask button::after,.askwrap .ask button::after{content:none}
@media(max-width:480px){
.guide .ask button,.askwrap .ask button{padding:0 15px;font-size:13.5px}
}
.face span{inset:6.03% 0 26.72% 0;line-height:1;
display:grid;place-items:center}
.guide.talking .face span,.askwrap.talking .face span{inset:6.03% 0 26.72% 0}
.face span,.thread .turn.guide::before{transform:translateY(.055em)}
.thread .turn.guide::before{line-height:1}
.pthumb{position:relative}
.pthumb .plb-open{display:block;width:100%;padding:0;border:0;background:none;
cursor:zoom-in;border-radius:10px;overflow:hidden;line-height:0;
transition:transform .16s,box-shadow .16s}
.pthumb .plb-open:hover{transform:translateY(-2px);
box-shadow:0 6px 18px rgba(0,0,0,.35)}
.pthumb .plb-open:focus-visible{outline:2px solid var(--accent,var(--gold));outline-offset:3px}
.qlb{position:fixed;inset:0;z-index:200;background:rgba(6,22,16,.96);
display:flex;align-items:center;justify-content:center;padding:56px 20px}
.qlb[hidden]{display:none}
.qlb-stage{margin:0;max-width:1200px;max-height:100%;display:flex;
flex-direction:column;align-items:center;gap:12px}
.qlb-stage img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:10px}
.qlb-stage figcaption{font-size:13px;color:var(--ink-2);text-align:center;
max-width:70ch;line-height:1.5}
.qlb-stage .qlb-name{display:block;color:var(--ink);font-size:15px;
font-weight:650;margin-bottom:3px}
.qlb-x{position:absolute;top:20px;right:20px;width:46px;height:46px;
border-radius:50%;background:var(--gold);color:#0b1c14;border:0;cursor:pointer;
display:flex;align-items:center;justify-content:center;
transition:transform .14s,background .14s}
.qlb-x:hover{background:var(--gold-light,#f0c56c);transform:scale(1.06)}
.qlb-x:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
body.qlb-open{overflow:hidden}
@media(max-width:600px){
.qlb{padding:64px 8px}
.qlb-x{width:40px;height:40px;top:12px;right:12px}
}