.toolkit-page{background:var(--paper);color:var(--ink)}
.prototype-header{border-bottom:1px solid var(--ink);padding:1.25rem 0}
.prototype-header .container{display:flex;gap:1.25rem;align-items:center;justify-content:space-between}
.prototype-logo{width:min(280px,60vw);height:auto}
.prototype-label{margin:0;color:var(--red-dark);font-weight:700;font-size:.85rem;text-align:right}
.prototype-label span{display:block;color:var(--muted);font-weight:400}
.toolkit{max-width:960px;padding-bottom:2rem}
.toolkit .intro{padding:2.5rem 0 1.75rem;border-bottom:3px double var(--ink)}
.toolkit h1{font-size:clamp(2.1rem,6vw,3.5rem);line-height:1.05;letter-spacing:-.035em;max-width:800px}
.toolkit h2{font-size:clamp(1.65rem,4vw,2.25rem);line-height:1.1}
.toolkit h3{font-size:1.3rem}
.toolkit .lede{font-size:1.2rem;line-height:1.5}
.prototype-notice{border-left:4px solid var(--navy);padding:.5rem .8rem;background:var(--paper-deep);font-size:.9rem}
.tool-jumps{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.tool-jumps a{padding:.65rem .8rem;min-height:44px;border:1px solid var(--line);font-weight:700}
.tool-card{scroll-margin-top:1rem;padding:2rem 0;border-bottom:1px solid var(--ink)}
.tool-heading{border-top:5px solid var(--navy);padding-top:1rem}
.tool-heading .eyebrow{margin-bottom:.5rem}
.toolkit label{display:block;font-weight:700;line-height:1.4;margin-bottom:.45rem}
.toolkit label span{font-weight:400;color:var(--muted)}
.toolkit input,.toolkit textarea,.toolkit select{display:block;width:100%;max-width:100%;min-width:0;border:1px solid var(--line-dark);border-radius:0;background:var(--white);color:var(--ink);padding:.75rem;font-size:1rem;min-height:48px}
.toolkit textarea{resize:vertical;min-height:140px}
.toolkit input[aria-invalid="true"],.toolkit textarea[aria-invalid="true"]{border:2px solid var(--red-dark)}
.field-help{font-size:.88rem;line-height:1.5;color:var(--muted);margin:.5rem 0 1rem;overflow-wrap:anywhere}
.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.5rem}
.input-grid.three{grid-template-columns:1fr .65fr 1.25fr}
.input-grid>div{min-width:0}
.actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}
.toolkit .button{min-height:48px;padding:.75rem 1rem;font-size:.9rem;letter-spacing:0;text-transform:none}
.toolkit .button:disabled{opacity:.6;cursor:not-allowed}
.toolkit [hidden]{display:none!important}
.error{background:#fff1f0;color:var(--red-dark);border-left:4px solid var(--red-dark);padding:.8rem 1rem;font-weight:700;overflow-wrap:anywhere}
.status-message{min-height:1.5rem;font-size:.9rem;color:var(--muted)}
.results{padding:1.25rem;border:1px solid var(--navy);background:#f7fafc;margin-top:1rem;overflow-wrap:anywhere}
.results:focus{outline:3px solid var(--navy);outline-offset:3px}
.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}
.result-grid>div{min-width:0;border-top:1px solid var(--line);padding-top:.6rem}
.result-grid dt{font-size:.8rem;text-transform:none;letter-spacing:0}
.result-grid dd{font-family:var(--display);font-size:1.25rem;margin-top:.3rem;unicode-bidi:isolate;direction:ltr}
.results p{font-size:.95rem}
.scope-note{border-left:4px solid var(--amber);padding-left:.8rem}
.notes{padding:2rem 0 1rem}
.notes h2{font-size:1.4rem}
.prototype-footer{border-top:1px solid var(--line);padding-top:.7rem;color:var(--muted);font-size:.8rem}
@media(max-width:680px){.prototype-header{padding:.8rem 0}.prototype-header .container{align-items:flex-start;flex-direction:column;gap:.6rem}.prototype-label{text-align:left}.toolkit .intro{padding:1.25rem 0 1.25rem}.input-grid,.input-grid.three,.result-grid{grid-template-columns:1fr}.actions{display:grid;grid-template-columns:1fr}.actions .button{width:100%}.results{padding:1rem}.tool-jumps{display:grid;grid-template-columns:1fr}.toolkit .container{width:calc(100% - 2rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.toolkit details{margin-top:1rem;overflow-wrap:anywhere}
.toolkit summary{min-height:44px;padding:.65rem .25rem;cursor:pointer;font-weight:700}
.toolkit summary:focus-visible{outline:3px solid var(--navy);outline-offset:3px}