/* ═══════════════════════════════════════════════════════════
   Editlab 주간 퀴즈 — 화면 스타일 (2026-09-21 시안, test.luvpp.com "Daily Field" 팔레트)
   전부 .eq 아래에만 적용해 워드프레스 테마와 부딪히지 않게 한다.
   크림 바탕 · 포레스트 그린(정답·진행) · 테라코타(오답·시간) · 머스터드(강조) · 명조 제목 + 고딕 본문
═══════════════════════════════════════════════════════════ */
.eq{--eq-cream:#f8f4ec;--eq-paper:#fffdf8;--eq-ink:#1f2a24;--eq-ink2:#3c463f;--eq-mute:#6f7770;--eq-line:#e4dccb;
  --eq-green:#1f5c3a;--eq-green2:#2f7a4f;--eq-green-soft:#e6f1e9;--eq-terra:#c8553d;--eq-terra-soft:#fbe9e4;--eq-must:#e0a92b;--eq-must-soft:#fbf1d6;
  --eq-r:18px;--eq-shadow:0 10px 30px rgba(31,42,36,.08);
  font-family:'Noto Sans KR',system-ui,-apple-system,sans-serif;color:var(--eq-ink);line-height:1.6;word-break:keep-all}
.eq *{box-sizing:border-box}
.eq .serif{font-family:'Noto Serif KR',serif}
.eq button{font-family:inherit}

/* ── 상단 정보 띠 ── */
.eq__meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.eq__meta span{font-size:12.5px;background:var(--eq-paper);border:1px solid var(--eq-line);border-radius:999px;padding:6px 12px;color:var(--eq-ink2)}
.eq__meta span b{color:var(--eq-green);font-weight:700}

/* ── 카드 공통 ── */
.eq__card{background:var(--eq-paper);border:1px solid var(--eq-line);border-radius:var(--eq-r);padding:28px 26px;box-shadow:var(--eq-shadow);animation:eqIn .3s ease}
@keyframes eqIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:560px){.eq__card{padding:22px 18px}}
.eq__eyebrow{font-size:11.5px;letter-spacing:.16em;font-weight:700;color:var(--eq-terra)}
.eq__h{font-family:'Noto Serif KR',serif;font-size:24px;font-weight:700;line-height:1.35;margin:8px 0 10px;letter-spacing:-.01em}
.eq__p{font-size:15px;color:var(--eq-ink2);margin:0 0 14px}

