/* innzuy — schede */
.prog{position:fixed;top:0;left:0;height:2px;background:var(--acc);width:0;z-index:300;transition:width .1s linear}
.a-head{padding:52px 0 0}
.crumb{font-size:.78rem;color:var(--faint);margin-bottom:24px}
.crumb a{color:var(--mute)}
.crumb a:hover{color:var(--acc)}
.crumb span{margin:0 8px;color:var(--line-2)}
.a-cat{display:inline-flex;align-items:center;gap:11px;font-size:.7rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--acc);margin-bottom:20px}
.a-cat::before{content:"";width:26px;height:1px;background:var(--acc)}
.a-head h1{font-size:clamp(1.9rem,3.9vw,3rem);margin-bottom:22px;max-width:20ch}
.a-sub{font-size:1.1rem;line-height:1.72;color:var(--mute);max-width:62ch;margin-bottom:30px}
.a-bar{display:flex;gap:26px;flex-wrap:wrap;align-items:center;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.83rem;color:var(--mute)}
.a-bar b{color:var(--pri);font-weight:600}
.a-bar .dot{width:3px;height:3px;border-radius:50%;background:var(--line-2)}
.a-hero{margin:36px 0 0;border-radius:3px;overflow:hidden;aspect-ratio:2/1;background:var(--soft)}
.a-hero img{width:100%;height:100%;object-fit:cover}
.a-body{display:grid;grid-template-columns:230px 1fr;gap:56px;align-items:start;padding:52px 0 80px}
.toc{position:sticky;top:96px}
.toc b{display:block;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-bottom:16px}
.toc ol{list-style:none;counter-reset:t}
.toc li{counter-increment:t;margin-bottom:2px}
.toc a{display:block;padding:8px 0 8px 26px;font-size:.87rem;line-height:1.42;color:var(--mute);border-left:1px solid var(--line);position:relative;transition:all .22s}
.toc a::before{content:counter(t,decimal-leading-zero);position:absolute;left:10px;top:9px;font-size:.63rem;font-weight:700;color:var(--line-2);letter-spacing:.06em}
.toc a:hover,.toc a.act{color:var(--acc);border-left-color:var(--acc)}
.toc a.act::before{color:var(--acc)}
.a-txt{max-width:70ch}
.a-txt h2{font-size:1.5rem;margin:44px 0 14px;scroll-margin-top:96px}
.a-txt h2:first-child{margin-top:0}
.a-txt h3{font-family:-apple-system,sans-serif;font-size:1.03rem;font-weight:700;color:var(--acc);margin:28px 0 8px;letter-spacing:0}
.a-txt p{margin-bottom:17px;font-size:1.04rem;line-height:1.82}
.a-txt ul,.a-txt ol{margin:0 0 20px 22px}
.a-txt li{margin-bottom:10px;font-size:1.02rem;line-height:1.76}
.a-txt strong{color:var(--pri);font-weight:600}
.a-txt em{font-style:italic;color:var(--acc)}
.a-txt a{color:var(--acc);border-bottom:1px solid var(--acc)}
.a-txt>p:first-of-type::first-letter{font-family:var(--serif);font-size:3.4rem;line-height:.86;float:left;margin:6px 12px 0 0;color:var(--acc)}
.pull{border-left:2px solid var(--acc);padding:8px 0 8px 26px;margin:32px 0;font-family:var(--serif);font-size:1.24rem;line-height:1.5;color:var(--pri);font-style:italic}
.callout{background:var(--soft);border-radius:3px;padding:24px 28px;margin:32px 0}
.callout b{display:block;font-family:-apple-system,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--acc);margin-bottom:10px}
.callout p{font-size:.96rem;line-height:1.74;margin-bottom:0;color:var(--body)}
.defs{border-top:1px solid var(--line);margin:32px 0}
.def{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}
.def dt{font-family:var(--serif);font-weight:600;color:var(--pri);font-size:1rem}
.def dd{font-size:.95rem;line-height:1.7;color:var(--mute)}
.a-foot{border-top:1px solid var(--line-2);margin-top:48px;padding-top:32px}
.a-foot h4{font-family:-apple-system,sans-serif;font-size:.69rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-bottom:16px}
.a-foot ul{list-style:none;margin:0 0 28px}
.a-foot li{font-size:.9rem;line-height:1.66;color:var(--mute);padding:9px 0;border-bottom:1px solid var(--line)}
.a-note{background:var(--soft);border-left:2px solid var(--acc);padding:20px 24px;font-size:.88rem;line-height:1.74;color:var(--mute)}
.a-note b{color:var(--pri)}
.more-arts{border-top:1px solid var(--line);padding:56px 0 72px}
.more-arts>b{display:block;font-size:.69rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-bottom:26px}
.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.more-c{background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:26px 28px;transition:transform .3s,box-shadow .3s;color:var(--body);display:block}
.more-c:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(30,30,40,.09)}
.more-c b{display:block;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:10px}
.more-c h3{font-size:1.08rem;margin-bottom:8px}
.more-c p{font-size:.89rem;line-height:1.62;color:var(--mute)}
@media (max-width:1040px){
.a-body{grid-template-columns:1fr;gap:32px;padding:38px 0 60px}
.toc{position:static;border-bottom:1px solid var(--line);padding-bottom:22px}
.toc ol{display:flex;flex-wrap:wrap;gap:6px}
.toc li{margin:0}
.toc a{border-left:none;border:1px solid var(--line);border-radius:100px;padding:7px 15px 7px 30px}
.a-txt{max-width:none}
}
@media (max-width:700px){
.more-grid{grid-template-columns:1fr}
.def{grid-template-columns:1fr;gap:5px}
.a-hero{aspect-ratio:16/10}
}