/* Center the approved H01 character; keep the issue mark small beside the figure. */
.cc-mag-cover{display:block;min-height:0;background:#fff;padding:30px clamp(22px,5vw,76px) 22px;border-bottom:1px solid #242421}
.cc-cover-masthead{max-width:1320px;margin:0 auto 18px;padding-bottom:15px;border-bottom:1px solid #292926;display:flex;justify-content:space-between;align-items:end;gap:20px}
.cc-cover-masthead h1{font-size:clamp(30px,3.2vw,46px);line-height:1.05;letter-spacing:-.03em;margin:0}
.cc-cover-masthead p{font-size:13px;color:#555;margin:7px 0 0}
.cc-cover-masthead time{font-size:12px;color:#4e4e49;white-space:nowrap}
.cc-cover-stage{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(105px,180px) minmax(340px,500px) minmax(230px,320px);justify-content:center;align-items:center;gap:clamp(16px,3.2vw,48px);min-height:600px}
.cc-cover-issue-mark{align-self:center;text-align:right;padding-bottom:220px}
.cc-cover-issue-mark span{display:block;font-size:11px;letter-spacing:.08em;color:#666;margin-bottom:5px}
.cc-cover-issue-mark strong{font-size:25px;font-weight:650;letter-spacing:-.03em;white-space:nowrap}
.cc-cover-art{width:100%;height:min(70svh,700px);min-height:540px;display:grid;place-items:center;overflow:visible;background:#fff;margin:0}
.cc-cover-art img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;filter:grayscale(1);transition:filter .25s ease}
.cc-cover-art:hover img,.cc-cover-art:focus-within img{filter:grayscale(0)}
.cc-cover-feature{align-self:center;margin:0;padding:0;border:0;max-width:300px}
.cc-cover-feature>p:first-child{font-size:11px;color:#666;margin-bottom:12px}
.cc-cover-feature h2{font-size:clamp(24px,2.5vw,34px);line-height:1.36;letter-spacing:-.045em;margin:0 0 12px}
.cc-cover-feature>p:not(:first-child){font-size:14px;line-height:1.75;color:#4c4c47}
.cc-cover-feature>a{display:inline-flex;align-items:center;gap:8px;margin-top:16px;border-bottom:1px solid #30302d;padding-bottom:5px;font-size:13px;font-weight:650}
.cc-cover-bottom{max-width:1180px;margin:0 auto;border-top:1px solid #b7b6af;padding-top:11px;font-size:11px;color:#555;letter-spacing:0}
@media(max-width:800px){.cc-mag-cover{padding:22px 18px 17px}.cc-cover-masthead{align-items:end;margin-bottom:10px}.cc-cover-masthead h1{font-size:30px}.cc-cover-masthead p{font-size:11px}.cc-cover-masthead time{font-size:10px}.cc-cover-stage{grid-template-columns:78px minmax(0,1fr);gap:8px 12px;min-height:0;max-width:560px}.cc-cover-art{grid-column:1 / -1;grid-row:1;height:min(62svh,560px);min-height:400px;width:min(100%,410px);justify-self:center}.cc-cover-issue-mark{grid-column:1;grid-row:2;text-align:left;padding:0 0 0 4px;align-self:start}.cc-cover-issue-mark span{font-size:10px}.cc-cover-issue-mark strong{font-size:18px}.cc-cover-feature{grid-column:2;grid-row:2;max-width:none;align-self:start}.cc-cover-feature>p:first-child{margin-bottom:7px;font-size:10px}.cc-cover-feature h2{font-size:21px;margin-bottom:7px}.cc-cover-feature>p:not(:first-child){font-size:12px;line-height:1.6}.cc-cover-feature>a{margin-top:9px;font-size:12px}.cc-cover-bottom{margin-top:15px;font-size:10px}}
@media(max-width:420px){.cc-cover-masthead h1{font-size:25px}.cc-cover-masthead time{font-size:9px}.cc-cover-stage{grid-template-columns:58px minmax(0,1fr);column-gap:8px}.cc-cover-art{height:53svh;min-height:360px}.cc-cover-issue-mark strong{font-size:16px}.cc-cover-feature h2{font-size:19px}.cc-cover-feature>p:not(:first-child){font-size:11px}}

/* Cover composition: center the official H01 figure; make the issue number a quiet adjacent mark. */
.cc-mag-cover{padding:26px clamp(18px,4vw,64px) 0;background:#fff}
.cc-cover-masthead{max-width:1380px;margin-bottom:0;padding:0 0 13px;border-bottom:1px solid #252522}
.cc-cover-masthead h1{font-size:clamp(29px,3vw,42px)}
.cc-cover-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:0;height:min(70svh,700px);max-width:1380px;margin:0 auto;overflow:hidden}
.cc-cover-art{width:min(100%,590px);height:100%;min-height:0;background:#fff}
.cc-cover-art img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:none}
.cc-cover-issue-mark{position:absolute;left:calc(50% + min(270px,23vw));top:50%;transform:translateY(-50%);align-self:auto;text-align:left;padding:0;z-index:2}
.cc-cover-issue-mark span{font-size:10px;letter-spacing:.08em;color:#777;margin-bottom:2px}
.cc-cover-issue-mark strong{font-size:20px;font-weight:600;letter-spacing:-.04em}
.cc-cover-feature{max-width:920px;margin:0 auto;padding:15px 0 18px;border-top:1px solid #b9b8b2;text-align:center}
.cc-cover-feature>p:first-child{font-size:10px;margin:0 0 5px}
.cc-cover-feature h2{font-size:clamp(21px,2.2vw,29px);margin:0 0 4px}
.cc-cover-feature>p:not(:first-child){font-size:13px}
.cc-cover-feature>a{margin-top:7px;font-size:12px}
.cc-cover-bottom{max-width:1380px;margin-top:0}
@media(max-width:800px){.cc-mag-cover{padding:18px 16px 0}.cc-cover-masthead{margin-bottom:0}.cc-cover-stage{height:min(62svh,570px);min-height:360px;display:flex;grid-template-columns:none;gap:0}.cc-cover-art{grid-column:auto;grid-row:auto;width:min(100%,440px);height:100%;min-height:0;justify-self:auto}.cc-cover-issue-mark{left:auto;right:5%;top:50%;text-align:left;grid-column:auto;grid-row:auto;padding:0}.cc-cover-issue-mark span{font-size:9px}.cc-cover-issue-mark strong{font-size:16px}.cc-cover-feature{grid-column:auto;grid-row:auto;max-width:560px;margin:0 auto;padding:13px 0 15px;text-align:left}.cc-cover-feature h2{font-size:21px}.cc-cover-feature>p:not(:first-child){font-size:12px}.cc-cover-feature>a{margin-top:7px}}
@media(max-width:420px){.cc-cover-stage{height:54svh;min-height:320px}.cc-cover-issue-mark{right:2%}.cc-cover-issue-mark strong{font-size:14px}.cc-cover-masthead h1{font-size:23px}.cc-cover-masthead time{font-size:9px}}
/* Current site chrome and the original magazine cover share the same white field. */
.cc-mag-cover{border-bottom:1px solid #111}.cc-mag-cover svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.cc-cover-bottom{display:flex;justify-content:space-between;align-items:center;padding-block:12px}.cc-cover-bottom a{display:inline-flex;align-items:center;gap:8px;min-height:44px}.cover-edition{font-size:13px;white-space:nowrap}.cc-cover-art img{display:block}.header-inner{max-width:1440px;width:calc(100% - 60px)}.header nav{gap:23px;font-size:15px}.header .brand{width:170px}.header nav a{white-space:nowrap}
.action-dock a{gap:12px}.action-dock svg{width:23px;height:23px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.action-dock .dock-main svg{stroke:#fff}.quick-panel{position:fixed;right:24px;bottom:94px;width:min(440px,calc(100vw - 32px));max-height:calc(100svh - 180px);overflow:auto;padding:28px;background:#fff;border:1px solid #111;z-index:30;box-shadow:0 8px 32px #0002}.quick-panel h2{font-size:26px;margin:22px 0}.quick-panel p{font-size:16px}.quick-panel #quick-close{float:right;background:#fff;border:0;padding:4px;min-height:44px;font-size:14px}.quick-panel .quick-beta{font-size:12px;margin-top:24px;border-top:1px solid #aaa;padding-top:14px}.quick-panel .topic-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.topic-buttons button{min-height:44px;padding:8px 12px;background:#fff;border:1px solid #777;font-size:14px}.quick-panel textarea{margin-block:10px 14px;min-height:105px}.quick-panel label{font-weight:600;font-size:15px}.quick-panel .button{width:100%;justify-content:center}.quick-panel .receipt{font-size:12px;overflow-wrap:anywhere;margin-top:18px}.quick-panel .quick-error{margin-block:12px;color:#111;font-size:14px;font-weight:650}.simple-contact-actions{display:flex;gap:16px;margin:30px 0}.simple-contact>.small{font-size:14px}
.purchase-intro{padding-top:65px;padding-bottom:60px}.purchase-intro h1{max-width:900px;font-size:clamp(34px,4vw,58px)}.purchase-intro>.button{margin-top:30px}.purchase-intro>.small{font-size:14px;margin-top:15px}.bundle-functions{padding-block:45px 65px;border-top:1px solid #111}.bundle-functions>p{margin-top:18px}.bundle-functions ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:65px;margin-top:30px}.bundle-functions li{padding-block:25px;border-top:1px solid #aaa}.bundle-functions h3{font-size:25px}.bundle-functions li p{font-size:16px;margin-top:12px;max-width:50ch}.bundle-how{padding-block:45px 65px;border-top:1px solid #111}.bundle-how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:30px;padding-left:22px}.bundle-how strong{font-size:20px}.bundle-how li p{font-size:16px;margin-top:12px}.bundle-buy{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;padding-block:45px 65px;border-top:2px solid #111;scroll-margin-top:120px}.bundle-buy p{margin-top:20px}.bundle-buy dl{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #aaa;margin:0 0 20px}.bundle-buy dd{font-size:24px;font-weight:700;margin:0}.bundle-buy form .button{width:100%;justify-content:center}.bundle-buy form .small{font-size:13px;margin:12px 0 25px}.bundle-buy .text-action{background:#fff;border:0;padding:0;min-height:44px}.bundle-buy>.small{font-size:14px}
@media(max-width:1150px) and (min-width:801px){.header-inner{width:calc(100% - 36px);gap:18px}.header .brand{width:140px}.header nav{gap:15px;font-size:13px}.header nav .nav-purchase{padding:9px 12px}}
@media(max-width:800px){.header-inner{width:calc(100% - 36px)}.header .brand{width:145px}.header nav{font-size:17px;gap:6px}.cover-edition{font-size:10px}.action-dock a{gap:6px;padding:8px 5px}.action-dock svg{width:19px;height:19px}.action-dock a span{font-size:12px}.quick-panel{right:16px;bottom:86px;padding:20px;max-height:calc(100svh - 145px)}.quick-panel h2{font-size:23px}.bundle-functions ul{grid-template-columns:1fr;gap:0}.bundle-functions h2,.bundle-how h2,.bundle-buy h2{font-size:29px}.bundle-how ol{grid-template-columns:1fr;gap:26px}.bundle-buy{grid-template-columns:1fr;gap:30px}.purchase-intro{padding-block:40px}.simple-contact-actions{flex-direction:column;align-items:stretch}.simple-contact-actions button{justify-content:center}}
@media(max-width:360px){.action-dock a{gap:4px}.action-dock svg{width:16px;height:16px}.action-dock a span{font-size:11px}.cover-edition{white-space:normal;max-width:85px;text-align:right}}
