/*
Theme Name: ARCHI-M — Журнал о месте для жизни
Description: Авторская редакционная дизайн-система ARCHI-M. Дочерняя тема для Reboot.
Template: reboot
Version: 2.1.2
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: archi-m-reboot-child
License: GPL-2.0-or-later
*/
/* ARCHI-M — shared stylesheet. Prefix am-. Designed for static prototype and later WP child theme. */
@font-face{font-family:"Golos Text";src:url(assets/fonts/golos.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Literata";src:url(assets/fonts/literata.woff2) format("woff2");font-weight:400 700;font-display:swap}

:root{
  --paper:#f2f0e9; --paper-2:#e8e5db; --ink:#202724; --moss:#5a6652; --moss-d:#46513f; --coral:#d85637; --coral-d:#b8431f;
  --rule:rgba(32,39,36,.28);
  --sans:"Golos Text","Segoe UI",Roboto,Arial,sans-serif;
  --serif:"Literata",Georgia,"Times New Roman",serif;
  --pad:clamp(16px,4vw,48px); --max:1360px;
  --fs-xs:.78rem; --fs-s:.9rem; --fs-m:1.0625rem;
  --fs-l:clamp(1.2rem,1.05rem + .6vw,1.5rem);
  --fs-xl:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);
  --fs-2xl:clamp(2rem,1.2rem + 3.6vw,4.2rem);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--fs-m)/1.6 var(--sans);overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
img,svg,video{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{color:var(--coral-d)}
:focus-visible{outline:2px solid var(--coral);outline-offset:3px}
::selection{background:var(--coral);color:#fff}
button{font:inherit;color:inherit;cursor:pointer}

.am-wrap{width:100%;max-width:calc(var(--max) + var(--pad)*2);margin-inline:auto;padding-inline:var(--pad)}
.am-skip{position:absolute;left:var(--pad);top:-100px;z-index:100;background:var(--ink);color:var(--paper);padding:.6rem 1rem;text-decoration:none}
.am-skip:focus{top:8px;color:var(--paper)}
.am-kicker{font:600 var(--fs-xs)/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--moss-d)}
.am-kicker b{color:var(--coral-d);font-weight:700}
.am-title{font:500 var(--fs-2xl)/1.06 var(--serif);letter-spacing:-.015em;text-wrap:balance;hyphens:auto}
.am-h2{font:500 var(--fs-xl)/1.15 var(--serif);letter-spacing:-.01em;text-wrap:balance;hyphens:auto}
.am-lead{font:400 var(--fs-l)/1.5 var(--serif);color:#2f3833;max-width:38ch}
.am-more{display:inline-flex;gap:.6rem;align-items:center;font:600 var(--fs-s)/1 var(--sans);letter-spacing:.04em;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.35rem}
.am-more::after{content:"→";transition:transform .2s}
.am-more:hover::after{transform:translateX(4px)}

/* Media frame: SVG now, photographs later — same box, same object-position */
.am-media{display:block;position:relative;overflow:hidden;background:var(--paper-2);aspect-ratio:var(--ratio,8/5)}
.am-media img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%)}

/* Header */
.am-header{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--ink)}
.am-header .am-wrap{display:flex;align-items:center;gap:1.5rem;min-height:56px}
.am-brand{display:block;flex:none;line-height:0}
.am-brand img{height:26px;width:auto}
.am-nav{margin-left:auto}
.am-nav ul{display:flex;gap:clamp(.9rem,2vw,2rem)}
.am-nav a{font:500 var(--fs-s)/1 var(--sans);text-decoration:none;padding:.6rem 0;display:block;border-bottom:2px solid transparent}
.am-nav a:hover,.am-nav a[aria-current]{border-color:var(--coral);color:var(--ink)}
.am-tools{display:flex;gap:.25rem;align-items:center}
.am-btn{background:none;border:1px solid transparent;min-height:44px;min-width:44px;display:grid;place-items:center;padding:0 .5rem;font:600 var(--fs-s) var(--sans)}
.am-btn:hover{border-color:var(--ink)}
.am-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.am-burger{display:none}

