/* Software examples share the page's scale navigation and proof vocabulary. */
#story-choices{display:flex;flex-wrap:wrap;gap:4px 16px;margin:16px 0 0;padding:0 0 10px;border-bottom:1px solid var(--ln)}
#story-choices[hidden],#software-proof[hidden]{display:none}
#story-choices button{padding:7px 0;font:11px/1.4 var(--mono);color:var(--dim);border:0;background:none;border-bottom:1px solid transparent;cursor:pointer;text-align:left}
#story-choices button[aria-pressed="true"]{color:var(--fg);border-bottom-color:var(--fg)}
#story-choices button:hover{color:var(--fg)}
#story-choices button:focus-visible,#software-play:focus-visible{outline:2px solid #647624;outline-offset:5px}
body.has-examples #detail{margin-top:18px}
body.has-examples #col:focus{outline:none}
.software-film{object-position:65% center}
#f-software-commits{object-position:35% center}
#f-software-release{object-position:55% center}
body.software-story #frame{background:#e4e1d9}
#software-proof{position:absolute;z-index:3;left:clamp(14px,1.8vw,26px);bottom:clamp(34px,6vh,64px);width:min(365px,calc(100% - 40px));padding:18px 20px;background:rgba(244,241,234,.96);color:#1c1b18;box-shadow:0 10px 30px rgba(0,0,0,.14);border-left:3px solid #819142}
body.software-story:not(.software-site) #software-proof{left:auto;right:clamp(14px,1.8vw,26px);bottom:94px}
.software-proof-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;font:10px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#706b61}
#software-play{font:inherit;letter-spacing:inherit;text-transform:uppercase;color:#454438;background:transparent;border:0;border-bottom:1px solid #999789;padding:2px 0;cursor:pointer}
#software-proof h3{font:400 20px/1.2 var(--sans);margin:0 0 8px;letter-spacing:-.015em}
#software-proof p{font:14px/1.45 var(--sans);margin:0;color:#4b4840}
.software-proof-record{margin-top:15px;padding-top:11px;border-top:1px solid rgba(28,27,24,.15);display:flex;justify-content:space-between;gap:12px;font:10.5px/1.5 var(--mono)}
#software-status{color:#53601d}
#software-progress{display:flex;gap:5px;margin-top:13px}
#software-progress i{height:2px;flex:1;background:#d7d3c8;transition:background .3s}
#software-progress i.on{background:#819142}
@media (max-width:760px){
 body.has-examples #col{height:42svh;min-height:282px}
 body.has-examples.col #frame{top:max(42svh,282px)}
 #story-choices{margin-top:5px;padding-bottom:3px;gap:4px 16px}
 #story-choices button{font-size:10px;min-height:32px;padding:7px 0}
 body.has-examples #detail{margin-top:10px;gap:8px}
 body.has-examples #detail h2#d-h{font-size:25px}
 body.has-examples #detail p#d-p{font-size:13px;line-height:1.42}
 body.software-story #d-link{font-size:9px;margin-top:0}
 #software-proof{left:12px;bottom:12px;width:calc(100% - 24px);padding:12px 14px}
 .software-proof-top{margin-bottom:8px;font-size:9px}
 #software-proof h3{font-size:17px;margin-bottom:5px}
 #software-proof p{font-size:12px;line-height:1.4}
 .software-proof-record{font-size:9.5px;margin-top:9px;padding-top:8px}
 #software-progress{margin-top:9px}
 #f-software-commits{object-position:35% center}
 body.software-story:not(.software-site) #software-proof{right:12px;bottom:12px}
 body.software-site #f-software-release{top:54px;height:auto;aspect-ratio:4096/2160;object-fit:contain;object-position:center}
 body.software-site #software-proof{bottom:max(12px,calc((100% - 56.25vw - 54px - 157px)/2))}
}
@media (max-width:760px) and (max-height:700px){
 body.has-examples #col{height:46svh;min-height:270px}
 body.has-examples.col #frame{top:max(46svh,270px)}
 body.has-examples #detail h2#d-h{font-size:22px}
 body.has-examples #detail p#d-p{font-size:12px}
 body.software-story #d-link{display:none}
 body.software-story #software-proof p{display:none}
 body.software-site #f-software-release{top:40px}
 .software-proof-top{margin-bottom:5px}
 #software-proof{padding:9px 12px}
 .software-proof-record{margin-top:6px;padding-top:6px}
}
@media (max-width:400px){body.software-story nav.site{gap:12px;font-size:9px;letter-spacing:.12em;white-space:nowrap}}