/* 이달의 AI 화제 — 보고서형 매거진(견본 v7, 설계 10.4). 클래스는 hi- 접두사만(공용 선택자를 덮지 않는다), 색은 assets/tokens.css 토큰만.
 * 그림은 HTML·SVG 인포그래픽이고 페이지 JavaScript·움직임은 없다. 계약: scripts/lib/hot-issues-style.test.js */

/* 배경 오로라 — 다른 손작성 허브처럼 광 두 개를 페이지 CSS 에서 정한다 */
.blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:var(--glow-opacity);mix-blend-mode:var(--glow-blend)}
.blob.a{width:620px;height:620px;background:radial-gradient(circle,var(--glow1),transparent 65%);top:-240px;left:-160px}
.blob.b{width:540px;height:540px;background:radial-gradient(circle,var(--glow3),transparent 62%);top:44%;right:-200px}

/* 공용 */
.hi-main{overflow-wrap:anywhere;word-break:keep-all}
/* 긴 문장 줄바꿈(2026-10-25): 띄어쓰기에서만 끊고(keep-all), 날짜는 한 덩어리, 문단은 끝줄 외톨이를 줄이고(pretty), 제목·캡션·카드 요약처럼 짧은 글은 줄 길이를 고르게(balance). */
.hi-nb{white-space:nowrap}
.hi-main p,.hi-main li,.hi-main dd,.hi-main blockquote{text-wrap:pretty}
.hi-main h2,.hi-main h3,.hi-main h4,.hi-main figcaption,.hi-main q,.hi-sub,.hi-card-sum,.hi-kind,.hi-coverlines span{text-wrap:balance}
.hi-fig li,.hi-fig td{text-wrap:balance}
.hi-ic{width:22px;height:22px;flex:none;vertical-align:middle}
.hi-ic.sm{width:17px;height:17px}
.hi-ic.xs{width:14px;height:14px;margin-right:6px;vertical-align:-2px}
.hi-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hi-ev{font-family:"Space Grotesk",sans-serif;font-size:10px;margin-left:2px;line-height:0}
.hi-ev a{color:var(--txt-faint);text-decoration:none;border-bottom:1px dotted var(--txt-faint)}
.hi-ev a:hover,.hi-ev a:focus-visible{color:var(--ember)}
.hi-interp{display:inline;font-size:11px;line-height:1.5;padding:0 7px;margin-left:4px;border-radius:6px;border:1px dashed rgba(var(--amber-rgb),.75);color:var(--amber);white-space:nowrap;vertical-align:1px}
.hi-main code{font-family:"JetBrains Mono",monospace;font-size:.88em;background:rgba(var(--ink-rgb),.07);padding:1px 6px;border-radius:5px}

/* 머리 */
.hi-top{padding:36px 0 8px}
.hi-h1{font-size:clamp(30px,3.2vw,42px);letter-spacing:-.03em;line-height:1.15;margin:8px 0 10px;color:var(--txt)}
.hi-desc{max-width:760px;color:var(--read);font-size:16px;line-height:1.75}
/* '공식 자료' 풀이(2026-10-25 운영자) — 누구의 공식인지 소개 바로 아래에서 밝힌다. 용어 풀이 카드와 같은 표면 */
.hi-def{max-width:760px;margin:14px 0 0}
.hi-def div{padding:12px 16px;border-radius:16px;border:1px solid var(--glass-line);background:var(--glass)}
.hi-def dt{font-weight:700;font-size:14.5px;color:var(--txt);margin-bottom:4px}
.hi-def dd{margin:0;font-size:14px;color:var(--txt-dim);line-height:1.7}

