/* Axiom v7 reading pages (free sample issues) */
.reading{background:var(--paper)}
.readbar{position:fixed;left:0;right:0;top:var(--top);height:3px;z-index:49;background:transparent}
.readbar span{display:block;height:100%;background:var(--signal);transform-origin:0 50%;transform:scaleX(0)}
.issue{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,700px) minmax(40px,1fr);grid-template-areas:". mast ." "parts body .";column-gap:5vw;padding:calc(var(--top) + 12vh) var(--gut) 10vh}
.mast{grid-area:mast;margin-bottom:9vh}
.kicker{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font:500 14px var(--sans);color:var(--graphite);margin:0 0 26px}
.kicker .sig{margin-right:4px}
.mast h1{font-weight:300;font-size:clamp(44px,6.4vw,92px);line-height:.98;letter-spacing:-.03em;margin:0 0 28px}
.dek{font-size:clamp(21px,2vw,26px);line-height:1.35;margin:0 0 26px;font-weight:300}
.freenote{font:400 14px var(--sans);color:var(--graphite);margin:0;padding-top:14px;border-top:1px solid var(--rule)}
.parts{grid-area:parts;position:relative}
.parts ol{position:sticky;top:calc(var(--top) + 6vh);list-style:none;margin:0;padding:0;font:500 14px var(--sans)}
.parts li{border-top:1px solid var(--rule)}
.parts li:last-child{border-bottom:1px solid var(--rule)}
.parts a{display:grid;grid-template-columns:34px 1fr;padding:11px 0;text-decoration:none;color:var(--graphite);position:relative}
.parts a i{font:italic 400 17px var(--serif)}
.parts a.on{color:var(--ink)}.parts a.on i{color:var(--signal)}
.parts a.on::before{content:"";position:absolute;left:-14px;top:0;bottom:0;width:3px;background:var(--signal)}
.body{grid-area:body;font-size:20px;line-height:1.62}
.part{padding:0 0 7vh;scroll-margin-top:calc(var(--top) + 30px)}
.part + .part{padding-top:7vh;border-top:1px solid var(--rule)}
.part h2{font-size:clamp(30px,3.2vw,42px);font-weight:300;margin:0 0 26px;display:flex;gap:16px;align-items:baseline;letter-spacing:-.015em}
.part h2 i{color:var(--signal);font-size:.8em}
.part p{margin:0 0 1.1em}
.part ul{margin:0 0 1.2em;padding:0;list-style:none}
.part li{position:relative;padding:0 0 .9em 26px}
.part li::before{content:"";position:absolute;left:0;top:.78em;width:12px;height:2px;background:var(--signal)}
.part a{color:var(--signal);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.part a:hover{color:var(--signal-d)}
.p3 p{padding-left:22px;border-left:3px solid var(--signal)}
.p3 p strong{font:600 .72em var(--sans);color:var(--signal);letter-spacing:.01em}
.method{font-size:16px;color:var(--graphite);border-top:1px solid var(--ink);padding-top:24px}
.method p{margin:0 0 .8em}
.after{background:var(--ink);color:var(--paper);border-top:3px solid var(--signal)}
.after-in{max-width:1240px;margin:0 auto;padding:12vh var(--gut)}
.after .kicker{color:var(--smoke)}
.more{list-style:none;margin:0 0 8vh;padding:0;border-top:1px solid #2c2e32}
.more a{display:grid;grid-template-columns:130px 1fr auto;gap:4vw;align-items:baseline;padding:24px 0;border-bottom:1px solid #2c2e32;text-decoration:none}
.more .n,.more .d{font:500 14px var(--sans);color:var(--smoke)}
.more .t{font-size:clamp(24px,3vw,38px);font-weight:300;letter-spacing:-.01em}
.more a:hover .t{color:var(--signal-l)}
.after-cta{display:flex;flex-wrap:wrap;gap:24px 40px;align-items:center;justify-content:space-between}
.after-cta p{font-size:22px;max-width:30em;margin:0;font-weight:300}
.after-cta .btn{background:var(--paper);color:var(--ink)}
@media (max-width:980px){
  .issue{grid-template-columns:1fr;grid-template-areas:"mast" "parts" "body";padding-top:calc(var(--top) + 6vh)}
  .parts{margin-bottom:6vh}.parts ol{position:static}
  .body{font-size:18.5px}
  .more a{grid-template-columns:1fr;gap:6px}
}
