/* Desktop casebook fit: retain paper, ink and coral; reserve an artwork margin. */
@media(min-width:1100px){
 main#tank{align-items:start;min-height:0;padding-top:28px;padding-bottom:28px}
 #tank>article{min-height:calc(100vh - 208px);padding:28px 42px 228px}
 #tank>article h1{font-size:44px;margin:12px 0 14px;padding-bottom:12px}
 #tank>article .sub{margin:12px 0}
 #editor label{margin:8px 0}
 #editor input:not([type=range]),#editor textarea{padding:7px 10px;margin-top:5px}
 #editor textarea{height:56px;min-height:56px}
 #editor input[type=range]{margin:14px 0}
 #editor .numbers{gap:16px}
 #editor .numbers label{padding:8px}
 #tank>article .actions{margin:8px 0}
 #tank>article .mascot{position:absolute;right:26px;bottom:18px;width:210px!important;height:210px!important;margin:0!important}
 .ledger .totals{margin:10px 0 14px}
 .ledger .totals dt,.ledger .totals dd{padding:11px 0}
 .ledger .scenario{margin:14px 0}
 .ledger small{margin:14px 0;line-height:1.5}
 .ledger label{margin:8px 0;font-size:14px}
 .ledger input:not([type=range]){padding:7px 10px;margin-top:5px}
 .ledger button{padding:8px 10px;margin:6px 0}
 .ledger h3:not(:first-child){margin-top:18px}
}
@media(min-width:1100px) and (max-height:950px){
 #tank>article{min-height:840px}
}

/* Numbered research index, with an ink title and coral conviction stamp. */
#cases{counter-reset:case}
#cases>div{counter-increment:case;display:grid;grid-template-columns:20px 1fr;align-items:center;border-bottom:1px solid #dedde0;padding:12px 0}
#cases input[type=checkbox]{margin:0;width:14px;height:14px;accent-color:var(--coral)}
#cases button{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;border:0;padding:8px 2px;font-size:17px;font-weight:600;line-height:1.4}
#cases button:before{content:counter(case,decimal-leading-zero);align-self:start;font-family:Georgia,serif;font-size:21px}
#cases button span{overflow-wrap:anywhere}
#cases button em{font-style:normal;font-size:16px;font-weight:400;color:#d6402d;border:1px solid var(--coral);padding:5px 4px}
button:disabled{cursor:not-allowed;opacity:.45}
#comparison{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 Arial,sans-serif;border-left:3px solid var(--coral);padding:12px;background:#f4544008}
@media(min-width:1100px){header strong{font-size:52px}#tank>article{border-radius:8px}#tank>article h1{font-size:46px}}