/* 테마(2026-10-26 운영자) — 매달 내는 호와 따로 분기마다 판을 새로 만드는 주제 페이지(웹 디자인 트렌드)로 잇는 카드. 표지 바로 아래, 정적 링크 */
.hi-theme{padding-bottom:10px} /* 좌우는 .wrap 여백 그대로 — padding 묶음으로 쓰면 좁은 화면에서 카드가 가장자리에 붙는다 */
.hi-theme-card{display:flex;gap:16px;align-items:center;max-width:760px;padding:14px 18px;border:1px solid var(--glass-line);border-radius:18px;background:var(--glass);color:var(--txt);text-decoration:none}
.hi-theme-card:hover,.hi-theme-card:focus-visible{border-color:rgba(var(--ember-rgb),.55)}
.hi-theme-card .hi-theme-ic{flex:none;margin:0}
.hi-theme-txt{display:grid;gap:2px;min-width:0}
.hi-theme-k{font-size:12px;color:var(--tag-peach)}
.hi-theme-txt b{font-size:17px;letter-spacing:-.01em}
.hi-theme-sum{font-size:13.5px;color:var(--read);line-height:1.6}

/* 표지 */
.hi-cover{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px 48px;align-items:center;padding:30px 0 34px}
.hi-bigno{font-family:"Instrument Serif",serif;font-size:clamp(150px,18vw,260px);line-height:.8;letter-spacing:-.04em;margin:0;background:linear-gradient(160deg,var(--txt) 10%,var(--amber) 45%,var(--ember) 72%,var(--crim));-webkit-background-clip:text;background-clip:text;color:transparent}
.hi-bigno span{font-size:.2em;letter-spacing:0;vertical-align:top;margin-left:8px;-webkit-text-fill-color:var(--txt);font-family:inherit;font-weight:700}
.hi-cover-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:16px 0 0;font-family:"Space Grotesk",sans-serif;font-size:14px;color:var(--txt-dim)}
.hi-cover-meta b{color:var(--txt)}
.hi-coverlines{list-style:none;margin:24px 0 0;padding:16px 0 0;border-top:1px solid var(--glass-line);display:grid;gap:10px}
.hi-coverlines a{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:baseline;color:var(--read);text-decoration:none;font-size:15px;line-height:1.5}
.hi-coverlines a:hover,.hi-coverlines a:focus-visible{color:var(--txt)}
.hi-coverlines b{font-family:"Space Grotesk",sans-serif;color:var(--ember);font-size:13px;letter-spacing:.04em}
.hi-cover-r{border:1px solid var(--glass-line);border-radius:24px;background:var(--panel);backdrop-filter:blur(14px);padding:26px 26px 22px}
.hi-head{text-align:center;padding:4px 10px 0}
.hi-chip{display:inline-flex;align-items:center;margin:0;font-size:12px;color:var(--tag-peach);border:1px solid rgba(var(--ember-rgb),.4);border-radius:100px;padding:3px 12px;background:rgba(var(--ember-rgb),.06)}
.hi-head q{display:block;font-family:"Instrument Serif",serif;font-style:italic;font-size:clamp(20px,1.9vw,26px);line-height:1.3;color:var(--txt);margin:12px auto 6px;max-width:560px;quotes:"“" "”"}
.hi-head-src{margin:0;font-size:12.5px;color:var(--txt-faint)}
.hi-split{display:block;width:100%;height:46px}
.hi-split path{fill:none;stroke:rgba(var(--ember-rgb),.7);stroke-width:1.6;vector-effect:non-scaling-stroke}
.hi-pair{display:grid;grid-template-columns:minmax(0,1fr) 128px minmax(0,1fr);gap:12px;align-items:stretch}
.hi-pair.is-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.hi-pair.is-list .hi-gap{grid-column:1/-1;flex-direction:row;text-align:left}
.hi-pair.is-list .hi-gap b{flex:0 0 auto;max-width:8em}
.hi-card{display:flex;flex-direction:column;gap:6px;border:1px solid var(--glass-line);border-radius:18px;padding:18px;background:var(--glass);color:var(--txt);text-decoration:none;transition:border-color .2s}
.hi-card:hover,.hi-card:focus-visible{border-color:rgba(var(--ember-rgb),.55)}
.hi-card img{width:48px;height:48px;border-radius:12px}
.hi-card b{font-size:20px;letter-spacing:-.01em}
.hi-kind{font-size:12.5px;color:var(--tag-peach)}
.hi-card-sum{font-size:13.5px;color:var(--read);line-height:1.6}
.hi-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.hi-facts span{display:inline-flex;align-items:center;font-size:11.5px;color:var(--txt-dim);border:1px solid var(--glass-line);border-radius:100px;padding:2px 9px}
.hi-gap{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;border:1px dashed var(--glass-line);border-radius:16px;padding:12px 8px;color:var(--amber)}
.hi-gap b{font-size:12.5px;color:var(--txt);line-height:1.4;text-wrap:balance}
.hi-gap p{margin:0;font-size:11px;color:var(--txt-faint);line-height:1.5}
.hi-dates{grid-column:1/-1;list-style:none;margin:0;padding:16px 0 0;border-top:1px solid var(--glass-line);display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.hi-date{position:relative;padding-top:14px;font-size:12.5px;color:var(--read);line-height:1.45}
.hi-date::before{content:"";position:absolute;top:0;left:0;width:9px;height:9px;border-radius:50%;background:var(--ember);box-shadow:0 0 0 4px rgba(var(--ember-rgb),.15)}
.hi-date time{display:block;font-family:"Space Grotesk",sans-serif;font-weight:700;color:var(--amber);font-size:13px}

/* 발행한 호 · 호 머리 */
.hi-index{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:18px 0 0;font-size:13px;color:var(--txt-dim)}
.hi-index-h{margin:0;font-weight:700;color:var(--txt-dim)}
.hi-index ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.hi-index a{display:inline-block;padding:3px 12px;border:1px solid var(--glass-line);border-radius:100px;color:var(--read);text-decoration:none}
.hi-index a:hover,.hi-index a:focus-visible{border-color:rgba(var(--ember-rgb),.55);color:var(--txt)}
.hi-issue{margin-top:26px}
.hi-issue-head{max-width:900px;margin:0 auto 10px}
.hi-issue-head h2{font-size:24px;letter-spacing:-.02em;margin:24px 0 6px;color:var(--txt)}
.hi-basis{display:flex;align-items:center;margin:0 0 18px;font-size:12.5px;color:var(--txt-faint)}
.hi-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.85;color:var(--read)}
.hi-lead::first-letter{font-family:"Instrument Serif",serif;font-size:4.2em;float:left;line-height:.82;padding:8px 12px 0 0;color:var(--amber)}
.hi-corr{margin:10px 0 0;padding:10px 14px;border:1px solid rgba(var(--amber-rgb),.4);border-radius:12px;background:rgba(var(--amber-rgb),.06);list-style:none;font-size:13.5px;color:var(--read)}

