.design-page h2{font-size:clamp(1.6rem,3.5vw,2.3rem);line-height:1.2}.design-reading-grid,.design-concept-grid,.design-comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.design-reading-grid h2{font-size:1.35rem}.design-reading-grid p,.design-concept p{line-height:1.65}.design-reading-grid article,.design-concept{display:flex;flex-direction:column;align-items:start}.design-reading-grid article>a,.design-concept .design-original{margin-top:auto;padding-top:.8rem}.design-result{padding:1.5rem clamp(1rem,3vw,2rem);border-left:3px solid var(--rp-amber);background:rgba(183,131,54,.07);margin:2rem 0}.design-result h2{margin:.5rem 0}.design-result p{max-width:70ch;line-height:1.65}.design-stage{display:inline-block;font-size:.8rem;font-weight:700;color:var(--rp-blue);background:rgba(49,93,120,.08);padding:.4rem .65rem;border-radius:.4rem}.design-stage--preparation{color:#7d551f;background:rgba(183,131,54,.1)}.design-document-list{display:grid;gap:1rem}.design-document{scroll-margin-top:6rem}.design-document h3{font-size:1.5rem;line-height:1.3}.design-document-meta{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;color:var(--rp-muted)}.design-document p{max-width:78ch}.design-document dl{display:grid;grid-template-columns:2fr 1fr;gap:1rem;font-size:.9rem}.design-document dt{font-weight:700}.design-document dd{margin:.3rem 0 0;line-height:1.5}.design-amends,.design-original{font-size:.88rem;line-height:1.6}.design-page select,.design-page button{font:inherit;color:inherit;border:1px solid var(--rp-line);background:transparent;border-radius:.6rem;padding:.65rem .8rem;min-height:46px}.design-page select{width:100%;background-color:var(--paper,#f7f5ef)}.design-page button{cursor:pointer;color:var(--rp-blue)}.design-page select:focus-visible,.design-page button:focus-visible,.design-page input:focus-visible{outline:3px solid var(--rp-amber);outline-offset:3px}.design-tools label{min-width:min(100%,10rem)}.design-tools label:first-child{flex:2;min-width:min(100%,18rem)}.design-tools [role=status]{width:100%;margin:.25rem 0}.design-compare-tools fieldset{border:0;padding:0;margin:0;min-width:0}.design-compare-tools legend{font-weight:700;margin-bottom:1rem}.design-choices{display:flex;gap:.65rem;flex-wrap:wrap}.design-choices label{display:flex;align-items:center;gap:.55rem;padding:.7rem 1rem;border:1px solid var(--rp-line);border-radius:.7rem;cursor:pointer;max-width:100%}.design-choices label:has(:checked){background:rgba(49,93,120,.08);border-color:var(--rp-blue)}.design-choices input{width:1.15rem;height:1.15rem;accent-color:var(--rp-blue);flex-shrink:0}.design-choices span{overflow-wrap:anywhere}.design-idea{font-size:1.08rem;font-weight:700}.design-facet{border-top:1px solid var(--rp-line);padding-top:1rem}.design-facet h3{font-size:1.45rem}.design-comparison-grid{grid-template-columns:repeat(var(--compare-columns,3),minmax(0,1fr))}.design-comparison-grid article{padding:1.25rem;background:rgba(255,255,255,.36);border:1px solid var(--rp-line);border-radius:.8rem}.design-comparison-grid h4{font:700 1rem/1.4 var(--font-body,system-ui);margin:0 0 .65rem}.design-comparison-grid p{line-height:1.7;margin:0}.design-next{border-top:1px solid var(--rp-line);padding-top:1rem}.design-next p{max-width:70ch;line-height:1.7}.design-page [role=status]{color:var(--rp-muted);font-size:.9rem}.design-page .research-download{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
html[data-theme=night] .design-page select{background:#1d2e3c}html[data-theme=night] .design-page .design-stage--preparation{color:#e4bb76}html[data-theme=night] .design-page .design-comparison-grid article{background:rgba(29,46,60,.7)}
@media(max-width:900px){.design-reading-grid,.design-concept-grid{grid-template-columns:1fr}.design-reading-grid article>a,.design-concept .design-original{margin-top:.5rem}.design-comparison-grid{grid-template-columns:1fr}.design-comparison-grid article{border-left:3px solid var(--rp-blue)}.design-document dl{grid-template-columns:1fr}.design-tools label{min-width:min(100%,13rem)}.design-choices label{width:100%}}