/* inner pages · extends ../css/story.css */
.crumb{font:13px var(--tw);color:var(--ink-3);padding-top:30px}.crumb a{text-decoration:none}.crumb a:hover{background:var(--yel)}
.ph1{padding:26px 0 70px;position:relative}.ph1 .h1{font-size:clamp(44px,7.6vw,120px);max-width:12em}.ph1 .h1 span{white-space:normal}.ph1 .lede{margin-top:26px}
.ph1 .ctas{margin-top:30px}
.sec{padding:90px 0;position:relative}.sec.tight{padding:50px 0}
.sec .h2{margin-bottom:28px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.two.l{grid-template-columns:.8fr 1.2fr}.two.r{grid-template-columns:1.2fr .8fr}
.indent{margin-left:14%}.indent-r{margin-right:12%}
.cta-strip{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end;padding:90px 0 110px;border-top:2px solid var(--ink)}
.cta-strip .note{justify-self:end;width:340px;font-size:36px}
.flagnote{display:inline-block;font:12px var(--tw);background:var(--yel);padding:4px 8px;margin-top:14px}
.list-rules{list-style:none;max-width:980px}.list-rules li{display:grid;grid-template-columns:280px 1fr;gap:30px;padding:22px 0;border-top:2px solid var(--ink)}
.list-rules li h3{font-size:28px}.list-rules li p{color:var(--ink-2)}
.scatter{position:relative;display:flex;flex-wrap:wrap;gap:30px 26px;align-items:flex-start}
.scatter>*{flex:0 0 auto}
.slip{position:relative;background:#fff;background-image:var(--fib);box-shadow:var(--hard2);padding:24px 22px 20px;transform:rotate(var(--r,0deg))}
.sheet.pad{padding:34px 30px 26px}
.form-line{border:0;border-bottom:2px solid var(--blue);font:400 34px var(--biro);color:var(--blue);background:transparent;padding:0 4px;min-width:5em;outline:none}
select.form-line{appearance:none;cursor:pointer;padding-right:18px}
.fill{font:600 clamp(24px,2.6vw,36px)/1.5 var(--disp);letter-spacing:-.02em;max-width:22em}
.stampbox{position:relative;display:inline-block;font:400 30px var(--tw);color:var(--red);border:3px solid var(--red);padding:4px 14px;transform:rotate(-6deg);opacity:.9}
.chk{display:flex;gap:14px;align-items:center;padding:13px 0;border-top:1px dashed #cfcfcf;font:600 20px var(--disp);cursor:pointer}
.chk input{appearance:none;width:26px;height:26px;border:2px solid var(--ink);flex:none;display:grid;place-items:center;margin:0;cursor:pointer}
.chk input:checked{background:var(--yel)}.chk input:checked::after{content:"✓";font:400 30px var(--biro);color:var(--blue);line-height:1;margin-top:-4px}
.chk .tw{margin-left:auto;font-size:14px;color:var(--ink-3)}
.tab{display:inline-block;font:15px var(--tw);background:#fff;background-image:var(--fib);box-shadow:var(--hard);padding:10px 14px;transform:rotate(var(--r,0deg))}
.tab s{text-decoration:none;background:linear-gradient(var(--red),var(--red)) no-repeat 0 55%/0 2px;transition:background-size .5s var(--sd,0s)}.tab.x s,.done .tab s{background-size:100% 2px}
.art-r{position:absolute;right:calc(var(--gut)*-0.5);top:40px}
.mono{font-family:var(--tw)}
.pq{font:400 46px/.95 var(--biro);color:var(--blue)}
.article{display:grid;grid-template-columns:200px minmax(0,640px) 1fr;gap:50px}.article p{font-size:20px;line-height:1.6;margin-bottom:22px;color:var(--ink-2)}.article h2{font:700 36px/1 var(--disp);letter-spacing:-.03em;font-variation-settings:"wdth" 80;margin:40px 0 16px}
.margin{position:relative}.margin .biro{position:sticky;top:120px;font-size:30px;display:block;transform:rotate(-3deg)}
.toc{font:14px var(--tw);position:sticky;top:110px;align-self:start}.toc a{display:block;padding:6px 0;text-decoration:none;border-top:1px dashed #ccc}
@media(max-width:860px){
 .two,.two.l,.two.r,.cta-strip,.article{grid-template-columns:minmax(0,1fr);gap:30px}.indent,.indent-r{margin:0}.cta-strip{padding:60px 0 80px}.cta-strip .note{justify-self:start;width:86%}
 .sec{padding:60px 0}.ph1{padding:18px 0 40px}.list-rules li{grid-template-columns:minmax(0,1fr);gap:6px}.art-r{position:relative;right:auto;top:auto;margin-top:30px}
 .form-line{font-size:28px;min-width:3.5em}.toc,.margin{display:none}}
/* signature bits */
.probs{list-style:none}.probs li{display:grid;grid-template-columns:270px 1fr;gap:50px;align-items:center;padding:26px 0;max-width:1000px}
.ans-hl span{background:linear-gradient(transparent 12%,var(--yel) 12% 88%,transparent 88%) no-repeat 0 0/0% 100%;transition:background-size .5s cubic-bezier(.6,0,.25,1);-webkit-box-decoration-break:clone;box-decoration-break:clone}.ans-hl.on span,.done .ans-hl span{background-size:100% 100%}
.stages{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 26px}.opt-s{font:600 17px var(--disp);background:#fff;border:2px solid var(--ink);padding:10px 14px;cursor:pointer;display:flex;gap:8px;align-items:baseline}.opt-s small{font-size:12px;color:var(--ink-3)}.opt-s[aria-pressed="true"]{background:var(--yel)}
.tot{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.tot strong{font:800 50px/1 var(--disp);letter-spacing:-.04em;font-variation-settings:"wdth" 75}.tot .old{color:var(--red);font-size:28px;font-weight:600}.tot .old:not([hidden]){display:inline}
.bar{height:22px;border:2px solid var(--ink);margin:14px 0}.bar i{display:block;height:100%;background:var(--yel)}
input[type=range]{width:100%;accent-color:var(--ink)}
.eq{display:flex;flex-wrap:wrap;align-items:center;gap:18px 14px}.eq .card{font-size:28px;min-height:150px}.plus{font-size:80px;line-height:1}
.tray{display:flex;flex-direction:column;gap:30px}.slip h3,.slip .h3{margin-top:4px}
.slip[data-state="no"] .h3{color:var(--ink-3)}
.calrow{display:grid;grid-template-columns:1fr 1.1fr .9fr;gap:30px;align-items:start}.calrow .card:nth-child(2){margin-top:60px}.calrow .card:nth-child(3){margin-top:20px}.cal{padding:40px 26px 30px}
.diaries{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;align-items:start}.diary{font-size:32px}.fix2{font:400 28px/1 var(--biro);color:var(--red);margin-top:16px}
.docs{display:flex;flex-direction:column;gap:22px;max-width:860px}.doc{padding:30px 30px 24px}
.hr{padding-left:22px}.hr li{padding:10px 0;border-top:1px dashed #ccc;font-size:17px}
.h1 .st404{display:inline;background:linear-gradient(var(--red),var(--red)) no-repeat 0 55%/100% 6px;color:var(--ink-3)}
.tabs{display:flex;flex-wrap:wrap;gap:18px 22px}
.ckp{display:grid;grid-template-columns:90px 1fr;gap:8px 12px;font-size:15px;margin:6px 0 14px}.ckp dd{display:flex;gap:10px;align-items:center;font-family:var(--tw)}.ckp dd i{height:12px;background:var(--yel);display:block;max-width:60%}
.big-ck{padding:30px 30px 24px}.big-ck ul{list-style:none;font-size:15px;margin:12px 0}.big-ck li{display:flex;justify-content:space-between;padding:7px 0;border-top:1px dashed #cfcfcf}.big-ck li em{font:400 26px var(--biro);color:var(--blue);line-height:.8}
.feat{display:block;padding:40px 36px 34px}.cut{display:block}
@media(max-width:860px){.probs li{grid-template-columns:minmax(0,1fr);gap:16px;margin-left:0!important}.diaries,.calrow{grid-template-columns:minmax(0,1fr)}.diary,.calrow .card{margin-top:0!important}.eq .card{width:44%!important;min-height:120px;font-size:24px}.plus{font-size:50px}.big-ck{position:static!important}.tot strong{font-size:38px}.scatter>*{max-width:100%}.cut{width:100%!important}.slip{margin-left:0!important}.doc{margin-left:0!important}.doc .stampbox{position:static!important;margin-top:12px;font-size:22px}}
