.magazines-page{width:min(1352px,calc(100% - 88px));margin:20px auto 76px;font-family:Arial,sans-serif;color:#111}
.magazines-page *{box-sizing:border-box}
.magazines-layout{display:grid;grid-template-columns:minmax(0,1012fr) minmax(0,294fr);gap:44px;align-items:start}
.magazines-main{min-width:0}
.magazines-heading,.magazines-filters{display:flex;align-items:flex-end;gap:16px}
.magazines-heading{margin-bottom:16px}
.magazines-heading h1,.magazines-filters a{height:42px;min-width:218px;margin:0;display:grid;place-items:center;padding:0 22px;color:white;font-size:19px;font-weight:400;line-height:1;background:#997304}
.magazines-heading>span,.magazines-filters>span{height:22px;flex:1;background:repeating-linear-gradient(90deg,#c2b33d 0 22px,transparent 22px 34px)}
.magazines-filters{margin-bottom:54px}
.magazines-filters .magazines-filter-all{background:#263908}
.magazines-filters .magazines-filter-ai{background:#c44415}
.magazines-filters a:hover{filter:brightness(1.12)}
.magazines-year{margin:0 0 74px}
.magazines-year-heading{height:42px;background:#67952e;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:#fff}
.magazines-year-heading h2{margin:0;font-size:20px;font-weight:700}
.magazines-year-heading button{width:50px;height:42px;border:0;background:transparent;color:#e1e8ce;cursor:pointer;font-size:21px}
.magazines-year-heading button:disabled{opacity:.35;cursor:default}
.magazines-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 44px)/3);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.magazines-track::-webkit-scrollbar{display:none}
.magazines-card{min-width:0;scroll-snap-align:start}
.magazines-card>a{display:block;color:inherit}
.magazines-cover{display:block;width:100%;aspect-ratio:430/574;height:auto;object-fit:contain;object-position:top;background:#fff}
.magazines-caption{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding:10px 15px;background:#263908}
.magazines-caption h3{margin:0;color:#c2b33d;font-size:18px;line-height:1.25;font-weight:700}
.magazines-caption>span{flex-shrink:0;text-align:right;color:#fff;font-size:11px;line-height:1.6}
.magazines-caption small{display:block;font-size:inherit}
.magazines-ads{display:grid;gap:40px}
.magazines-ad-squares{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.magazines-ad-squares a{display:grid;place-items:center;aspect-ratio:1;background:#263908;border-radius:6px;overflow:hidden}
.magazines-ad-squares img{display:block;width:100%;height:100%;object-fit:contain}
.magazines-ad-vertical img{display:block;width:100%;height:auto}
.magazines-pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin:12px 0 0}
.magazines-pagination a{color:#222;font-size:18px;font-weight:700}
.magazines-pagination [aria-current]{color:#997304;text-decoration:underline;text-underline-offset:5px}
.magazines-empty{padding:40px 0}
@media(max-width:1100px){.magazines-heading h1,.magazines-filters a{min-width:150px;font-size:16px}.magazines-caption{padding:8px}.magazines-caption h3{font-size:14px}.magazines-layout{gap:26px}.magazines-caption>span{font-size:10px}}
@media(max-width:760px){.magazines-page{width:calc(100% - 32px);margin-top:20px}.magazines-layout{grid-template-columns:1fr}.magazines-ads{grid-template-columns:1fr 1fr;align-items:start}.magazines-year{margin-bottom:40px}.magazines-filters{margin-bottom:32px}.magazines-track{grid-auto-columns:calc((100% - 16px)/2);gap:16px}.magazines-heading h1,.magazines-filters a{min-width:120px;height:36px;font-size:14px}.magazines-pagination{gap:18px}.magazines-pagination a{font-size:14px}}
@media(prefers-reduced-motion:reduce){.magazines-track{scroll-behavior:auto}}
.magazine-reader{background:#c2b33d;padding:32px 30px 24px;color:#263908}.magazine-stage{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:20px;align-items:center}.magazine-viewport{height:auto;aspect-ratio:1.5;overflow:auto;min-width:0}.magazine-spread{display:flex;align-items:center;justify-content:center;min-width:100%;min-height:100%;width:max-content}.magazine-page{position:relative;flex-shrink:0;overflow:hidden;box-shadow:0 0 12px #0002}.magazine-spread canvas{display:block}.magazine-page-link{position:absolute;display:block;z-index:1;cursor:pointer}.magazine-page-link:hover,.magazine-page-link:focus-visible{outline:2px solid #a67c00;outline-offset:-2px;background:#c2b33d33}.magazine-prev,.magazine-next{padding:0;background:transparent;border:1px solid #59601b;border-radius:50%;width:22px;height:22px;line-height:16px;font-size:22px;cursor:pointer}.magazine-reader button:disabled{opacity:.35;cursor:default}.magazine-loading{position:absolute;inset:40% 60px auto;text-align:center;background:#c2b33d;padding:12px}.magazine-loading[hidden]{display:none}.magazine-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 60px 0;font-size:13px}.magazine-page-count{display:flex;justify-content:space-between;gap:55px;background:#263908;color:#fff;border-radius:30px;padding:5px 18px}.magazine-toolbar>div{display:flex;align-items:center;gap:8px}.magazine-toolbar button{width:32px;height:32px;border:0;background:#ad9f2d;color:#263908;font-size:23px;cursor:pointer}.magazine-about-heading{margin:40px 0}.magazine-about-heading h2{display:grid;place-items:center;margin:0;background:#997304;color:#fff;height:42px;padding:0 24px;font-size:19px;font-weight:400}.magazine-about{display:grid;grid-template-columns:minmax(0,1fr) 215px;gap:40px;align-items:start}.magazine-about .magazines-caption{margin:0;max-width:322px}.magazine-about h1{margin:0;color:#c2b33d;font-size:18px}.magazine-about-cover{width:100%;height:auto}.magazine-download{display:inline-flex;gap:12px;align-items:center;background:#ac3e19;color:white;padding:10px 18px;margin-top:8px;font-size:14px;font-weight:700}.magazine-back{display:inline-block;margin-top:35px;color:#615008;font-size:14px}.magazine-detail-item{margin:24px 0}.magazine-detail-item h3{font-size:18px}.magazine-detail-item p{font-size:15px;line-height:1.6}.magazine-embed{width:100%;aspect-ratio:1.4;border:0}.magazine-unavailable{text-align:center}.magazine-unavailable img{max-height:420px;max-width:100%;margin:auto}.magazine-reader:fullscreen{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:20px}.magazine-reader:fullscreen .magazine-stage{min-height:0;flex:1}.magazine-reader:fullscreen .magazine-viewport{height:100%;aspect-ratio:auto}.magazine-reader:fullscreen .magazine-toolbar{flex-shrink:0}
@media(max-width:1000px){.magazine-reader{padding:24px 12px}.magazine-stage{gap:8px;grid-template-columns:24px minmax(0,1fr) 24px}.magazine-toolbar{margin:20px 0 0}.magazine-page-count{gap:18px}.magazine-about{grid-template-columns:minmax(0,1fr) 150px;gap:20px}}
@media(max-width:600px){.magazine-viewport{aspect-ratio:.7}.magazine-toolbar{flex-wrap:wrap}.magazine-about{grid-template-columns:1fr 110px;gap:12px}.magazine-about .magazines-caption{display:block}.magazine-about .magazines-caption>span{display:block;text-align:left}.magazine-about-heading h2{font-size:15px;padding:0 12px}.magazine-download{font-size:12px}.magazine-toolbar button{width:28px;height:28px}}
.magazine-reader.is-expanded{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;width:100%;height:100dvh;padding:20px}.magazine-reader.is-expanded .magazine-stage{min-height:0;flex:1}.magazine-reader.is-expanded .magazine-viewport{height:100%;aspect-ratio:auto}.magazine-reader.is-expanded .magazine-toolbar{flex-shrink:0}
