/* Scoped extension of the Lab's reading layout and Fudji Sans specimen. */
.hic-article .article-cover{overflow:hidden;background:#f5f3ed}
.hic-article .article-cover img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.prose .hic-workshop,.prose .hic-roles{margin:48px 0;padding:32px;background:#f2f5fc;border-block:1px solid #d3deef;color:#182520}
.prose .hic-workshop h3,.prose .hic-roles h3{margin:0 0 12px;font:500 clamp(25px,3vw,34px)/1.15 Outfit,sans-serif;letter-spacing:-.025em}
.prose .hic-workshop>p,.prose .hic-roles>p{font-size:15px;line-height:1.65;margin:0 0 24px}
.hic-steps,.hic-role-buttons{display:flex;gap:6px;flex-wrap:wrap;margin:22px 0}
.hic-workshop button,.hic-roles button{font:500 13px/1.3 Inter,sans-serif;padding:12px 15px;min-height:44px;border:1px solid #bdcce4;background:transparent;color:#193b70;border-radius:4px;cursor:pointer}
.hic-workshop button:hover,.hic-roles button:hover{background:#e0eaff;border-color:#0057f6}
.hic-workshop button[aria-pressed=true],.hic-roles button[aria-pressed=true]{background:#0057f6;border-color:#0057f6;color:white}
.hic-stage{background:white;border:1px solid #d3deef;overflow:hidden}
.hic-panel[hidden]{display:none}
.hic-panel{min-height:405px;position:relative}
.hic-panel[data-panel="0"] img{width:100%;height:365px;display:block;object-fit:cover;object-position:center 44%;margin:0}
.hic-caption{display:block;font:400 12px/1.6 Inter,sans-serif;color:#445574;padding:16px 20px;background:white}
.hic-contour svg{display:block;width:100%;height:260px}
.hic-contour svg text{font:220px 'fudji sans';fill:#0057f6;fill-opacity:var(--ink-fill,0);stroke:#0057f6;stroke-width:1.2;paint-order:stroke fill;letter-spacing:12px}
.hic-guideline{stroke:#b9c9e5;stroke-width:1;stroke-dasharray:5 5}
.hic-range-label{display:flex;justify-content:space-between;gap:20px;margin:10px 24px;font-size:13px}
.hic-workshop input[type=range]{accent-color:#0057f6;cursor:pointer;min-height:32px}
#hic-ink{display:block;width:calc(100% - 48px);margin:0 24px}
.prose .hic-stage-note{margin:20px 0 0;min-height:50px;font-size:14px;color:#314a72}
.hic-specimen{padding:24px}
.hic-specimen>label{display:block;font-size:13px;margin-bottom:10px}
.hic-specimen textarea{display:block;box-sizing:border-box;width:100%;resize:vertical;min-height:76px;padding:12px;border:1px solid #adbfdb;border-radius:3px;color:#182520;background:white;font:15px/1.5 Inter,sans-serif;caret-color:#0057f6}
.hic-font-controls{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:20px}
.hic-font-controls label{font-size:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hic-font-controls select{padding:10px;min-height:44px;background:white;border:1px solid #adbfdb;color:#193b70;border-radius:3px;font:13px Inter,sans-serif}
.prose .hic-sample{font:400 40px/1.5 'fudji sans',cursive;letter-spacing:0;color:#0057f6;min-height:120px;overflow-wrap:anywhere;margin:26px 0 4px;padding-block:12px;border-block:1px solid #d3deef;font-synthesis:none}
.hic-specimen .hic-caption{padding:12px 0 0}
.hic-role-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid #c3d1e8;padding-top:24px;min-height:135px}
.hic-role-content h4{font:500 19px/1.3 Outfit,sans-serif;margin:0 0 12px}
.prose .hic-role-content p{font-size:15px;line-height:1.65;margin:0}
.hic-role-content>div:last-child{color:#124a9d}
.hic-workshop :focus-visible,.hic-roles :focus-visible{outline:3px solid #0057f6;outline-offset:4px}
.hic-workshop ::selection{background:#0057f6;color:white}
.hic-workshop output{font-variant-numeric:tabular-nums;white-space:nowrap}
.prose a.hic-community{display:inline-flex;margin-top:18px;background:#0057f6;color:#fff;text-decoration:none;font-weight:600}.prose a.hic-community:hover{background:#003fc3}.prose a.hic-community:focus-visible{outline:3px solid #0057f6;outline-offset:4px}
@media(max-width:650px){.prose .hic-workshop,.prose .hic-roles{padding:20px 16px;margin:36px 0}.hic-steps{gap:6px}.hic-steps button{flex:1 1 100%;text-align:left}.hic-panel{min-height:365px}.hic-panel[data-panel="0"] img{height:300px}.hic-contour svg{height:230px}.hic-specimen{padding:16px}.hic-font-controls{gap:12px}.hic-role-content{grid-template-columns:1fr;gap:24px;min-height:220px}.hic-stage-note{min-height:72px}.hic-role-buttons button{flex:1 1 40%}}
@media print{.hic-steps,.hic-role-buttons,.hic-font-controls,#hic-ink,.hic-range-label,.hic-specimen textarea{display:none}.hic-panel[hidden]{display:none}.hic-workshop,.hic-roles{break-inside:avoid}}

/* The specimen is always available, outside the process stages. */
.hic-workshop>.hic-specimen{margin-top:28px;background:white;border:1px solid #d3deef}
.prose .hic-specimen h3{font-size:26px;margin-bottom:20px}
/* Notebook-to-font comparison, controlled by one keyboard-accessible slider. */
.hic-comparison{position:relative;aspect-ratio:3/2;overflow:hidden;background:white;margin-top:24px;border:1px solid #d3deef}
.hic-comparison>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 44%;margin:0}
.hic-digital{position:absolute;inset:0;background:#fff;clip-path:inset(0 0 0 var(--reveal))}
.hic-digital svg{display:block;width:100%;height:100%}
.hic-alphabet{font:48px 'fudji sans',cursive;letter-spacing:0;text-anchor:middle;fill:none;stroke:#0057f6;stroke-width:1.4}
.hic-divider{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;background:#0057f6;pointer-events:none;transform:translateX(-1px)}
.hic-transition-labels{display:flex;justify-content:space-between;gap:20px;font:500 12px/1.5 Inter,sans-serif;color:#314a72;margin-top:12px}
.hic-workshop .hic-range-label{margin:24px 0 0}
#hic-transition{display:block;width:100%;margin:0 0 12px;min-height:44px;touch-action:pan-y}
.prose .hic-stage-note{min-height:0;margin:0 0 24px}
@media(prefers-reduced-motion:reduce){.hic-digital,.hic-divider{transition:none}}

/* Both layers share the notebook coordinates; resizing preserves registration. */
.hic-comparison{aspect-ratio:790/455}
.hic-comparison>.hic-photo{display:block;width:100%;height:100%}