/* 근거 묶음 */
.hi-srcs{margin-top:22px;border:1px solid var(--glass-line);border-radius:16px;padding:14px 18px;background:var(--glass)}
.hi-srcs summary{cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--tag-peach)}
.hi-srclist{list-style:none;margin:14px 0;padding:0;display:grid;gap:6px;font-size:13.5px}
.hi-srclist a,.hi-from{color:var(--link);overflow-wrap:anywhere}
.hi-evid{list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--glass-line);display:grid;gap:8px}
.hi-evid li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 10px;font-size:13px;scroll-margin-top:90px;border-radius:8px;padding:4px 6px}
.hi-evid li:target{background:rgba(var(--ember-rgb),.12)}
.hi-evid b{grid-row:span 2;font-family:"Space Grotesk",sans-serif;color:var(--ember)}
.hi-q{color:var(--read);font-style:italic;overflow-wrap:anywhere}
.hi-from{font-size:12px}

/* 기사 */
.hi-article{margin-top:70px;padding-top:46px;border-top:1px solid var(--glass-line);scroll-margin-top:80px}
.hi-opener{position:relative}
.hi-tag{position:absolute;top:-64px;left:0;display:flex;align-items:baseline;gap:10px;margin:0;padding:8px 16px;border-radius:14px;background:var(--bg-2);border:1px solid var(--glass-line);font-size:18px;font-weight:800;color:var(--txt)}
.hi-tag span{font-family:"Instrument Serif",serif;font-weight:400;font-size:38px;line-height:1;color:var(--ember)}
.hi-art-grid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px;margin-top:36px}
.hi-toc{position:sticky;top:90px;align-self:start;font-size:13px}
.hi-toc-h{margin:0 0 8px;font-family:"Space Grotesk",sans-serif;font-size:11.5px;letter-spacing:.12em;color:var(--txt-faint)}
.hi-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--glass-line)}
.hi-toc a{display:block;padding:5px 0 5px 14px;margin-left:-1px;border-left:1px solid transparent;color:var(--txt-dim);text-decoration:none;line-height:1.4}
.hi-toc a:hover,.hi-toc a:focus-visible{color:var(--txt);border-left-color:var(--ember)}
.hi-art-body{max-width:820px;min-width:0}
.hi-art-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0;font-family:"Space Grotesk",sans-serif;font-size:12.5px;color:var(--txt-faint)}
.hi-badge{display:inline-flex;font-size:12px;padding:3px 11px;border-radius:100px;border:1px solid rgba(var(--ember-rgb),.45);color:var(--tag-peach);background:rgba(var(--ember-rgb),.08)}
.hi-title{font-size:clamp(26px,3vw,40px);line-height:1.25;letter-spacing:-.03em;margin:14px 0 12px;color:var(--txt)}
.hi-sub{font-size:18px;color:var(--read);line-height:1.7;margin:0}
.hi-glance{margin:28px 0 10px;padding:20px 24px;border-radius:20px;background:rgba(var(--ember-rgb),.09);border:1px solid rgba(var(--ember-rgb),.32)}
.hi-glance-h{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:700;color:var(--tag-peach)}
.hi-glance ul{margin:0;padding-left:20px}
.hi-glance li{margin:6px 0;color:var(--txt);font-size:15.5px;line-height:1.65}
.hi-sec{margin-top:44px;scroll-margin-top:80px}
.hi-sec::after{content:"";display:block;clear:both}
.hi-sec h4{display:flex;align-items:center;gap:14px;font-size:22px;letter-spacing:-.02em;margin:0 0 16px;color:var(--txt)}
.hi-bub{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:var(--ember);background:rgba(var(--ember-rgb),.1);border:1px solid rgba(var(--ember-rgb),.35);flex:none}
.hi-illus{margin:4px 0 18px;border:1px solid var(--glass-line);border-radius:16px;overflow:hidden;background:var(--inst)}
.hi-illus img{display:block;width:100%;height:auto}
.hi-illus figcaption{padding:10px 16px;font-size:13.5px;font-weight:600;line-height:1.5;color:var(--txt-dim);text-align:center;border-top:1px solid var(--glass-line);background:var(--glass)}
.hi-sec > p{font-size:16.5px;color:var(--read);margin:0 0 14px;line-height:1.85}
.hi-sec ul{color:var(--read)}
.hi-pull{margin:34px 0 14px;padding:26px 30px;border-left:3px solid var(--ember);background:rgba(var(--ember-rgb),.07);border-radius:0 20px 20px 0}
.hi-pull-en{font-family:"Instrument Serif",serif;font-style:italic;font-size:clamp(23px,2.4vw,32px);line-height:1.28;color:var(--txt);margin:0}
.hi-pull-ko{font-size:15.5px;color:var(--read);margin:12px 0 8px}
.hi-pull cite{font-style:normal;font-size:12.5px;color:var(--txt-faint);font-family:"Space Grotesk",sans-serif}
.hi-dodont{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.hi-do,.hi-dont{border-radius:18px;padding:18px 22px;border:1px solid var(--glass-line);background:var(--glass)}
.hi-do{border-color:rgba(var(--green-rgb),.4)}
.hi-dont{border-color:rgba(var(--amber-rgb),.45);background:rgba(var(--amber-rgb),.05)}
.hi-dd-h{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;font-weight:700}
.hi-do .hi-dd-h{color:var(--green)}
.hi-dont .hi-dd-h{color:var(--amber)}
.hi-dodont ul{margin:0;padding-left:18px}
.hi-dodont li{font-size:14.5px;line-height:1.7;margin:4px 0}
.hi-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.hi-terms div{padding:14px 16px;border-radius:16px;border:1px solid var(--glass-line);background:var(--glass)}
.hi-terms dt{font-weight:700;font-size:15px;color:var(--txt);margin-bottom:4px}
.hi-terms dd{margin:0;font-size:14px;color:var(--txt-dim);line-height:1.6}
.hi-tl{list-style:none;position:relative;margin:0;padding:0 0 0 26px}
.hi-tl::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:rgba(var(--ember-rgb),.45)}
.hi-tl li{position:relative;margin:0 0 16px}
.hi-tl li::before{content:"";position:absolute;left:-26px;top:7px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid var(--ember)}
.hi-tl time{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:14px;color:var(--amber)}
.hi-tl p{margin:2px 0 0;font-size:15px;line-height:1.65}
.hi-tl-src{font-size:12px;color:var(--link)}
.hi-conf{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.hi-conf li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;padding:16px 18px;border-radius:16px;border:1px solid rgba(var(--amber-rgb),.4);background:rgba(var(--amber-rgb),.05);color:var(--amber)}
.hi-conf p{margin:0;color:var(--read);font-size:15px;line-height:1.75}
.hi-conf strong{color:var(--txt)}