/* Search dialog */
.am-dialog{border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:0;width:min(640px,calc(100% - 32px));margin:12vh auto auto}
.am-dialog::backdrop{background:rgba(32,39,36,.55)}
.am-dialog form{display:flex;flex-wrap:wrap;gap:1rem;padding:1.5rem}
.am-dialog label{flex:1 0 100%}
.am-dialog input{flex:1;min-width:0;font:400 var(--fs-l) var(--serif);padding:.7rem 0;border:0;border-bottom:2px solid var(--ink);background:none;color:var(--ink);border-radius:0}
.am-dialog input:focus-visible{outline:none;border-color:var(--coral)}
.am-dialog .am-submit{background:var(--ink);color:var(--paper);border:0;padding:0 1.4rem;min-height:48px;font-weight:600}
.am-dialog .am-submit:hover{background:var(--coral-d)}

/* 1 — Cover: masthead strip, asymmetric story, numbered list */
.am-strap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-block:.7rem;border-bottom:1px solid var(--rule)}
.am-cover{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--pad);padding-block:clamp(20px,3vw,40px) clamp(40px,6vw,88px)}
.am-cover__art{grid-column:1/8;grid-row:1/3;--ratio:4/3.1;--pos:50% 60%}
.am-cover__text{grid-column:8/13;align-self:end;padding-bottom:1.2rem;display:grid;gap:1.25rem;justify-items:start}
.am-cover__text .am-title{font-size:clamp(2rem,1.1rem + 3vw,3.6rem)}
.am-index{grid-column:8/13;grid-row:2;align-self:end;border-top:1px solid var(--ink);margin-top:1rem}
.am-index li{display:grid;grid-template-columns:2.6rem 1fr;gap:.5rem;padding-block:.85rem;border-bottom:1px solid var(--rule)}
.am-index span{font:500 1.4rem/1 var(--serif);color:var(--coral-d)}
.am-index a{font:500 1.05rem/1.35 var(--serif);text-decoration:none}
.am-index a:hover{text-decoration:underline}
.am-note{grid-column:1/8;margin-top:.8rem;font-size:var(--fs-xs);color:var(--moss-d);display:flex;gap:.8rem;border-top:1px solid var(--rule);padding-top:.6rem}

