@font-face{font-family:Barlow;src:url('/assets/BarlowCondensed-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
body{font-family:Barlow,'Arial Narrow',sans-serif;font-size:20px;font-weight:600}.brand{white-space:nowrap;font-family:Barlow,sans-serif;font-size:66px;letter-spacing:-1px;line-height:1.1}h1{font-family:Barlow,sans-serif;letter-spacing:-1px;font-size:96px;line-height:1.05}header{padding-bottom:16px;margin-bottom:36px}header p{font-size:25px}.inputs label{padding:14px 16px;font-size:24px}.inputs input{font-family:Barlow,sans-serif;font-size:42px;padding:4px 12px;margin-top:10px}.inputs small{font-size:15px}.result strong{font-family:Barlow,sans-serif;font-size:40px;white-space:nowrap}.result small{font-size:19px;line-height:1.4}.result b{font-size:23px;top:-20px}.result{padding:22px 12px 20px}legend{font-size:28px}.scenario{background:linear-gradient(var(--ink),var(--ink)) center 23px/60% 3px no-repeat;margin:8px 0 12px;justify-content:center;gap:0}.scenario button{font-size:0;width:25%;min-height:84px;color:var(--ink)}.scenario button:before{content:'';display:block;box-sizing:border-box;border:2px solid var(--ink);border-radius:50%;width:46px;height:46px;margin:auto;background:var(--paper);font:32px/40px Barlow,sans-serif}.scenario button.active:before{content:'✓';background:var(--orange)}.scenario small{font-size:21px;margin-top:6px}.inspector h2{font-size:29px}.inspector-note{font-size:19px}.primary{font-size:23px}main{min-height:calc(100vh - 72px);padding-bottom:40px}footer{position:relative;min-height:72px;padding:23px 35px 23px 325px}aside{bottom:72px}dialog{max-height:90vh;overflow:auto}dialog h2{margin:0}dialog p{font-size:17px}.editor-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.editor-inputs legend{font-size:23px}.editor-inputs label{font-size:18px;margin:0}.editor-inputs input{margin-top:6px;width:100%}
@media(min-width:1800px){main{padding-top:42px}.inputs label{min-height:128px}.inspector img{max-height:500px}.result{padding-top:26px;padding-bottom:22px}#results{margin-top:24px}.inspector{margin-top:-160px}}
@media(max-width:1000px){.brand{font-size:46px}h1{font-size:70px}footer{padding:20px}aside{bottom:72px}.inspector{margin-top:0}.result strong{font-size:32px}}
@media(max-width:600px){.brand{font-size:38px}h1{font-size:56px}header p{font-size:20px}main{padding-bottom:30px}nav a,nav button{font-size:16px}.inputs label{font-size:18px;padding:10px}.inputs input{font-size:28px}.inputs small{font-size:12px}.result strong{font-size:23px}.result small{font-size:13px}.result b{font-size:18px;top:-16px}.scenario button{width:33%}.scenario small{font-size:17px}.scenario button:before{width:42px;height:42px;line-height:36px}footer{font-size:10px;padding:18px 16px;min-height:60px}.primary{font-size:21px}.editor-inputs{gap:10px}}

/* Shrink grid tracks rather than overflowing narrow screens. */
.work,.inputs label,.result{min-width:0}.inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario button{position:relative;font-size:0!important}.scenario button.active{color:var(--ink)}.scenario button:first-line{background:transparent}.scenario button:before{position:relative;z-index:1}#results{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:600px){.result strong{font-size:20px}.scenario button{line-height:0}.scenario small{line-height:1.3}.inputs input{width:100%}}