.art{padding:150px 0 0}
.art .crumb{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.16em;color:var(--g2)}
.art .crumb a:hover{color:var(--k)}
.art .meta{display:flex;align-items:center;gap:16px;margin-top:38px;flex-wrap:wrap}
.art .cat{border:1px solid var(--k);padding:6px 14px;font-size:11.5px;font-weight:700;letter-spacing:.06em}
.art .date{font-family:'Space Grotesk',sans-serif;font-size:12.5px;letter-spacing:.08em;color:var(--g2)}
.art h1{font-family:'Zen Old Mincho',serif;font-weight:600;font-size:clamp(26px,4.2vw,44px);line-height:1.55;letter-spacing:.03em;margin-top:24px}
.art .std{margin-top:26px;color:var(--g1);font-size:15px;line-height:2.15;max-width:44em;padding-bottom:44px;border-bottom:1px solid var(--ln)}
.abody{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:64px;align-items:start;padding:64px 0 0}
.ac{max-width:44em;min-width:0}
.ac h2{font-family:'Zen Old Mincho',serif;font-weight:600;font-size:clamp(21px,2.8vw,27px);line-height:1.65;letter-spacing:.03em;margin-top:64px;padding-top:26px;border-top:1px solid var(--ln)}
.ac h3{font-size:16.5px;font-weight:700;margin-top:40px;line-height:1.7}
.ac p{margin-top:22px;font-size:15px;line-height:2.2;color:#2A2C2F}
.ac figure,.ac .wp-block-buttons{margin-top:22px;}
.ac hr{margin: 64px 0;border-top: 1px solid var(--ln);}
.ac ul{margin-top:22px;list-style:none;display:grid;gap:12px}
.ac ul li{position:relative;padding-left:22px;font-size:14.5px;line-height:2;color:#2A2C2F}
.ac ul li::before{content:"";position:absolute;left:0;top:.95em;width:11px;height:1px;background:var(--k)}
.ac .pull{margin-top:38px;padding:30px 28px;background:var(--mist);font-family:'Zen Old Mincho',serif;font-size:18px;line-height:1.95;letter-spacing:.03em}
.ac .cap{font-size:12.5px;color:var(--g2);margin-top:14px;line-height:1.9}
.aside{position:sticky;top:112px}
.toc{border-top:1px solid var(--k);padding-top:18px}
.toc p.h{font-family:'Space Grotesk',sans-serif;font-size:10.5px;letter-spacing:.24em;color:var(--g2)}
.toc ol{list-style:none;counter-reset:t;margin-top:16px;display:grid;gap:12px}
.toc li{counter-increment:t;font-size:13px;line-height:1.75}
.toc li::before{content:counter(t,decimal-leading-zero);font-family:'Space Grotesk',sans-serif;font-size:10.5px;color:var(--g2);margin-right:9px;letter-spacing:.1em}
.toc a{color:var(--g1);border-bottom:1px solid transparent;transition:.2s}
.toc a:hover{color:var(--k);border-color:var(--k)}
.side-cta{margin-top:40px;background:var(--k);color:var(--w);padding:26px 22px 30px;display:block;transition:opacity .3s}
.side-cta:hover{opacity:.85}
.side-cta .l{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:.22em;color:var(--g2)}
.side-cta h4{font-size:15px;font-weight:700;margin-top:12px;line-height:1.7}
.side-cta p{font-size:12px;color:var(--g3);margin-top:10px;line-height:1.85}
.side-cta .go{font-family:'Space Grotesk',sans-serif;font-size:11.5px;margin-top:16px;display:inline-flex;gap:8px}
.author{margin-top:72px;border:1px solid var(--ln);padding:30px 28px 34px;display:grid;grid-template-columns:64px 1fr;gap:22px;align-items:start}
.author .mk{width:64px;height:64px;border:1px solid var(--ln);display:flex;align-items:center;justify-content:center}
.author .mk img{width:34px;opacity:.75}
.author .r{font-family:'Space Grotesk',sans-serif;font-size:10.5px;letter-spacing:.2em;color:var(--g2)}
.author h4{font-size:15px;font-weight:700;margin-top:8px}
.author p{font-size:13px;color:var(--g1);margin-top:12px;line-height:2}
.share{margin:34px 0;display:flex;gap:14px;align-items:center;font-size:12.5px;color:var(--g2)}
.rel{background:var(--w);padding:28px 24px 32px;display:block;transition:background .3s}
.rel:hover{background:var(--mist)}
.rel .c{font-family:'Space Grotesk',sans-serif;font-size:10.5px;letter-spacing:.18em;color:var(--g2)}
.rel h3{font-size:15.5px;font-weight:700;margin-top:12px;line-height:1.75}
.rel p{font-size:12.5px;color:var(--g1);margin-top:10px;line-height:1.9}
.rel .go{font-family:'Space Grotesk',sans-serif;font-size:11.5px;margin-top:16px;display:inline-flex;gap:8px;transition:gap .3s var(--ease)}
.rel:hover .go{gap:14px}
@media(max-width:1040px){
  .abody{grid-template-columns:1fr;gap:48px;padding:40px 28px;}
  .aside{position:static}
}
@media(max-width:760px){
  .art{padding:104px 0 0}
  .ac h2{margin-top:48px}
  .ac hr{margin: 48px 0;}
}
.rel .th{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--mist);margin:-28px -24px 20px;border-bottom:1px solid var(--ln)}
.rel .th img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.rel:hover .th img{transform:scale(1.04)}
.artthumb{margin-top:38px;border:1px solid var(--ln);overflow:hidden}
.artthumb img{width:100%;height:auto;display:block}