/* 2 — Topics: plan-like ruled index */
.am-topics{border-block:1px solid var(--ink);padding-block:clamp(40px,6vw,80px)}
.am-topics .am-wrap{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--pad);row-gap:2rem}
.am-topics header{grid-column:1/5;display:grid;gap:1rem;align-content:start}
.am-topics ol{grid-column:5/13;border-top:1px solid var(--ink)}
.am-topics li{border-bottom:1px solid var(--rule)}
.am-topics li a{display:grid;grid-template-columns:3rem minmax(0,1fr) minmax(0,1.3fr) 1.5rem;gap:1rem;align-items:baseline;padding-block:1.15rem;text-decoration:none}
.am-topics li a:hover{background:var(--paper-2);color:var(--ink)}
.am-topics .n{font:var(--fs-xs) var(--sans);color:var(--moss-d);letter-spacing:.1em}
.am-topics strong{font:500 var(--fs-l)/1.2 var(--serif)}
.am-topics p{font-size:var(--fs-s);color:#3b453f;line-height:1.5}
.am-topics i{font-style:normal;color:var(--coral-d);transition:transform .2s}
.am-topics a:hover i{transform:translateX(4px)}

/* 3 — Practical guides: terracotta band */
.am-guides{background:var(--coral-d);color:#fff;padding-block:clamp(48px,7vw,104px)}
.am-guides a{color:#fff}
.am-guides a:hover{color:var(--paper)}
.am-guides .am-kicker{color:#ffe9de}
.am-guides .am-wrap{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--pad);row-gap:2.5rem}
.am-guides__head{grid-column:1/8;display:grid;gap:1rem}
.am-guides__head .am-title{font-size:clamp(2.2rem,1.2rem + 4vw,4.8rem)}
.am-guides__plate{grid-column:9/13;grid-row:1/3;--ratio:4/5;--pos:30% 50%;align-self:start;outline:1px solid #fff;outline-offset:8px}
.am-guides ol{grid-column:1/8;display:grid;grid-template-columns:1fr 1fr;gap:0 var(--pad);counter-reset:g}
.am-guides li{counter-increment:g;border-top:1px solid rgba(255,255,255,.65);padding:1rem 0 1.4rem;display:grid;gap:.5rem;align-content:start}
.am-guides li::before{content:"0" counter(g);font:500 var(--fs-xs) var(--sans);letter-spacing:.14em}
.am-guides h3{font:500 1.35rem/1.25 var(--serif);text-wrap:balance}
.am-guides li p{font-size:1rem;line-height:1.55;color:#fff}

/* 4 — Place feature: moss split, inverted */
.am-place{display:grid;grid-template-columns:5fr 7fr;background:var(--moss-d);color:var(--paper)}
.am-place__text{padding:clamp(32px,5vw,80px) var(--pad) clamp(32px,5vw,80px) max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));display:grid;gap:1.4rem;align-content:space-between;justify-items:start}
.am-place .am-kicker{color:#d9dfd0}
.am-place .am-lead{color:#e9eee2}
.am-place blockquote{font:italic 400 var(--fs-l)/1.4 var(--serif);border-left:2px solid var(--coral);padding-left:1rem;max-width:32ch}
.am-place a:hover{color:#fff}
.am-place__art{display:grid;grid-template-rows:2fr 1fr;gap:6px;background:var(--paper)}
.am-place__art .am-media{aspect-ratio:auto;min-height:240px}
.am-place__art .pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.am-place__art .pair .am-media{min-height:180px}

/* 5 — Latest reading: ruled list with thumbs */
.am-latest{padding-block:clamp(48px,7vw,96px)}
.am-latest header{display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid var(--ink)}
.am-row{display:grid;grid-template-columns:3fr 7fr 2fr;gap:var(--pad);align-items:center;padding-block:1.5rem;border-bottom:1px solid var(--rule)}
.am-row .am-media{--ratio:3/2}
.am-row h3{font:500 var(--fs-xl)/1.18 var(--serif);text-wrap:balance;hyphens:auto;margin-block:.5rem}
.am-row h3 a{text-decoration:none}
.am-row p{color:#3b453f;max-width:56ch}
.am-row time,.am-meta{font-size:var(--fs-xs);color:var(--moss-d);letter-spacing:.08em;text-transform:uppercase}
.am-row .am-meta{justify-self:end;text-align:right}

/* Footer */
.am-footer{background:var(--ink);color:#cfd3c9;padding-block:clamp(40px,5vw,72px) 24px}
.am-footer a{color:var(--paper);text-decoration:none}
.am-footer a:hover{color:#ff9a7e;text-decoration:underline}
.am-footer__grid{display:grid;grid-template-columns:5fr 3fr 3fr;gap:var(--pad);padding-bottom:2.5rem;border-bottom:1px solid rgba(242,240,233,.25)}
.am-footer img{height:28px;width:auto;filter:invert(1) hue-rotate(180deg)}
.am-footer p{max-width:36ch;margin-top:1rem;font:400 var(--fs-l)/1.4 var(--serif);color:var(--paper)}
.am-footer h2{font:600 var(--fs-xs) var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#aeb6a6;margin-bottom:1rem}
.am-footer li{padding-block:.3rem}
.am-footer small{display:block;padding-top:1.2rem;font-size:var(--fs-xs);color:#aeb6a6}

/* Long-form content: WordPress blocks and older articles without images */
.am-prose{font:400 1.125rem/1.75 var(--serif);max-width:68ch}
.am-prose>*+*{margin-top:1.2em}
.am-prose h2{font:500 var(--fs-xl)/1.2 var(--serif);margin-top:2em;text-wrap:balance}
.am-prose h3{font:600 var(--fs-l)/1.3 var(--sans);margin-top:1.6em}
.am-prose a{color:var(--coral-d)}
.am-prose ul,.am-prose ol{padding-left:1.4em}
.am-prose ul{list-style:square}.am-prose ol{list-style:decimal}
.am-prose li+li{margin-top:.4em}
.am-prose blockquote{border-left:3px solid var(--coral);padding-left:1.2rem;font-size:1.35rem;line-height:1.5;font-style:italic}
.am-prose figure img,.am-prose .wp-block-image img{width:100%}
.am-prose figcaption{font:var(--fs-xs) var(--sans);color:var(--moss-d);margin-top:.5rem}
.am-prose table{width:100%;border-collapse:collapse;font:var(--fs-s)/1.5 var(--sans);display:block;overflow-x:auto}
.am-prose th,.am-prose td{border-bottom:1px solid var(--rule);padding:.7rem .8rem;text-align:left;vertical-align:top}
.am-prose th{border-bottom:2px solid var(--ink);font-weight:600}
.am-prose hr{border:0;border-top:1px solid var(--ink)}
.am-prose .alignwide,.am-prose .alignfull{max-width:none}

/* Responsive */
@media (max-width:1100px){
  .am-topics li a{grid-template-columns:2.5rem 1fr 1.5rem}
  .am-topics li a p{grid-column:2;grid-row:2}
  .am-row{grid-template-columns:4fr 8fr}
  .am-row .am-meta{display:none}
}
@media (max-width:880px){
  .am-burger{display:grid}
  .am-nav{position:absolute;inset:100% 0 auto 0;background:var(--paper);border-bottom:1px solid var(--ink);padding:.5rem var(--pad) 1rem;display:none}
  .am-nav.is-open{display:block}
  .am-nav ul{flex-direction:column;gap:0}
  .am-nav a{padding:.9rem 0;border-bottom:1px solid var(--rule);font-size:1.05rem}
  .am-tools{margin-left:auto}
  .am-cover,.am-topics .am-wrap,.am-guides .am-wrap{display:block}
  .am-cover>*,.am-topics .am-wrap>*,.am-guides .am-wrap>*{margin-bottom:1.75rem}
  .am-cover__art{--ratio:4/3}
  .am-note{margin-top:.8rem}
  .am-guides ol{grid-template-columns:1fr}
  .am-guides__plate{max-width:320px;margin-inline:0 auto;outline-offset:6px}
  .am-place{grid-template-columns:1fr}
  .am-place__text{padding:40px var(--pad)}
  .am-footer__grid{grid-template-columns:1fr 1fr}
  .am-footer__grid>:first-child{grid-column:1/-1}
}
@media (max-width:560px){
  .am-strap span:last-child{display:none}
  .am-row{grid-template-columns:1fr;gap:.75rem}
  .am-topics li a{grid-template-columns:2rem 1fr 1rem;gap:.6rem}
  .am-place__art .pair{grid-template-columns:1fr}
  .am-footer__grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}
@media print{.am-header,.am-footer,.am-skip{display:none}}

/* Inner pages: article, archive, search, 404, info page */
.am-dialog form{position:relative}
.am-close{position:absolute;top:.4rem;right:.4rem;background:none;border:1px solid transparent;min-width:44px;min-height:44px;display:grid;place-items:center;padding:0}
.am-close:hover{border-color:var(--ink)}
.am-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.am-dialog label{padding-right:3rem}
.am-crumbs ol{display:flex;flex-wrap:wrap;gap:.2rem .6rem;font:var(--fs-xs)/1.4 var(--sans);color:var(--moss-d)}
.am-crumbs li+li::before{content:"/";margin-right:.6rem;color:var(--rule)}
.am-crumbs a{text-decoration:none}
.am-crumbs a:hover{text-decoration:underline}
.am-kicker a{text-decoration:none}

/* Article */
.am-article-head{display:grid;gap:1.25rem;justify-items:start;max-width:62rem;padding-block:clamp(20px,3vw,40px) clamp(20px,3vw,32px)}
.am-article-head .am-title{font-size:clamp(1.9rem,1.1rem + 3vw,3.6rem);max-width:100%;overflow-wrap:anywhere}
.am-reading{display:flex;gap:1rem;padding-block:.5rem;border-block:1px solid var(--rule);width:100%}
.am-article-head .am-lead{max-width:46ch}
.am-article-cover{--ratio:16/8;--pos:50% 60%;margin-bottom:clamp(28px,4vw,56px)}
.am-article-body{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);column-gap:var(--pad);align-items:start;padding-bottom:clamp(40px,6vw,88px)}
.am-toc{position:sticky;top:80px;border-top:1px solid var(--ink);padding-top:.8rem;max-height:calc(100vh - 100px);overflow:auto}
.am-toc ol{counter-reset:t;margin-top:.5rem}
.am-toc li{counter-increment:t;border-bottom:1px solid var(--rule)}
.am-toc a{display:grid;grid-template-columns:1.8rem 1fr;padding-block:.6rem;font:500 var(--fs-s)/1.35 var(--sans);text-decoration:none}
.am-toc a::before{content:"0" counter(t);color:var(--coral-d);font-family:var(--serif)}
.am-toc a:hover{text-decoration:underline}
.am-prose h2,.am-prose h3{overflow-wrap:anywhere}
.am-prose :is(h2,h3)[id]{scroll-margin-top:80px}
.am-prose img{margin-inline:auto}
.am-prose figure{margin-block:2em}
.am-prose table{max-width:100%;-webkit-overflow-scrolling:touch}
.am-prose th,.am-prose td{min-width:8rem}
.am-related{border-top:1px solid var(--ink);padding-block:clamp(36px,5vw,72px);background:var(--paper-2)}
.am-related ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pad);margin-top:1.5rem}
.am-related li{border-top:1px solid var(--ink);padding-top:1rem;display:grid;gap:.5rem;align-content:start}
.am-related h3{font:500 var(--fs-l)/1.25 var(--serif);text-wrap:balance;hyphens:auto}
.am-related h3 a{text-decoration:none}
.am-related h3 a:hover{text-decoration:underline}

/* Archive */
.am-archive-head{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--pad);row-gap:1rem;padding-block:clamp(20px,3vw,40px) clamp(28px,4vw,48px);border-bottom:1px solid var(--ink)}
.am-archive-head>*{grid-column:1/-1}
.am-archive-head .am-title{grid-column:1/8;font-size:clamp(2.4rem,1.2rem + 4.5vw,5rem)}
.am-archive-head .am-desc{grid-column:1/7;font-size:var(--fs-m);color:#3b453f}
.am-archive-head .am-lead{grid-column:8/13;grid-row:3/5;align-self:end;border-left:2px solid var(--coral);padding-left:1rem}
.am-archive-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(28px,4vw,56px) var(--pad);padding-block:clamp(28px,4vw,56px)}
.am-story{grid-column:span 4;display:grid;gap:.6rem;align-content:start}
.am-story .am-media{--ratio:3/2;margin-bottom:.4rem}
.am-story h2{font:500 var(--fs-l)/1.2 var(--serif);text-wrap:balance;hyphens:auto}
.am-story h2 a{text-decoration:none}
.am-story h2 a:hover{text-decoration:underline}
.am-story p:not(.am-kicker){color:#3b453f;font-size:var(--fs-s);max-width:48ch}
.am-story--feature{grid-column:span 7}
.am-story--feature .am-media{--ratio:4/3}
.am-story--feature h2{font-size:var(--fs-xl)}
.am-story--text{grid-column:span 5;border-top:1px solid var(--ink);padding-top:1rem}
@media (min-width:1101px){
  .am-archive-grid>:nth-child(2){grid-column:span 5}
  .am-archive-grid>:nth-child(3){grid-column:span 4}
  .am-archive-grid>:nth-child(5){grid-column:span 7}
}
.am-story--wide{grid-column:span 8;grid-template-columns:5fr 4fr;gap:var(--pad);align-items:center}
.am-story--wide>div{display:grid;gap:.6rem}
.am-pagination ul{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;padding-block:1.2rem 3rem;border-top:1px solid var(--rule)}
.am-pagination a{display:grid;place-items:center;min-width:44px;min-height:44px;padding-inline:.5rem;font:600 var(--fs-s) var(--sans);text-decoration:none;border:1px solid transparent}
.am-pagination a:hover{border-color:var(--ink)}
.am-pagination a[aria-current]{background:var(--ink);color:var(--paper)}
.am-pagination .am-more{border:0;margin-left:auto;min-height:0;display:inline-flex;border-bottom:1px solid currentColor}

/* Search, 404, info page */
.am-page{padding-block:clamp(20px,3vw,40px) clamp(48px,7vw,96px)}
.am-page>header{display:grid;gap:1.25rem;max-width:56rem;margin-bottom:2rem}
.am-page .am-title{font-size:clamp(2rem,1.2rem + 3.4vw,3.8rem)}
.am-page .am-prose{margin-inline:auto 0}
.am-searchform{display:grid;gap:.4rem;max-width:40rem}
.am-searchform div{display:flex;gap:1rem}
.am-searchform input{flex:1;min-width:0;font:400 var(--fs-l) var(--serif);padding:.6rem 0;border:0;border-bottom:2px solid var(--ink);background:none;color:var(--ink);border-radius:0}
.am-searchform input:focus-visible{outline:none;border-color:var(--coral)}
.am-submit{background:var(--ink);color:var(--paper);border:0;padding:0 1.4rem;min-height:48px;font-weight:600}
.am-submit:hover{background:var(--coral-d)}
.am-status{font-size:var(--fs-s);color:var(--moss-d)}
.am-results{border-top:1px solid var(--ink)}
.am-results .am-row:first-child{border-top:0}
.am-row h2{font:500 var(--fs-xl)/1.18 var(--serif);text-wrap:balance;hyphens:auto;margin-block:.5rem}
.am-row h2 a{text-decoration:none}
.am-row h2 a:hover{text-decoration:underline}
.am-empty{border-top:1px solid var(--ink);padding-block:2rem;display:grid;gap:1.25rem;justify-items:start;max-width:46rem}
.am-empty[hidden],.am-results[hidden],.am-row[hidden]{display:none}
.am-empty ul{list-style:square;padding-left:1.2em}
.am-empty li+li{margin-top:.4rem}
.am-404{display:grid;grid-template-columns:5fr 6fr;gap:var(--pad);align-items:center;min-height:60vh}
.am-404__num{font:400 clamp(6rem,3rem + 16vw,16rem)/.9 var(--serif);color:var(--moss-d);letter-spacing:-.04em}
.am-404>div{display:grid;gap:1.4rem;justify-items:start}
.am-404__links{display:flex;flex-wrap:wrap;gap:.8rem 1.8rem}

@media (max-width:1100px){
  .am-story,.am-story--feature{grid-column:span 6}
  .am-story--wide,.am-story--text{grid-column:1/-1}
}
@media (max-width:880px){
  .am-article-body{display:block}
  .am-toc{position:static;max-height:none;margin-bottom:2rem}
  .am-related ol{grid-template-columns:1fr}
  .am-archive-head{display:block}
  .am-archive-head>*{margin-bottom:1rem}
  .am-archive-head .am-lead{border-left-width:2px}
  .am-404{display:block;min-height:0}
}
@media (max-width:560px){
  .am-story,.am-story--feature,.am-story--wide,.am-story--text{grid-column:1/-1}
  .am-story--wide{grid-template-columns:1fr;gap:.6rem}
  .am-searchform div{flex-wrap:wrap}
  .am-searchform input{flex:1 0 100%}
}
@media print{.am-toc,.am-related,.am-pagination{display:none}}

/* Production review with Claude: long real headlines and existing Clearfy notice. */
@media(min-width:881px){
  .am-cover__art{grid-column:1/7;aspect-ratio:auto;min-height:420px;align-self:stretch}
  .am-cover__art img{position:absolute;inset:0}
  .am-cover__text,.am-index{grid-column:7/13}
  .am-note{grid-column:1/7}
  .am-cover__text .am-title{font-size:clamp(2rem,3.5vw,3.25rem)}
  .am-cover__text .am-lead{font-size:clamp(1.125rem,1.5vw,1.4rem)}
}
@media(max-width:600px){.am-cover__text .am-lead{font-size:1.125rem;line-height:1.5}}
#clearfy-cookie.clearfy-cookie{background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:0;box-shadow:none;font:400 12px/1.45 var(--sans);padding:0;max-width:100%}
#clearfy-cookie .clearfy-cookie-container{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 18px;max-width:1360px;margin:auto;text-align:left}
#clearfy-cookie .clearfy-cookie-accept{background:var(--ink);color:var(--paper);border:0;border-radius:0;box-shadow:none;font:600 12px/1.3 var(--sans);padding:.4rem .8rem;min-height:36px;cursor:pointer;flex-shrink:0}
#clearfy-cookie .clearfy-cookie-accept:hover{background:var(--coral-d)}

/* WordPress integration: preserve the Claude visual system across real content. */
.am-cover__text .am-title a{text-decoration:none}
.am-journal main{min-height:55vh}
.am-journal .am-header{top:0}
.admin-bar.am-journal .am-header{top:32px}
.am-story,.am-cover>*,.am-article-body>*,.am-prose{min-width:0}
.am-all-topics{padding-top:1rem;font-size:var(--fs-s)}
.am-all-topics summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.am-all-topics ul{columns:3;column-gap:2rem;padding-block:.5rem}
.am-all-topics li{break-inside:avoid;max-width:38ch;font-size:var(--fs-s)}
.am-article-body--plain{display:block}.am-article-body--plain>.am-prose{margin-inline:auto}
.am-toc-sub a{font-size:.8rem;padding-left:.5rem}
.am-pagination span.page-numbers{display:grid;place-items:center;min-width:44px;min-height:44px;padding-inline:.5rem}
.am-pagination .current{background:var(--ink);color:var(--paper)}
.am-pagination .dots{background:none;color:var(--moss-d)}
.am-kicker{overflow-wrap:anywhere}
.am-prose pre,.am-prose code{font-family:ui-monospace,monospace;font-size:.88em;overflow-wrap:anywhere}
.am-prose pre{overflow:auto;max-width:100%;padding:1rem;background:var(--paper-2)}
.am-prose iframe,.am-prose embed{max-width:100%}
.am-prose input:not([type=checkbox]):not([type=radio]),.am-prose textarea{max-width:100%;border:1px solid var(--rule);padding:.6rem;font:inherit;background:var(--paper);color:var(--ink)}
.am-prose textarea{width:100%;min-height:130px}
.am-comments{border-top:1px solid var(--rule);margin-top:3rem;padding-top:2rem;font:400 var(--fs-s)/1.6 var(--sans)}
.am-comments .comment-list{list-style:none;padding:0}.am-comments .comment{padding-block:1rem;border-bottom:1px solid var(--rule)}
.am-comments .avatar{float:left;margin-right:1rem}.am-comments .comment-meta{font-size:.8rem}.am-comments .comment-reply-title{font-size:var(--fs-l)}
.am-nojs{padding-block:1rem}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.am-all-topics ul{columns:2}}
@media(max-width:782px){.admin-bar.am-journal .am-header{top:46px}}
@media(max-width:600px){.admin-bar.am-journal .am-header{top:0}.am-all-topics ul{columns:1}}