/* 최근 발언 card (2026-10-15) — fixed height = operator card, no CLS */
.h-right{grid-area:chart;display:flex;flex-direction:column;gap:16px;min-width:0;align-self:stretch}
.h-right .gq{margin-top:auto}
.home .host{box-sizing:border-box;min-height:108px}
.gq{box-sizing:border-box;height:108px;border:1px solid var(--line-2,#e5e8eb);border-radius:14px;background:#fff;padding:9px 14px 10px;display:flex;flex-direction:column;gap:6px;overflow:hidden;contain:layout paint}
.gq-h{display:flex;align-items:center;gap:8px;min-width:0;height:22px;font-size:12px;color:var(--muted,#6b7684)}
.gq{border-left:3px solid #3182f6}
.gq-t{font-size:13.5px;font-weight:800;letter-spacing:-.01em;color:var(--ink,#191f28);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;flex:none}
.gq-t::after{content:"";width:6px;height:6px;border-radius:50%;background:#f04452;box-shadow:0 0 0 0 rgba(240,68,82,.5);animation:gqlive 2s ease-out infinite}
@keyframes gqlive{70%{box-shadow:0 0 0 5px rgba(240,68,82,0)}100%{box-shadow:0 0 0 0 rgba(240,68,82,0)}}
.gq-upd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:11.5px}
.gq-nav{margin-left:auto;display:flex;align-items:center;gap:4px;flex:none}
.gq-nav button{all:unset;cursor:pointer;width:22px;height:22px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1;color:#4e5968}
.gq-nav button:hover,.gq-nav button:focus-visible{background:#f2f4f6;outline:0}
.gq-nav button:focus-visible{box-shadow:0 0 0 2px #3182f6}
.gq-rf span{display:inline-block;font-size:14px}
.gq-rf.busy span{animation:gqspin .8s linear infinite}
.gq-rf[disabled]{opacity:.55;cursor:default}
@keyframes gqspin{to{transform:rotate(360deg)}}
.gq-dots{display:flex;gap:4px}.gq-dots i{width:5px;height:5px;border-radius:50%;background:#d1d6db;transition:width .2s}.gq-dots i.on{width:12px;border-radius:3px;background:#3182f6}
.gq-vp{flex:1;overflow:hidden;min-height:0;touch-action:pan-y}
.gq-track{display:flex;height:100%;transition:transform .45s ease}
.gq-s{flex:0 0 100%;display:flex;gap:10px;min-width:0;align-items:flex-start}
.gq-empty{align-items:center;font-size:13px;color:var(--muted,#6b7684)}
.gq-av{flex:none;width:34px;height:34px;border-radius:50%;color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.02em;margin-top:1px}
.gq-b{min-width:0;flex:1}
.gq-m{display:flex;align-items:baseline;gap:6px;min-width:0;font-size:11.5px;color:var(--muted,#6b7684);white-space:nowrap;height:17px;overflow:hidden}
.gq-m b{font-size:13px;color:var(--ink,#191f28);overflow:hidden;text-overflow:ellipsis;min-width:2.5em;flex:0 1 auto}
.gq-r{overflow:hidden;text-overflow:ellipsis;min-width:0}
.gq-d{flex:none;font-variant-numeric:tabular-nums}
.gq-l{flex:none;font-size:10.5px;padding:0 5px;border-radius:5px;background:#f2f4f6;color:#6b7684}
.gq-src{margin-left:auto;flex:0 1 auto;min-width:3.5em;color:#3182f6;text-decoration:none;max-width:40%;overflow:hidden;text-overflow:ellipsis}
.gq-src:hover{text-decoration:underline}
.gq-q{margin:3px 0 0;font-size:13px;line-height:1.45;color:var(--ink,#191f28);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:normal;overflow-wrap:anywhere}
.gq-q.is-news{color:#333d4b}
@media (max-width:960px){.h-right{display:contents}.h-right .gq{margin-top:0;grid-area:auto}.home .host{min-height:0}}
@media (max-width:640px){.gq{height:118px;padding:9px 12px}.gq-upd{display:none}.gq-r{display:none}.gq-src{max-width:34%}}
@media (prefers-reduced-motion:reduce){.gq-t::after{animation:none}.gq-track{transition:none}.gq-rf.busy span{animation:none}}
/* 2026-10-15 dark theme + robust layout */
.gq{background:radial-gradient(120% 140% at 100% 0,rgba(245,196,81,.16),rgba(245,196,81,0) 55%),#0b0b0f;border:1px solid rgba(245,196,81,.35);border-left:3px solid #f5c451;box-shadow:0 0 0 1px rgba(245,196,81,.06),0 10px 28px -16px rgba(245,196,81,.45);color:#fff}
.gq-h{color:#a1a1aa}.gq-t{color:#f5c451}
.gq-nav button{color:#e4e4e7;border:1px solid rgba(255,255,255,.18);width:20px;height:20px}
.gq-nav button:hover,.gq-nav button:focus-visible{background:rgba(255,255,255,.08)}
.gq-dots i{background:rgba(255,255,255,.25)}.gq-dots i.on{background:#f5c451}
.gq-vp{position:relative}
.gq-s{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}
.gq-track.no-anim{transition:none}
.gq-av{box-shadow:0 0 0 2px rgba(255,255,255,.12)}
.gq-m{color:#a1a1aa;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:baseline;column-gap:6px}
.gq-m b{color:#fff;min-width:0}
.gq-r{min-width:0}
.gq-l{background:transparent;border:1px solid rgba(255,255,255,.22);color:#d4d4d8}
.gq-src{color:#f5c451;margin-left:0;max-width:9em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;justify-self:end}
.gq-q{color:#fff;max-width:100%}.gq-q.is-news{color:#e4e4e7}
.gq-empty{color:#a1a1aa}
@media (max-width:640px){.gq-m{grid-template-columns:auto auto auto auto}.gq-m b{max-width:8em;overflow:hidden;text-overflow:ellipsis}.gq-src{max-width:6.5em}}
.gq-ph{object-fit:cover;background:#222;padding:0}
@media (min-width:961px){.hero-v2 .h-text{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start}.hero-v2 .h-text>*{max-width:100%}.hero-v2 .h-text>.host{margin-top:auto;width:100%;max-width:520px}.hero-v2 .h-text>.cta-row{margin-bottom:22px}}
/* mobile/tablet: remarks card directly below operator card (2026-10-15) */
@media (max-width:960px){.hero-v2,.hero-v2.no-spon{grid-template-areas:"text" "gq" "chart" "spon"!important}.h-right .gq,.hero-v2 .gq{grid-area:gq!important;margin-top:0}}

/* 2026-10-15 audit: long titles (tr/en) must not push nav off-screen */
.gq-h>.gq-t{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}@media (max-width:640px){.gq-h>.gq-t{display:block}}
.gq-avw{flex:0 0 78px;width:78px;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.gq-avw .gq-av{margin-top:1px}.gq-rp{display:block;max-width:78px;box-sizing:border-box;padding:1px 4px;letter-spacing:-.02em;border-radius:999px;background:rgba(245,196,81,.14);color:#f5c451;font-size:10px;line-height:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
@media (max-width:640px){.gq-avw{flex-basis:72px;width:72px}.gq-rp{max-width:72px;font-size:9.5px}}
/* 2026-10-15 mobile meta: row1 name+role, row2 date·pill·source, quote 2+ lines */
@media (max-width:640px){.gq{height:auto;min-height:150px}.gq-track{height:auto;align-items:flex-start}
.gq-m{display:flex!important;flex-wrap:wrap;align-items:baseline;height:auto;overflow:visible;white-space:nowrap;column-gap:6px;row-gap:2px}
.gq-m::before{content:"";flex:0 0 100%;order:2;height:0}
.gq-m b{order:1;max-width:none;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.gq-m .gq-r{display:inline!important;order:1;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.gq-m .gq-d,.gq-m .gq-l,.gq-m .gq-src{order:3}
.gq-m .gq-src{max-width:100%;flex:0 1 auto;margin:0;min-width:0}
.gq-q{-webkit-line-clamp:3;margin-top:4px}}
.gq{padding:12px 16px!important;justify-content:center}.gq .gq-vp{display:flex;flex-direction:column;justify-content:center}.gq .gq-s{align-items:center;gap:14px}.gq .gq-m{row-gap:4px;line-height:1.4}.gq .gq-q{margin-top:7px;line-height:1.62}
/* 2026-10-16 v2: nudge name row + quote down together (photo/badge and box height untouched) */
html body .gq .gq-b{position:relative;top:6px}
@media (min-width:641px){html body .gq .gq-q{margin-top:3px}}
@media (max-width:640px){html body .gq .gq-b{top:4px}}
@media (max-width:640px){html body .gq .gq-m .gq-src{min-height:0;line-height:1.4}html body .gq{min-height:0}}/* 2026-10-16 v3 mobile: quote right under meta, snug box */

/* 2026-10-18 (그록 봇) remarks card: room for a full 2-line remark (was clipped ~8px). Both cards 120px and level side-by-side (>=961px); the 6px nudge is dropped so content stays centred. Mobile: no nudge, a bit more bottom padding (no clipping). */
@media (min-width:641px){html body .gq{height:120px!important}html body .gq .gq-b{top:0!important}}
@media (min-width:961px){html body .hero .host{box-sizing:border-box!important;min-height:120px!important}}
@media (max-width:640px){html body .gq .gq-b{top:0!important}html body .gq{padding-bottom:14px!important}}