/* Каталог самиздата и книжная полоса. Общие токены — в site.css. */
.masthead{padding-top:42px;padding-bottom:40px}
.mast-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:end;margin-top:20px}
.masthead h1{margin:0;font:600 clamp(76px,9.5vw,124px)/.98 var(--font-display);text-transform:uppercase;letter-spacing:-.045em}
.masthead h1 em{display:inline-block;margin-top:8px;color:var(--accent);font:italic 400 .57em/1.1 var(--font-read);text-transform:none;letter-spacing:-.06em}
.mast-note{padding-bottom:4px}
.mast-note .lead{font-size:18px;line-height:1.65;color:var(--soft);margin:14px 0 24px;max-width:42ch}
.facts{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0;padding-top:16px;border-top:1px solid var(--line);font:11px/1.5 var(--font-mono);color:var(--muted)}
.facts a{color:var(--accent)}
.catalog-label,.feed-label{display:flex;gap:20px;justify-content:space-between;font:11px/1.5 var(--font-mono);color:var(--muted)}
.catalog-label{border-top:1px solid var(--strong);padding-top:16px}
.catalog-label>span:last-child{color:var(--accent)}
.tagbar{display:flex;flex-wrap:wrap;gap:6px 8px;padding-block:14px 28px}
.tags{display:flex;flex-wrap:wrap;gap:6px 8px}
.tag{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 9px;color:var(--soft);border:1px solid var(--line);font:11px/1.4 var(--font-mono)}
.tag:hover{color:var(--accent);border-color:var(--accent)}
.tag .n{color:var(--muted);font-size:10px}
.feed-label{padding-block:13px;border-block:1px solid var(--strong)}
.feed{list-style:none;margin:0;padding:0}
.feed>li{border-bottom:1px solid var(--line)}
.post-row{display:grid;grid-template-columns:122px minmax(0,1fr) 32px;gap:28px;padding-block:34px}
.when{font:11px/1.7 var(--font-mono);color:var(--muted)}
.when time,.when .min{display:block}
.folio{display:block;font:500 42px/1.1 var(--font-mono);letter-spacing:-.06em;color:var(--muted);margin-bottom:16px}
.post-row h2{margin:0 0 14px;max-width:30ch;font:600 clamp(25px,3vw,36px)/1.22 var(--font-display);text-transform:uppercase;letter-spacing:-.045em}
.feed>li:first-child .post-row h2{font-size:clamp(28px,3.5vw,43px)}
.sum{max-width:65ch;font:400 16px/1.7 var(--font-ui);color:var(--soft);margin:0 0 18px}
.post-row h2 a:hover,.post-row h2 a:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.post-row:hover .folio,.post-row:hover .row-arrow,.post-row:focus-within .folio,.post-row:focus-within .row-arrow{color:var(--accent)}
.row-arrow{padding-top:3px;font-size:32px;line-height:1;color:var(--muted)}
.reading-strip{position:sticky;top:76px;z-index:30;border-bottom:1px solid var(--line);background:var(--bg)}
.reading-strip .wrap{min-height:44px;display:flex;gap:28px;align-items:center;justify-content:space-between;font:11px/1.4 var(--font-mono);color:var(--muted)}
.reading-strip a{flex-shrink:0;padding-block:12px}
.section-marker{display:flex;min-width:0;gap:10px;align-items:center;color:var(--accent)}
#current-section{color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.article-head{padding-block:44px 30px;border-bottom:1px solid var(--strong)}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--accent);font:11px/1.5 var(--font-mono);margin:0 0 24px}
.article-head h1{max-width:25ch;margin:0 0 25px;font:600 clamp(32px,4.6vw,60px)/1.09 var(--font-display);text-transform:uppercase;letter-spacing:-.045em}
.article-head h1 em,.tag-head h1 em{color:var(--accent);font:italic 400 .8em/1.2 var(--font-read);text-transform:none;letter-spacing:-.045em}
.article-head .lead{max-width:64ch;color:var(--soft);font:400 19px/1.7 var(--font-ui);margin:0 0 22px}
.meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0 0 18px;color:var(--muted);font:11px/1.6 var(--font-mono)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:64px;align-items:start;padding-block:36px;max-width:calc(68ch + 316px);font:18px/1.6 var(--font-ui)}
.body{width:100%;min-width:0;max-width:var(--measure);color:var(--soft);font:400 18px/1.82 var(--font-ui);overflow-wrap:anywhere}
.body>:first-child{margin-top:0}
.body p{margin-block:0 1.25em}
.body h2,.body h3,.body h4{font-family:var(--font-display);font-weight:600;text-transform:uppercase;color:var(--ink);line-height:1.28;letter-spacing:-.045em}
.body h2{position:relative;font-size:27px;margin:48px 0 18px;scroll-margin-top:150px}
.body h3{font-size:22px;margin:34px 0 14px}
.body h4{font-size:19px;margin:28px 0 12px}
.body .body-title{font-size:22px;line-height:1.35;margin-bottom:22px;padding-bottom:20px;border-bottom:1px dashed var(--line);color:var(--muted)}
.body .anchor{position:absolute;left:-23px;top:4px;font:14px/1.7 var(--font-mono);color:var(--accent);border:0}
.body a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.body a:hover{color:var(--accent);text-decoration-thickness:2px}
.body strong{color:var(--ink);font-weight:600}
.body code{font:.82em/1.6 var(--font-mono);color:var(--ink);background:var(--surface);padding:.12em .3em}
.body pre{max-width:100%;overflow-x:auto;background:var(--sunk);border:1px solid var(--line);border-left:3px solid var(--accent);padding:18px;font:13px/1.7 var(--font-mono);margin-block:24px;overflow-wrap:normal}
.body pre code{font:inherit;padding:0;background:transparent}
.body blockquote{margin:28px 0;padding:4px 0 4px 22px;border-left:2px solid var(--accent);color:var(--ink);font:400 1.1em/1.7 var(--font-read)}
.body blockquote p:last-child{margin-bottom:0}
.body ul,.body ol{padding-left:24px;margin-block:0 24px}
.body li{margin-block:8px}
.body hr{margin:36px 0;border:0;border-top:1px solid var(--line)}
.body .ref{color:var(--ink);border-bottom:1px dotted var(--strong);cursor:help}
.table-scroll{max-width:100%;overflow-x:auto;margin-block:28px;border:1px solid var(--line)}
.body table{width:100%;min-width:530px;border-collapse:collapse;font:12px/1.6 var(--font-mono);overflow-wrap:normal}
.body th,.body td{padding:12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.body th{color:var(--ink);font-weight:600}
.body tbody tr:last-child td{border:0}
.notice{padding:16px 18px;border:1px solid var(--line);font:13px/1.65 var(--font-ui);color:var(--soft)}
.aside{position:sticky;top:150px;min-width:0;max-height:calc(100vh - 174px);overflow-y:auto;scrollbar-width:thin;padding:6px}
.aside summary{color:var(--accent);font:11px/1.6 var(--font-mono);text-transform:uppercase;cursor:pointer;min-height:44px}
.aside summary span{margin-left:10px;color:var(--muted)}
.toc{display:flex;flex-direction:column;counter-reset:section}
.toc a{display:grid;min-height:44px;grid-template-columns:22px minmax(0,1fr);gap:7px;padding:10px 6px 10px 0;border-bottom:1px solid var(--line);color:var(--muted);font:12px/1.5 var(--font-ui)}
.toc a::before{counter-increment:section;content:counter(section,decimal-leading-zero);color:var(--muted);font:10px/1.8 var(--font-mono)}
.toc a.on,.toc a.on::before{color:var(--accent)}
.toc a.on{text-decoration:underline;text-underline-offset:3px}
.toc a:hover{color:var(--accent)}
.toc a:focus-visible{outline-offset:-2px}
.share{margin-top:22px}
.share .btn{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--strong);font:11px/1.5 var(--font-mono)}
.sources{padding-top:20px;border-top:1px solid var(--line);margin-top:40px!important;color:var(--muted);font:12px/1.7 var(--font-mono)}
.pager{max-width:860px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:12px}
.pager a{border-top:1px solid var(--line);padding-block:16px}
.pager a:hover{border-color:var(--accent)}
.pager span{display:block;font:11px/1.5 var(--font-mono);color:var(--accent);margin-bottom:12px}
.pager b{font-size:19px;line-height:1.35;font-weight:500;letter-spacing:-.025em}
.tag-head{padding-block:42px 30px;border-bottom:1px solid var(--strong)}
.tag-head h1{font:600 clamp(36px,6vw,72px)/1.1 var(--font-display);text-transform:uppercase;letter-spacing:-.045em;margin:0 0 15px;overflow-wrap:anywhere}
.tag-head .lead{font:14px/1.6 var(--font-mono);color:var(--muted);margin:0}
.empty{padding-block:50px;color:var(--muted)}
@media(max-width:1100px){
  .layout{grid-template-columns:minmax(0,1fr) 218px;gap:40px;max-width:calc(68ch + 258px)}
  .mast-grid{gap:36px}
}
@media(max-width:960px){
  .mast-grid{grid-template-columns:1fr;gap:26px}
  .layout{grid-template-columns:minmax(0,1fr);gap:28px;max-width:none}
  .body{margin-inline:auto}
  .aside{position:static;order:-1;max-height:none;padding:12px 0;border-block:1px solid var(--line)}
  .aside summary{min-height:44px}
  .aside details[open] summary{margin-bottom:10px}
  .aside .toc{max-height:55vh;overflow-y:auto}
  .share{margin-top:12px}
  .pager{max-width:none}
}
@media(max-width:760px){
  .masthead{padding-block:32px}
  .mast-grid{grid-template-columns:1fr;gap:26px}
  .masthead h1{font-size:clamp(58px,18.5vw,112px)}
  .mast-note .lead{font-size:16px;max-width:55ch}
  .post-row{grid-template-columns:80px minmax(0,1fr);gap:18px}
  .row-arrow{display:none}
  .folio{font-size:32px}
  .article-head h1{font-size:39px}
  .body .anchor{left:-18px;font-size:12px}
}
@media(max-width:600px){
  .catalog-label,.feed-label{font-size:10px;gap:10px}
  .catalog-label>span:last-child{display:none}
  .tag{min-height:44px}
  .tagbar{gap:7px;padding-bottom:24px}
  .post-row{display:block;padding-block:26px}
  .when{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;margin-bottom:13px;font-size:10px}
  .when .folio{font-size:18px;margin:0}
  .post-row h2,.feed>li:first-child .post-row h2{font-size:27px;max-width:none}
  .sum{font-size:15px;margin-bottom:16px}
  .reading-strip{top:0}
  .reading-strip .wrap{gap:14px;font-size:10px}
  .section-marker{gap:6px}
  .article-head{padding-block:28px}
  .crumbs{margin-bottom:18px}
  .article-head h1{font-size:33px;line-height:1.13;letter-spacing:-.04em;margin-bottom:20px;overflow-wrap:anywhere}
  .article-head .lead{font-size:17px}
  .meta{gap:8px 16px}
  .layout{padding-block:24px;gap:26px}
  .body{font-size:17px;line-height:1.8}
  .body h2{font-size:24px;margin-top:38px;scroll-margin-top:70px}
  .body h3{font-size:20px}
  .body .body-title{font-size:20px}
  .body .anchor{position:static;display:inline-block;padding-right:7px;vertical-align:3px}
  .body pre{padding:14px;font-size:12px}
  .body table{font-size:11px}
  .body blockquote{padding-left:16px}
  .pager{grid-template-columns:1fr;gap:10px}
  .pager b{font-size:19px}
  .tag-head{padding-block:30px}
}
@media print{
  .reading-strip,.aside,.pager{display:none}
  .layout{display:block}
  .body{max-width:none;font-size:11pt}
  .body .anchor{display:none}
  .table-scroll,.body pre{overflow:visible}
}