/* 그림 공용 */
.hi-fig{margin:30px 0 12px;padding:24px;border:1px solid var(--glass-line);border-radius:22px;background:var(--panel);backdrop-filter:blur(14px);min-width:0}
.hi-opener .hi-fig{margin:0}
.hi-fig figcaption{display:flex;flex-direction:column;gap:4px;margin-bottom:18px}
.hi-fig figcaption b{font-size:17px;letter-spacing:-.01em;color:var(--txt)}
.hi-fig figcaption > span{font-size:13.5px;color:var(--txt-dim);line-height:1.6}
.hi-fig-src{margin:14px 0 0;font-size:12px;color:var(--txt-faint);line-height:1.6}
.hi-ic-box{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--ember);background:rgba(var(--ember-rgb),.1);margin-bottom:10px}
.hi-ic-box img{width:34px;height:34px;border-radius:8px}

/* 흐름 */
.hi-flow{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;gap:0}
.hi-col{position:relative;flex:1 1 0;min-width:0;border:1px solid var(--glass-line);border-radius:18px;padding:16px;background:var(--glass)}
.hi-col.is-hl{border-color:rgba(var(--ember-rgb),.5);background:rgba(var(--ember-rgb),.07)}
.hi-col b{display:block;font-size:15.5px;margin-bottom:6px;color:var(--txt)}
.hi-col ul{list-style:none;margin:0;padding:0;font-size:13px;color:var(--read);line-height:1.7}
.hi-col-ev{position:absolute;right:12px;top:10px}
.hi-arrow{display:grid;place-items:center;flex:0 0 34px;color:var(--ember)}
.hi-bar{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0 0;padding:14px 0 0;border-top:1px dashed var(--glass-line);font-size:12.5px;color:var(--txt-dim)}
.hi-bar li{display:inline-flex;align-items:center}

