/* Styles partagés des articles de presse (presseN.html) */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--t);min-height:100svh;overflow-x:hidden}
.bnav{padding-left:2px;padding-right:2px}.bni{padding:6px 4px;min-width:0}.bni span{font-size:8px;letter-spacing:.02em}
#readMain{flex:1;min-width:0;display:flex;flex-direction:column}
.np-bar{position:sticky;top:0;z-index:100;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.08)}
.np-back{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;flex-shrink:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);text-decoration:none;color:rgba(247,248,250,.85)}
.np-back svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.np-bar-title{flex:1;min-width:0;text-align:center;font-family:'Nanum Myeongjo',serif;font-weight:800;font-size:15px;color:#fff;letter-spacing:.06em}
.np-frtoggle{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.18);border-radius:100px;padding:6px 12px;font-size:11px;font-weight:700;color:rgba(247,248,250,.75);cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}
.np-frtoggle .dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);transition:background .15s}
.np-frtoggle[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:#fff}
.np-frtoggle[aria-pressed="true"] .dot{background:#fff}
.read-prog-bar{height:3px;background:rgba(255,255,255,.06);flex-shrink:0}
.read-prog-fill{height:100%;background:var(--gold);width:0%;transition:width .4s ease}
.np-scroll{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
@media(min-width:960px){.np-scroll{padding-bottom:40px}}
.np{max-width:720px;margin:0 auto;padding:22px 20px 8px;background:var(--surf)}
@media(min-width:760px){.np{padding:34px 44px 8px}}
.np-mast{text-align:center;border-top:3px double var(--t);border-bottom:3px double var(--t);padding:12px 0 10px;margin-bottom:14px}
.np-mast-name{font-family:'Nanum Myeongjo',serif;font-weight:800;font-size:clamp(30px,9vw,46px);letter-spacing:.04em;line-height:1;color:var(--t)}
.np-mast-sub{font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--t3);margin-top:8px;font-weight:600}
.np-dateline{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);border-bottom:1px solid var(--bd);padding-bottom:10px;margin-bottom:22px;font-weight:600}
.np-kicker{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.np-headline{font-family:'Nanum Myeongjo',serif;font-weight:800;font-size:clamp(27px,7vw,40px);line-height:1.16;color:var(--t);letter-spacing:-.01em;margin-bottom:14px}
.np-standfirst{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(16px,4.4vw,20px);line-height:1.5;color:var(--t2);margin-bottom:16px}
.np-byline{display:flex;align-items:center;gap:10px;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);font-weight:600;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:9px 0;margin-bottom:22px}
.np-byline .sep{flex:1;height:0}
.np-figure{margin:0 0 24px}
.np-figure img{width:100%;height:auto;display:block;border:1px solid var(--bd);filter:saturate(.96)}
.np-figcap{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--t3);font-style:italic;margin-top:7px;line-height:1.4}
.np-figcap .credit{font-style:normal;letter-spacing:.06em;text-transform:uppercase;font-size:9px;opacity:.8;white-space:nowrap}
.np-body{font-family:'Nanum Myeongjo',serif;font-size:17.5px;line-height:1.92;color:var(--t);text-align:justify;-webkit-hyphens:auto;hyphens:auto}
.art-p{margin-bottom:15px}
.np-body .art-p:first-of-type::first-letter{font-family:'Playfair Display',serif;float:left;font-size:3.1em;line-height:.8;font-weight:800;padding:6px 10px 0 0;color:var(--gold)}
.w{position:relative;cursor:pointer;border-bottom:1px solid transparent;transition:background .12s,border-color .12s;border-radius:3px;-webkit-tap-highlight-color:transparent}
.w:hover{background:var(--goldbg);border-bottom-color:var(--goldbd)}
.w.on{background:var(--goldbg);border-bottom-color:var(--gold)}
.w>i{position:absolute;left:50%;bottom:calc(100% + 7px);transform:translateX(-50%);background:var(--navy);color:#fff;font-family:'Inter',sans-serif;font-style:normal;font-size:12px;font-weight:500;line-height:1.35;letter-spacing:0;white-space:nowrap;max-width:78vw;padding:7px 11px;border-radius:9px;box-shadow:0 8px 24px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .14s;z-index:60;text-align:center}
.w>i b{color:var(--gold);font-weight:700}
.w>i::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--navy)}
.w.on>i,.w:hover>i{opacity:1}
.fr{display:none}
.show-fr .fr{display:block;font-family:'Inter',sans-serif;font-size:13.5px;line-height:1.5;color:var(--t2);font-style:italic;text-align:left;border-left:2px solid var(--goldbd);padding-left:11px;margin:5px 0 13px}
.show-fr .fr::before{content:'FR';font-style:normal;font-weight:800;font-size:8.5px;letter-spacing:.1em;color:var(--gold);display:inline-block;margin-right:7px;vertical-align:1px}
.np-box{border:1px solid var(--bd);border-top:3px solid var(--t);background:var(--bg);border-radius:0 0 4px 4px;padding:18px 16px;margin:30px 0 0}
.np-box-lbl{font-family:'Nanum Myeongjo',serif;font-weight:800;font-size:15px;color:var(--t);letter-spacing:.02em;margin-bottom:14px;display:flex;align-items:baseline;gap:8px}
.np-box-lbl span{font-family:'Inter',sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--t3)}
.vocab-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(min-width:500px){.vocab-grid{grid-template-columns:repeat(3,1fr)}}
.vocab-card{background:var(--surf);border:1px solid var(--bd);border-radius:10px;padding:11px 12px}
.vocab-kr{font-family:'Nanum Myeongjo',serif;font-size:17px;color:var(--t);font-weight:700;margin-bottom:2px}
.vocab-rom{font-size:10px;color:var(--t3);margin-bottom:4px}
.vocab-fr{font-size:12px;color:var(--t2)}
.vocab-type{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:1px 6px;border-radius:4px;margin-top:5px}
.vt-n{background:rgba(59,130,246,.12);color:#3b82f6}.vt-v{background:rgba(168,85,247,.12);color:#a855f7}
.vt-adj{background:rgba(251,191,36,.14);color:#d97706}.vt-adv{background:rgba(34,197,94,.12);color:#16a34a}
.vt-exp{background:rgba(239,68,68,.12);color:#ef4444}
.quiz-q{padding:0 0 14px;border-bottom:1px solid var(--bd);margin-bottom:14px}
.quiz-q:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}
.quiz-q-num{font-size:10px;color:var(--t3);margin-bottom:6px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.quiz-q-text{font-size:14.5px;color:var(--t);margin-bottom:12px;line-height:1.5;font-weight:500}
.quiz-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(max-width:420px){.quiz-opts{grid-template-columns:1fr}}
.quiz-opt{background:var(--surf);border:1.5px solid var(--bd);border-radius:9px;padding:10px 12px;font-size:13px;color:var(--t2);cursor:pointer;transition:all .15s;text-align:left;-webkit-tap-highlight-color:transparent}
.quiz-opt:hover:not([disabled]){border-color:var(--bd2)}
.quiz-opt.correct{background:rgba(34,197,94,.1);border-color:#16a34a;color:#15803d;font-weight:600}
.quiz-opt.wrong{background:rgba(239,68,68,.08);border-color:#ef4444;color:#ef4444}
.check-btn{display:none;width:100%;padding:14px;border-radius:10px;background:var(--t);color:var(--bg);font-size:15px;font-weight:700;border:none;cursor:pointer;margin-top:16px;transition:opacity .15s;font-family:'Inter',sans-serif}
.check-btn:hover{opacity:.9}.check-btn.show{display:block}
.xp-reward{display:none;border:1px solid var(--goldbd);border-top:3px solid var(--gold);background:var(--bg);border-radius:0 0 4px 4px;padding:26px 20px;text-align:center;margin-top:18px}
.xp-reward.show{display:block;animation:xpIn .5s ease both}
@keyframes xpIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.xp-ico{margin-bottom:10px;color:var(--gold);line-height:0}
.xp-title{font-family:'Nanum Myeongjo',serif;font-weight:800;font-size:21px;color:var(--t);margin-bottom:6px}
.xp-sub{font-size:13px;color:var(--t2);margin-bottom:16px}
.xp-pill{display:inline-flex;align-items:center;gap:8px;background:var(--goldbg);border:1px solid var(--goldbd);border-radius:100px;padding:9px 22px;margin-bottom:20px;font-size:17px;font-weight:700;color:var(--gold)}
.xp-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.btn-primary{background:var(--gold);color:#fff;padding:12px 24px;border-radius:100px;font-size:14px;font-weight:700;text-decoration:none;border:none;cursor:pointer}
.btn-secondary{background:transparent;color:var(--gold);border:1.5px solid var(--goldbd);padding:12px 24px;border-radius:100px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer}
.np-end{text-align:center;color:var(--t3);font-size:18px;letter-spacing:.4em;margin:26px 0 6px}
.side-logo-wrap{padding:18px 18px 14px;border-bottom:1.5px solid var(--bd)}