.magazine-filters{display:grid;grid-template-columns:1fr 240px;gap:12px;margin:0 0 38px}.magazine-filters>label:not(.sr-only){grid-column:1/-1}.magazine-filters input,.magazine-filters select{width:100%}.magazine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;padding-bottom:70px}.magazine-card[hidden]{display:none}.article-cover{aspect-ratio:1.55;background:var(--green);color:var(--paper);padding:24px;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:20px}.article-cover strong{font:700 clamp(28px,2.8vw,43px)/1.04 var(--head);max-width:16ch}.article-cover span,.article-cover small{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.article-cover-1{background:var(--pink)}.article-cover-2{background:var(--ink)}.article-cover-3{background:var(--paper);color:var(--ink);border:1px solid var(--line)}.magazine-card h2{font-size:30px;margin:10px 0 14px}.magazine-card>p,.magazine-card a>p{font-size:16px}.magazine-card .article-meta{margin-top:18px;font-size:13px;color:var(--muted)}.article-covericle{max-width:1000px;padding-bottom:70px}.article-covericle .page-top h1{max-width:16ch}.magazine-lead{font-size:23px!important;line-height:1.5!important}.magazine-prose{max-width:720px;font-size:19px;line-height:1.8}.magazine-prose p{margin:0 0 24px}.magazine-prose h2{font-size:35px;margin:42px 0 18px}.magazine-sources{max-width:720px;border-block:1px solid var(--line);margin:42px 0 25px;padding:28px 0}.magazine-sources h2{font-size:25px}.magazine-sources a{text-decoration:underline;text-underline-offset:3px}.magazine-back{margin-top:20px}#magazine-editor{margin-top:50px}#magazine-editor form{display:grid;gap:18px;margin-top:22px}#magazine-editor label{display:grid;gap:7px}#magazine-editor select{max-width:100%}.account-details{margin:22px 0 38px}.account-details code{overflow-wrap:anywhere}.site-credit{white-space:nowrap}.public-site .appearance-bar .variant-select,.public-site .appearance-note,.public-site .style-sheet-link{display:none}.public-site .appearance-inner{justify-content:flex-end}.public-site .site-topbar{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;background:var(--paper);color:var(--ink);font-size:12px}.public-site .site-topbar .site-name{font-weight:600}.public-site .main-nav{gap:19px}.public-site .nav-row{gap:20px}.public-site .footer-bottom{align-items:center;flex-wrap:wrap}
@media(max-width:1000px){.magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-site .nav-row{flex-wrap:wrap;height:auto;min-height:90px;padding-block:14px}.public-site .main-nav{order:3;flex-basis:100%;overflow:auto;max-width:100%;gap:23px;scrollbar-width:thin;margin-left:0}.public-site .brand{margin-right:auto}.public-site .main-nav>a{flex:0 0 auto}.magazine-filters{grid-template-columns:1fr 190px}}
@media(max-width:600px){.magazine-grid{grid-template-columns:1fr;gap:32px}.magazine-filters{grid-template-columns:1fr}.article-covericle .page-top h1{font-size:47px}.magazine-prose{font-size:18px}.article-cover strong{font-size:38px}.magazine-lead{font-size:20px!important}}

.public-site .appearance-bar .style-picker{display:none}.public-site .appearance-row{justify-content:flex-end}.public-site .main-nav>a{white-space:nowrap}@media(max-width:1440px){.public-site .nav-action{display:none}}@media(min-width:1001px) and (max-width:1220px){.public-site .nav-row{flex-wrap:wrap;height:auto;padding-block:14px}.public-site .main-nav{order:3;flex-basis:100%;overflow:auto;max-width:100%;margin-left:0}.public-site .main-nav>a{flex:0 0 auto}}

.magazine-filters>div{display:flex;flex-direction:column;gap:9px}.magazine-filters{align-items:start}.public-site .main-nav{font-size:14px}.public-site .menu-toggle{display:none}@media(max-width:1000px){.public-site .nav-row{min-height:90px;gap:12px}.public-site .menu-toggle{display:inline-flex;margin-left:auto}.public-site .main-nav{display:none!important;overflow:visible;margin:0;gap:0;width:100%;max-width:100%}.public-site .main-nav.open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.public-site .main-nav>a{white-space:normal;padding:13px 12px;min-width:0;font-size:15px}.public-site .main-nav>a:focus-visible{outline:2px solid currentColor;outline-offset:-2px}}