/* 격자(앱 묶음) */
.hi-fig-grid figcaption{flex-direction:row;align-items:center;gap:14px}
.hi-fig-grid figcaption > img{width:40px;height:40px;border-radius:10px;flex:none}
.hi-fig-grid figcaption > span{display:flex;flex-direction:column;gap:2px}
.hi-fig-grid figcaption > span > span{font-size:13px;color:var(--txt-dim)}
.hi-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.hi-tile{position:relative;display:flex;flex-direction:column;gap:3px;border:1px solid var(--glass-line);border-radius:16px;padding:14px;background:var(--glass)}
.hi-tile img{width:44px;height:44px;border-radius:11px;margin-bottom:6px}
.hi-tile b{font-size:14.5px;color:var(--txt)}
.hi-tile-label{font-size:12px;color:var(--read);line-height:1.4}
.hi-tile-status{align-self:flex-start;font-size:10.5px;border-radius:100px;padding:1px 8px;margin-top:4px;color:var(--txt-dim);border:1px solid var(--glass-line)}
.hi-tile-status[data-status="초기 알파"]{color:var(--amber);border-color:rgba(var(--amber-rgb),.5)}
.hi-tile-meta{display:inline-flex;align-items:center;font-size:10.5px;color:var(--txt-faint);margin-top:2px}
.hi-tile.is-current{border-color:rgba(var(--ember-rgb),.65);background:rgba(var(--ember-rgb),.09)}
.hi-this{position:absolute;right:10px;top:10px;font-size:10.5px;color:var(--on-accent);background:var(--ember);border-radius:100px;padding:1px 8px;font-weight:700}
.hi-group{margin-top:16px;padding-top:14px;border-top:1px dashed var(--glass-line)}
.hi-group-h{display:flex;align-items:center;margin:0 0 8px;font-size:13px;color:var(--tag-peach);font-weight:600}
.hi-group ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.hi-group li{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--txt-dim);border:1px solid var(--glass-line);border-radius:10px;padding:5px 10px}
.hi-notes{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px;font-size:13px;color:var(--read)}
.hi-notes li{display:flex;align-items:flex-start;line-height:1.6}