/* ── 시작 화면 ── */
.eq__nick{display:flex;gap:8px;margin:14px 0 6px}
.eq__nick input{flex:1;min-width:0;padding:13px 14px;border:1.5px solid var(--eq-line);border-radius:12px;font-size:16px;font-family:inherit;background:#fff}
.eq__nick input:focus{outline:none;border-color:var(--eq-green)}
.eq__nick button{padding:0 14px;border:1.5px solid var(--eq-line);background:#fff;border-radius:12px;font-size:13px;color:var(--eq-mute);cursor:pointer}
.eq__nick button:hover{border-color:var(--eq-green);color:var(--eq-green)}
.eq__hint{font-size:12.5px;color:var(--eq-mute);margin:0 0 16px}
.eq__rules{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px}
@media(max-width:560px){.eq__rules{grid-template-columns:1fr 1fr}}
.eq__rules div{background:var(--eq-cream);border-radius:12px;padding:12px 12px;font-size:12.5px;color:var(--eq-ink2);line-height:1.5}
.eq__rules b{display:block;font-family:'Noto Serif KR',serif;font-size:18px;color:var(--eq-green);margin-bottom:2px}
.eq__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;padding:15px 30px;font-size:16px;font-weight:700;cursor:pointer;transition:.15s;text-decoration:none}
.eq__btn--main{background:var(--eq-green);color:#fff;box-shadow:0 10px 24px rgba(31,92,58,.25)}
.eq__btn--main:hover{background:var(--eq-green2);transform:translateY(-1px)}
.eq__btn--ghost{background:#fff;color:var(--eq-green);border:1.5px solid var(--eq-green)}
.eq__btn--ghost:hover{background:var(--eq-green-soft)}
.eq__btn--soft{background:var(--eq-cream);color:var(--eq-ink2)}
.eq__btn--block{width:100%}
.eq__btn--sm{padding:11px 18px;font-size:14px}
.eq__row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.eq__mybest{margin-top:16px;background:var(--eq-must-soft);border:1px solid #f0dca0;border-radius:12px;padding:12px 14px;font-size:14px}
.eq__mybest b{color:var(--eq-ink)}

/* ── 문항 화면 ── */
.eq__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.eq__prog{flex:1;height:8px;background:var(--eq-cream);border-radius:999px;overflow:hidden}
.eq__prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--eq-green),var(--eq-must));transition:width .35s}
.eq__count{font-size:13px;color:var(--eq-mute);white-space:nowrap}
.eq__count b{color:var(--eq-ink);font-weight:700}
.eq__chips{display:flex;gap:8px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.eq__chip{font-size:12.5px;border-radius:999px;padding:5px 11px;background:var(--eq-cream);color:var(--eq-ink2)}
.eq__chip--score{background:var(--eq-green-soft);color:var(--eq-green);font-weight:700}
.eq__chip--streak{background:var(--eq-must-soft);color:#8a6410;font-weight:700;animation:eqPulse 1.2s ease infinite}
@keyframes eqPulse{0%,100%{box-shadow:0 0 0 0 rgba(224,169,43,.35)}50%{box-shadow:0 0 0 6px rgba(224,169,43,0)}}
.eq__qhead{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start}
.eq__qnum{font-size:12px;letter-spacing:.16em;color:var(--eq-terra);font-weight:700}
.eq__q{font-family:'Noto Serif KR',serif;font-size:clamp(19px,3vw,23px);font-weight:700;line-height:1.45;margin:8px 0 18px}
.eq__timer{position:relative;width:64px;height:64px;flex:none}
.eq__timer svg{width:64px;height:64px;transform:rotate(-90deg)}
.eq__timer circle{fill:none;stroke-width:5}
.eq__timer .bg{stroke:var(--eq-cream)}
.eq__timer .fg{stroke:var(--eq-green);stroke-linecap:round;transition:stroke .3s}
.eq__timer.is-low .fg{stroke:var(--eq-terra)}
.eq__timer b{position:absolute;inset:0;display:grid;place-items:center;font-size:18px;font-family:'Noto Serif KR',serif;font-weight:700;color:var(--eq-ink)}
.eq__timer.is-low b{color:var(--eq-terra)}
.eq__opts{display:grid;gap:9px}
.eq__opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1.5px solid var(--eq-line);border-radius:14px;padding:14px 16px;font-size:15.5px;line-height:1.45;color:var(--eq-ink);cursor:pointer;transition:.15s}
.eq__opt:hover:not(:disabled){border-color:var(--eq-green);background:var(--eq-green-soft);transform:translateX(3px)}
.eq__opt:disabled{cursor:default;opacity:.85}
.eq__opt i{flex:none;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--eq-line);display:grid;place-items:center;font-style:normal;font-size:12.5px;font-weight:700;color:var(--eq-green)}
.eq__opt.is-right{border-color:var(--eq-green);background:var(--eq-green-soft);opacity:1}
.eq__opt.is-right i{background:var(--eq-green);border-color:var(--eq-green);color:#fff}
.eq__opt.is-wrong{border-color:var(--eq-terra);background:var(--eq-terra-soft);opacity:1}
.eq__opt.is-wrong i{background:var(--eq-terra);border-color:var(--eq-terra);color:#fff}
.eq__fb{margin-top:16px;border-radius:14px;padding:16px 18px;animation:eqIn .25s ease}
.eq__fb--ok{background:var(--eq-green-soft);border:1px solid #bfd9c8}
.eq__fb--no{background:var(--eq-terra-soft);border:1px solid #f0c4b8}
.eq__fb--time{background:var(--eq-must-soft);border:1px solid #f0dca0}
.eq__fb b.v{display:block;font-family:'Noto Serif KR',serif;font-size:17px;margin-bottom:4px}
.eq__fb--ok b.v{color:var(--eq-green)}
.eq__fb--no b.v{color:var(--eq-terra)}
.eq__fb--time b.v{color:#8a6410}
.eq__fb .pts{font-size:13px;color:var(--eq-mute);margin-bottom:8px}
.eq__fb .pts b{color:var(--eq-ink)}
.eq__fb p{font-size:14.5px;color:var(--eq-ink2);margin:0 0 10px}
.eq__fb .why{font-size:13px;color:var(--eq-mute);border-top:1px dashed rgba(0,0,0,.12);padding-top:8px;margin-bottom:12px}
.eq__fb a.src{font-size:13.5px;color:var(--eq-green);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.eq__fb .nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}

/* ── 결과 화면 ── */
.eq__res{background:linear-gradient(135deg,#173f2a,var(--eq-green) 55%,#2f7a4f);color:#fff;border-radius:var(--eq-r);padding:30px 28px;position:relative;overflow:hidden;box-shadow:0 24px 50px rgba(23,63,42,.3)}
.eq__res::after{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(224,169,43,.35),transparent 65%)}
.eq__res__eyebrow{font-size:11.5px;letter-spacing:.16em;color:var(--eq-must);font-weight:700}
.eq__res__score{font-family:'Noto Serif KR',serif;font-size:56px;font-weight:900;line-height:1.05;margin:8px 0 2px;font-variant-numeric:tabular-nums}
.eq__res__score small{font-size:18px;font-weight:600;color:#cfe3d6;margin-left:4px}
.eq__res__badge{display:inline-block;background:var(--eq-must);color:#2b2005;border-radius:999px;padding:6px 14px;font-weight:800;font-size:14px;margin:8px 0 14px}
.eq__res__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;position:relative}
@media(max-width:560px){.eq__res__grid{grid-template-columns:1fr 1fr}}
.eq__res__grid div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:10px 12px;font-size:12px;color:#cfe3d6}
.eq__res__grid b{display:block;font-family:'Noto Serif KR',serif;font-size:20px;color:#fff;font-variant-numeric:tabular-nums}
.eq__res__rank{margin-top:14px;font-size:14.5px;color:#e6f1e9;position:relative}
.eq__res__rank b{color:var(--eq-must);font-size:18px;font-family:'Noto Serif KR',serif}
.eq__share{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;position:relative}
.eq__share .eq__btn{padding:11px 18px;font-size:14px}
.eq__share .eq__btn--main{background:var(--eq-must);color:#2b2005;box-shadow:none}
.eq__share .eq__btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.eq__share .eq__btn--ghost:hover{background:rgba(255,255,255,.1)}

.eq__sec{background:var(--eq-paper);border:1px solid var(--eq-line);border-radius:var(--eq-r);padding:22px 24px;margin-top:14px;box-shadow:var(--eq-shadow)}
.eq__sec h3{font-family:'Noto Serif KR',serif;font-size:18px;font-weight:700;margin:0 0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.eq__sec h3 small{font-size:12px;color:var(--eq-mute);font-weight:400;font-family:'Noto Sans KR',sans-serif}
.eq__live{display:inline-flex;align-items:center;gap:6px}
.eq__live i{width:8px;height:8px;border-radius:50%;background:var(--eq-terra);animation:eqBlink 1.4s ease infinite}
@keyframes eqBlink{0%,100%{opacity:1}50%{opacity:.25}}
.eq__lb{width:100%;border-collapse:collapse;font-size:14px}
.eq__lb th{font-size:11.5px;letter-spacing:.08em;color:var(--eq-mute);text-align:left;padding:6px 8px;border-bottom:1px solid var(--eq-line);font-weight:600}
.eq__lb td{padding:9px 8px;border-bottom:1px solid #f0ebe0;font-variant-numeric:tabular-nums}
.eq__lb td.r{width:44px;font-family:'Noto Serif KR',serif;font-weight:700;color:var(--eq-ink2)}
.eq__lb td.s{text-align:right;font-weight:700;color:var(--eq-green)}
.eq__lb td.t{text-align:right;color:var(--eq-mute);font-size:12.5px;white-space:nowrap}
.eq__lb tr.me td{background:var(--eq-must-soft)}
.eq__lb tr.top1 td.r{color:var(--eq-must)}
.eq__lb .medal{display:inline-block;width:22px;height:22px;border-radius:50%;text-align:center;line-height:22px;font-size:11px;color:#fff;background:var(--eq-green)}
.eq__lb tr.top1 .medal{background:var(--eq-must);color:#2b2005}
.eq__lb tr.top2 .medal{background:#9aa39c}
.eq__lb tr.top3 .medal{background:#b5764f}
.eq__lbnote{font-size:12.5px;color:var(--eq-mute);margin:10px 0 0}
.eq__rev details{border-top:1px solid var(--eq-line);padding:12px 0}
.eq__rev details:last-child{border-bottom:1px solid var(--eq-line)}
.eq__rev summary{cursor:pointer;font-weight:500;font-size:15px;display:flex;gap:10px;align-items:flex-start;list-style:none}
.eq__rev summary::-webkit-details-marker{display:none}
.eq__rev summary .m{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#fff;font-weight:700}
.eq__rev summary .m.ok{background:var(--eq-green)}
.eq__rev summary .m.no{background:var(--eq-terra)}
.eq__rev details p{margin:10px 0 0 32px;font-size:14px;color:var(--eq-ink2)}
.eq__rev details a{color:var(--eq-green);text-decoration:underline;text-underline-offset:3px;font-size:13.5px}
.eq__nl{display:grid;gap:9px}
.eq__nl .row{display:flex;gap:8px}
.eq__nl input[type=email]{flex:1;min-width:0;padding:12px 14px;border:1.5px solid var(--eq-line);border-radius:12px;font-size:15px;font-family:inherit}
.eq__nl label{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--eq-ink2);line-height:1.5}
.eq__nl label a{color:var(--eq-green);text-decoration:underline}
.eq__nl .msg{font-size:13px;color:var(--eq-mute);min-height:1em;margin:0}
.eq__nl .msg.bad{color:var(--eq-terra)}
.eq__nl .done{background:var(--eq-green-soft);border:1px solid #bfd9c8;border-radius:12px;padding:12px 14px;font-size:14px;margin:0}
.eq__foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.eq__toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--eq-ink);color:#fff;border-radius:999px;padding:10px 18px;font-size:13.5px;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:50;animation:eqIn .25s ease}
@media(prefers-reduced-motion:reduce){.eq *{animation:none!important;transition:none!important}}

/* ── 워드프레스 안에서만 쓰는 것 ── */
.eq__ad{margin:18px 0;text-align:center}
.eq__ad:empty{display:none}
.eq__ssr{margin-top:18px;font-size:13.5px;color:#6f7770}
.eq__ssr summary{cursor:pointer}
.eq__ssr ol{margin:8px 0 0;padding-left:20px;display:grid;gap:4px}