.magazine-intro{padding:55px var(--gutter) 34px}.magazine-intro h1{font-size:clamp(48px,4.6vw,76px);margin:17px 0}.magazine-intro>p:last-child{max-width:620px;font-size:13px;line-height:1.8}
.magazine-section{padding:0 var(--gutter) 80px}.magazine-reader{border:1px solid var(--line);background:var(--cream);position:relative}.magazine-reader [hidden]{display:none!important}.magazine-reader button{border-radius:0}.magazine-toolbar{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--cream);position:sticky;top:0;z-index:4}.magazine-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:34px;height:34px;border:1px solid var(--line);padding:0 10px;font-size:10px;background:transparent;color:var(--green)}.magazine-toolbar button:hover,.magazine-toolbar button[aria-pressed=true],.magazine-toolbar button[aria-expanded=true]{background:var(--green);color:var(--cream);border-color:var(--green)}.magazine-toolbar button:disabled{opacity:.3;cursor:default;background:transparent;color:var(--green)}.magazine-toolbar svg{width:15px;height:15px;flex:none}.magazine-navigation,.magazine-tools,.magazine-view-modes,.magazine-zoom-tools{display:flex;gap:6px;align-items:center}.magazine-page-jump{display:flex;gap:7px;align-items:center;margin:0 8px;font-size:10px;white-space:nowrap}.magazine-page-jump input{padding:4px 2px;width:42px;border:0;border-bottom:1px solid var(--line);font-size:12px;text-align:center}.magazine-counter{min-width:54px;font-size:10px}.magazine-toolbar .magazine-zoom-value{font-size:10px;min-width:38px;text-align:center}.magazine-tools{gap:12px}.magazine-zoom-tools{padding-inline:10px;border-inline:1px solid var(--line)}
.magazine-viewport{position:relative;height:clamp(330px,72dvh,840px);overflow:auto;overscroll-behavior:contain;padding:24px;touch-action:pan-y pinch-zoom;outline-offset:-4px}.magazine-viewport.is-zoomed{touch-action:pan-x pan-y pinch-zoom;cursor:grab}.magazine-spread{display:flex;width:max-content;min-width:0;align-items:flex-start;margin-inline:auto;transition:opacity .15s}.magazine-page{position:relative;padding:0;background:var(--cream);display:block;flex:none;max-width:none;cursor:zoom-in;box-shadow:0 5px 22px #1e50382b;border:1px solid #1e503818}.is-zoomed .magazine-page{cursor:grab}.magazine-page img{display:block;width:100%;height:100%;max-width:none;pointer-events:none;user-select:none}.magazine-spread.has-spread .magazine-page:first-child{box-shadow:0 5px 22px #1e50382b,inset -12px 0 12px #1e503820}.magazine-spread.has-spread .magazine-page:last-child{box-shadow:0 5px 22px #1e50382b,inset 12px 0 12px #1e503820}.magazine-loading{position:absolute;top:18px;left:50%;transform:translateX(-50%);font-size:11px;padding:8px 14px;z-index:3;background:var(--cream);border:1px solid var(--line);text-align:center;max-width:80%}
.magazine-drawer{border-bottom:1px solid var(--line);padding:18px;max-height:420px;overflow:auto}.magazine-drawer label{display:flex;align-items:center;gap:15px;font-size:11px;position:sticky;top:-18px;padding:10px 0 14px;background:var(--cream);z-index:2}.magazine-drawer input{font-size:13px;max-width:380px;padding:8px 0}.magazine-thumbnails{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.magazine-thumbnail{border:1px solid var(--line);padding:6px;text-align:left;display:flex;flex-direction:column}.magazine-thumbnail[aria-current=page]{border:2px solid var(--green);padding:5px}.magazine-thumbnail img{width:100%;height:auto;aspect-ratio:1.419;object-fit:contain}.magazine-thumbnail span{font-size:9px;line-height:1.5;padding:7px 2px 1px}.magazine-search-status{font-size:11px;margin-bottom:12px}
.magazine-bottom{border-top:1px solid var(--line);padding:14px 20px}.magazine-bottom input[type=range]{appearance:none;-webkit-appearance:none;background:var(--line);height:2px;border:0;padding:0;margin:5px 0 16px;width:100%;cursor:pointer}.magazine-bottom input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--green);border:0}.magazine-bottom input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--green);border:0}.magazine-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px}.magazine-bottom-row p{font-size:10px}.magazine-bottom-row a{border-bottom:1px solid var(--line);white-space:nowrap}.magazine-reader:fullscreen,.magazine-reader.magazine-expanded{width:100%;height:100dvh;background:var(--cream);border:0;display:flex;flex-direction:column}.magazine-reader.magazine-expanded{position:fixed;inset:0;z-index:1000}.magazine-expanded-open{overflow:hidden}.magazine-reader:fullscreen .magazine-viewport,.magazine-expanded .magazine-viewport{flex:1;min-height:0;height:auto}.magazine-reader:fullscreen .magazine-drawer,.magazine-expanded .magazine-drawer{max-height:35dvh;flex:none}.magazine-reader:fullscreen .magazine-toolbar,.magazine-expanded .magazine-toolbar,.magazine-reader:fullscreen .magazine-bottom,.magazine-expanded .magazine-bottom{flex:none}.magazine-reader:fullscreen .magazine-bottom-row p,.magazine-expanded .magazine-bottom-row p{font-size:10px}
@media(max-width:1200px){.magazine-toolbar{gap:10px;padding:12px}.magazine-tools{gap:7px}.magazine-toolbar button{padding:0 8px}.magazine-zoom-tools{padding-inline:6px}.magazine-thumbnails{grid-template-columns:repeat(5,minmax(0,1fr))}.magazine-button-label{display:none}}
@media(max-width:900px){.magazine-intro{padding-top:40px}.magazine-intro h1{font-size:54px}.magazine-section{padding-bottom:55px}.magazine-toolbar{flex-wrap:wrap;justify-content:center;gap:12px}.magazine-navigation{width:100%;justify-content:center}.magazine-tools{width:100%;justify-content:center;gap:10px}.magazine-toolbar button{font-size:10px;height:33px;min-width:33px}.magazine-viewport{height:65dvh;min-height:315px;padding:12px}.magazine-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}.magazine-bottom-row{font-size:9px;gap:14px}.magazine-bottom-row p{font-size:9px}.magazine-drawer{padding:12px}.magazine-drawer label{top:-12px}}
@media(max-width:520px){.magazine-intro h1{font-size:48px}.magazine-intro>p:last-child{font-size:12px}.magazine-section{padding-inline:12px}.magazine-tools{gap:5px}.magazine-toolbar{padding:10px 7px}.magazine-toolbar button{min-width:29px;padding-inline:7px}.magazine-view-modes button{font-size:9px}.magazine-zoom-tools{gap:4px;padding-inline:5px}.magazine-toolbar .magazine-zoom-value{min-width:32px;font-size:9px}.magazine-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.magazine-drawer label{font-size:10px;gap:10px}.magazine-drawer input{font-size:16px}.magazine-page-jump{margin-inline:6px}.magazine-bottom{padding:13px}.magazine-bottom-row{align-items:flex-start}.magazine-bottom-row p{max-width:175px}.magazine-viewport{height:60dvh;min-height:320px}}
@media(prefers-reduced-motion:reduce){.magazine-spread{transition:none}}

.magazine-viewport{display:flex;flex-direction:column}
.magazine-spread{flex:none;margin-block:auto}
@media(max-width:900px){.magazine-view-modes{display:none}}

@media(max-width:520px){.magazine-viewport{height:clamp(280px,75vw,420px);min-height:280px}}