/* 점검 행렬·표·단계 */
.hi-tw{overflow-x:auto}
.hi-fig table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
.hi-fig th,.hi-fig td{padding:10px 12px;border-bottom:1px solid var(--glass-line);text-align:left;vertical-align:top;color:var(--read)}
.hi-fig thead th{color:var(--txt);font-size:13px;background:rgba(var(--ink-rgb),.04)}
.hi-fig tbody th{color:var(--txt);font-weight:600}
.hi-fig-matrix table{border-spacing:6px}
.hi-fig-matrix th,.hi-fig-matrix td{border:0;border-radius:12px;font-size:13.5px}
.hi-fig-matrix thead th{background:rgba(var(--amber-rgb),.08);color:var(--amber);text-align:center}
.hi-fig-matrix tbody th{background:rgba(var(--ink-rgb),.04);white-space:nowrap}
.hi-fig-matrix td{text-align:center;background:rgba(var(--ember-rgb),.06);color:var(--ember)}
.hi-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:12px;counter-reset:hi-step}
.hi-steps li{position:relative;padding:16px 14px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-line);counter-increment:hi-step}
.hi-steps li::before{content:counter(hi-step,decimal-leading-zero);position:absolute;right:12px;top:10px;font-family:"Space Grotesk",sans-serif;font-size:11px;color:var(--txt-faint)}
.hi-steps b{display:block;font-size:14.5px;margin-bottom:4px;color:var(--txt)}
.hi-steps li > span:last-child{display:block;font-size:13px;color:var(--txt-dim);line-height:1.55}

/* 좁은 화면 */
@media (max-width:1000px){
  .hi-cover{grid-template-columns:1fr}
  .hi-art-grid{grid-template-columns:1fr}
  .hi-toc{position:static}
}
@media (max-width:760px){
  .hi-pair{grid-template-columns:1fr}
  .hi-gap{flex-direction:row;text-align:left}
  .hi-gap b{flex:0 0 auto;max-width:8em}
  .hi-split{display:none}
  .hi-coverlines a{grid-template-columns:1fr}
  .hi-flow{flex-direction:column}
  .hi-arrow{transform:rotate(90deg);flex:0 0 30px}
  .hi-dodont,.hi-terms{grid-template-columns:1fr}
  .hi-fig,.hi-cover-r{padding:18px}
  .hi-tag{position:static;display:inline-flex;margin-bottom:14px}
  .hi-article{padding-top:28px}
}

/* 인쇄: 배경·유리 없이 글과 표만 */
@media print{
  .hi-cover-r,.hi-fig,.hi-col,.hi-tile,.hi-srcs,.hi-glance,.hi-do,.hi-dont,.hi-conf li,.hi-terms div,.hi-def div,.hi-theme-card{background:none;backdrop-filter:none;border-color:currentColor}
  .hi-bigno{background:none;color:inherit;-webkit-text-fill-color:currentColor}
  .hi-toc,.hi-split,.hi-index{display:none}
  .hi-srcs summary{color:inherit}
}