.magazine-page .subpage-hero { --subpage-hero-image: url('/assets/hero/header-tips-guide.webp'); }
.magazine-page { --text:#eee8dd;--muted:#bdb5a8;--gold:#bc9c67;--gold-soft:#dfc390;color:var(--text);font-size:16px; }
.magazine-page .content-band { color:var(--text); }
.magazine-page h2,.magazine-page h3 { color:var(--text); }
.magazine-listing,.magazine-reading { padding-block:24px 40px; }
.magazine-categories { display:flex;flex-wrap:wrap;gap:8px 24px;border-bottom:1px solid #514534;margin-bottom:20px; }
.magazine-categories a { padding:10px 0;color:var(--muted);border-bottom:2px solid transparent;font-size:16px; }
.magazine-categories a[aria-current] { color:#c7a66b;border-color:currentColor; }
.magazine-search { display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:24px; }
.magazine-search input { flex:1;min-width:160px;height:40px;padding:8px 12px;background:#1c1a16;color:var(--text);border:1px solid #625746;border-radius:3px;font:inherit; }
.magazine-search button { min-height:40px;padding:8px 14px;background:#25211b;color:var(--text);border:1px solid #625746;border-radius:3px;font:inherit;cursor:pointer; }
.magazine-search a { font-size:16px; }
.magazine-page a:hover { color:#e1c58f; }
.magazine-page :focus-visible { outline:2px solid #c7a66b;outline-offset:4px; }
.magazine-row { display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;padding:22px 0;border-bottom:1px solid #35312a; }
.magazine-row img { width:180px;height:112px;object-fit:contain;background:#0c0c0b; }
.magazine-row h2 { font-size:20px;line-height:1.45;margin:4px 0 8px; }
.magazine-row p { margin:0;font-size:16px;line-height:1.7; }
.magazine-page .magazine-meta,.magazine-body figcaption,.magazine-citations { font-size:16px;color:#bdb5a8;line-height:1.6; }
.page-shell.magazine-page > .subpage-hero .hero__summary { font-size:16px; }
.magazine-pagination { display:flex;justify-content:center;gap:24px;align-items:center;margin-top:24px; }
.magazine-pagination a { padding:8px; }
.magazine-empty { font-size:16px;padding:28px 0;color:#bdb5a8; }
.magazine-breadcrumb { font-size:16px;margin-bottom:12px; }
.magazine-article-layout { display:grid;grid-template-columns:minmax(0,740px) minmax(210px,1fr);gap:32px;margin-top:20px; }
.magazine-body { min-width:0;font-size:16px;line-height:1.85;overflow-wrap:anywhere; }
.magazine-body > :first-child { margin-top:0; }
.magazine-body h2 { font-size:23px;line-height:1.45;margin:32px 0 12px;scroll-margin-top:24px; }
.magazine-body h3 { font-size:18px;margin:24px 0 10px; }
.magazine-body p { margin:12px 0; }
.magazine-body ul,.magazine-body ol { padding-left:24px; }
.magazine-body figure { margin:24px 0; }
.magazine-body figure img { max-width:100%;max-height:420px;display:block;object-fit:contain; }
.magazine-image-link { display:block;width:fit-content;max-width:100%;margin-inline:auto; }
.magazine-body .magazine-image-link img { max-height:none; }
.magazine-image-crop { display:block;position:relative;overflow:hidden;margin-inline:auto;width:100%; }
.magazine-body .magazine-image-crop img { position:absolute;max-width:none;max-height:none;height:auto; }
.magazine-cover { background:#0c0c0b; }
.magazine-cover img { width:100%;height:auto;aspect-ratio:2/1;object-fit:cover; }
.magazine-body figcaption { margin-top:8px;text-align:center; }
.magazine-toc { font-size:16px;align-self:start;position:sticky;top:24px;line-height:1.7;border-left:1px solid #514534;padding-left:16px; }
.magazine-toc ul { list-style:none;padding:0; }
.magazine-toc li { margin:8px 0; }
.magazine-table-scroll { overflow-x:auto;max-width:100%;margin:20px 0; }
.magazine-body table { width:100%;border-collapse:collapse;min-width:440px;font-size:16px; }
.magazine-body caption { text-align:left;margin-bottom:8px;font-weight:600; }
.magazine-body th,.magazine-body td { padding:10px 12px;border-bottom:1px solid #40392e;text-align:left;vertical-align:top; }
.magazine-body th { color:#e3d8c6;background:#1c1a16; }
.magazine-body .number { text-align:right;font-variant-numeric:tabular-nums; }
.magazine-evidence { border-left:2px solid #8c754e;padding-left:16px;margin:24px 0; }
.magazine-comparison-scroll { max-width:620px;margin-inline:auto; }
.magazine-comparison-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0; }
.magazine-comparison-grid > div { min-width:0; }
.magazine-body .magazine-comparison-label { margin:0 0 8px;text-align:center;font-size:16px;font-weight:600;line-height:1.5; }
.magazine-comparison .magazine-image-link { width:100%; }
.magazine-comparison img { width:100%;height:auto; }
.magazine-appendix { margin:24px 0;padding:20px 22px;border:1px solid #514534;background:#1c1a16; }
.magazine-body .magazine-appendix-label { margin:0 0 4px;color:var(--gold-soft);font-size:16px; }
.magazine-body .magazine-appendix h2 { margin:0 0 12px; }
.magazine-appendix > :last-child { margin-bottom:0; }
.magazine-item { border-block:1px solid #514534;padding:8px 0 16px;display:flow-root; }
.magazine-item img { width:80px;max-height:120px;object-fit:contain;float:right;margin:8px 0 12px 16px; }
.magazine-sources { border-top:1px solid #514534;margin-top:28px; }
.magazine-related { border-top:1px solid #514534;margin-top:32px;padding-top:20px; }
.magazine-related > h2 { font-size:20px; }
.magazine-preview { max-width:1040px;margin:auto;padding:12px 24px;color:#e1c58f;background:#211e19; }
@media(max-width:760px) { body:has(> .magazine-page) > .page-jump { position:static;display:flex;justify-content:flex-end;gap:8px;margin:0 24px 20px; } }
@media(max-width:900px) { .magazine-article-layout { grid-template-columns:minmax(0,1fr);gap:16px; }.magazine-toc { position:static;grid-row:1; }.magazine-toc ul { display:flex;flex-wrap:wrap;gap:8px 20px;margin:8px 0; }.magazine-toc li { margin:0; } }
@media(max-width:520px) { .magazine-row { grid-template-columns:80px minmax(0,1fr);gap:12px; }.magazine-row img { width:80px;height:80px; }.magazine-row h2 { font-size:18px; }.magazine-categories { gap:4px 18px; }.magazine-cover img { height:auto; }.magazine-search input { min-width:120px; }.magazine-search a { flex-basis:100%; } }

@media(max-width:520px) { .magazine-comparison-grid { gap:8px; }.magazine-body .magazine-comparison-label { min-height:3em;display:flex;align-items:center;justify-content:center; } }