.shell{width:min(100%,var(--shell));margin-inline:auto;padding-inline:var(--gutter)}.reading{width:min(100%,var(--reading));margin-inline:auto}.section-head{display:flex;align-items:end;gap:var(--s-5);padding-bottom:var(--s-5);margin-bottom:var(--s-6);border-bottom:var(--bw-bar-lg) solid var(--ink)}.section-head h1,.section-head h2{margin:0}.section-head__no{font:var(--fs-h1)/1 var(--font-display);color:var(--red)}.micro-label{margin:0 0 var(--s-3);font:var(--fs-label)/var(--lh-ui) var(--font-mono);color:var(--red-text);letter-spacing:.06em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-3);min-height:44px;padding:10px 24px;border:2px solid var(--ink);font:700 15px/1.5 var(--font-body);text-decoration:none;cursor:pointer;transition:transform var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}.btn--primary{background:var(--red);color:var(--on-red);box-shadow:var(--shadow-print-sm)}.btn--primary:hover{background:var(--red-deep);color:var(--on-red);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn--secondary{background:var(--paper-raised);color:var(--ink)}.btn--secondary:hover{background:var(--paper-deep);color:var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:none}.tag{display:inline-flex;align-items:center;min-height:36px;padding:4px 10px;border:1px solid var(--ink);color:var(--ink);background:var(--paper-raised);font:700 var(--fs-label)/1.5 var(--font-body);text-decoration:none}.tag:hover{background:var(--red);color:var(--on-red)}.card{position:relative;min-width:0;display:flex;flex-direction:column;background:var(--paper-raised);border:var(--bw) solid var(--ink);box-shadow:var(--shadow-print);transition:transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}.card:focus-within{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.card__media{aspect-ratio:16/10;overflow:hidden;margin:0;background:var(--paper-deep);border-bottom:var(--bw) solid var(--ink)}.card__media img{width:100%;height:100%;object-fit:cover;display:block;border:0}.card__media.is-broken,.card__media:empty{display:none}.card--no-cover:before{content:"";height:8px;background:var(--red)}.card__body{display:grid;gap:12px;padding:24px}.card__no{font:var(--fs-small)/1.5 var(--font-mono);color:var(--red-text);margin:0}.card__title{margin:0;font:900 var(--fs-h3)/var(--lh-heading) var(--font-display);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card__title a{color:var(--ink);text-decoration:none}.card__title a:after{content:"";position:absolute;inset:0}.card__tags{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px}.card__meta{font:var(--fs-small)/1.5 var(--font-mono);color:var(--muted);margin:0}.card--featured{grid-column:1/-1;box-shadow:var(--shadow-print-red)}.card--featured .stamp{position:absolute;top:16px;right:16px;background:var(--paper-raised);z-index:1}@media(min-width:900px){.card--featured{flex-direction:row}.card--featured .card__media{flex:0 0 58%;aspect-ratio:3/2;border-bottom:0;border-right:2px solid var(--ink)}.card--featured .card__body{align-content:center;padding:48px}.card--featured .card__title{font-size:var(--fs-h2);-webkit-line-clamp:4}}@media(max-width:599px){.tag{min-height:44px}}@media(prefers-reduced-motion:reduce){.card:hover,.btn:hover{transform:none}}.state{display:grid;gap:var(--s-3);justify-items:start;padding:var(--s-6);border:var(--bw) dashed var(--ink-soft);background:var(--paper-raised)}.state__title{margin:0;font:700 var(--fs-lead) / 1.4 var(--font-body)}.state__ru{font:var(--fs-ru) var(--font-display);letter-spacing:var(--track-ru);color:var(--muted)}.state--error{border:var(--bw) solid var(--err);border-left-width:var(--s-2);background:var(--err-wash)}.state--error .state__title:before{content:"⚠ "}.state--ok{border:var(--bw) solid var(--ok);border-left-width:var(--s-2);background:var(--ok-wash)}.state--ok .state__title:before{content:"✓ "}.skeleton{background:repeating-linear-gradient(-45deg,var(--paper-deep) 0 10px,var(--paper-raised) 10px 20px);background-size:200% 100%;animation:hatch 1.6s linear infinite;border:var(--bw) solid var(--line-soft)}@keyframes hatch{to{background-position:-56px 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.progress-bar{position:fixed;top:0;left:0;z-index:var(--z-progress);height:4px;width:100%;background:var(--red);transform-origin:0 50%;transform:scaleX(var(--progress, 0))}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.on-dark :focus-visible,.starfield :focus-visible{outline:var(--focus-ring-dark)}