/* Brand tokens are provisional. Replace these variables when the identity is approved. */
:root{--ink:#20312b;--muted:#627069;--paper:#f6f5ef;--surface:#fffefa;--line:#d8ddd3;--accent:#d6673b;--accent-dark:#a44425;--soft:#e8eee5;--display:Georgia,'Times New Roman',serif;--body:'Trebuchet MS',Verdana,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.55}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.demo-bar{background:var(--ink);color:#fff;text-align:center;padding:.55rem 1rem;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.shell{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{border-bottom:1px solid var(--line);background:var(--surface)}.site-header .shell{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:76px}.brand{font-family:var(--display);font-size:1.75rem;font-weight:700;text-decoration:none;letter-spacing:-.06em}.brand span{color:var(--accent)}.nav{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap}.nav a{font-size:.88rem;text-decoration:none;color:var(--muted);font-weight:700}.nav a:hover,.nav a[aria-current=page]{color:var(--accent-dark)}.page{padding:3.5rem 0 5rem}.eyebrow{color:var(--accent-dark);font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.17em;margin:0 0 .8rem}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,6vw,5.25rem);margin-bottom:1.1rem}h2{font-size:clamp(1.55rem,3vw,2.25rem)}h3{font-size:1rem}.lead{color:var(--muted);font-size:1.1rem;max-width:58ch}.muted{color:var(--muted);font-size:.88rem}.login-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,6vw,6rem);align-items:start}.hero-copy{padding-top:2rem}.steps{display:grid;gap:1rem;margin-top:3rem}.step{display:flex;gap:1rem;align-items:baseline;border-top:1px solid var(--line);padding-top:.9rem}.step b{color:var(--accent-dark);font-family:var(--display);font-size:1.2rem}.step span{font-size:.92rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:clamp(1.3rem,3vw,2.2rem);box-shadow:0 16px 45px #20312b0b}.panel h2{margin-bottom:.6rem}.field{display:grid;gap:.35rem;margin:1rem 0;font-size:.83rem;font-weight:700}.field input{width:100%;background:#fff;border:1px solid #b9c4b9;border-radius:3px;padding:.78rem .85rem;color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--ink);color:#fff;border:1px solid var(--ink);padding:.8rem 1.2rem;border-radius:3px;text-decoration:none;font-size:.88rem;font-weight:700;transition:background .2s,color .2s,transform .2s}.button:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark);transform:translateY(-2px)}.button-light{background:transparent;color:var(--ink);border-color:var(--line)}.button-light:hover:not(:disabled){color:#fff}.button-block{width:100%}.divider{height:1px;background:var(--line);margin:1.5rem 0}.note{padding:.9rem 1rem;background:var(--soft);border-left:3px solid var(--accent);font-size:.84rem}.note p:last-child{margin:0}.message{min-height:1.5rem;color:var(--accent-dark);font-size:.86rem;font-weight:700}.section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}.section-head p{margin-bottom:0}.count{background:var(--ink);color:white;padding:1rem 1.25rem;border-radius:3px;white-space:nowrap;font-size:.86rem}.count strong{display:block;font-family:var(--display);font-size:1.8rem;line-height:1}.item-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.item{display:flex;gap:1rem;align-items:start;cursor:pointer;background:var(--surface);border:1px solid var(--line);padding:1.2rem;border-radius:4px;min-height:142px;transition:border-color .2s,box-shadow .2s,transform .2s}.item:hover{border-color:var(--accent);transform:translateY(-2px)}.item:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#fffbf5}.item input{accent-color:var(--accent-dark);width:1.15rem;height:1.15rem;margin:.2rem 0 0;flex:none}.item-content{display:grid;gap:.45rem}.item-meta{color:var(--accent-dark);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.item-title{font-family:var(--display);font-weight:700;font-size:1.4rem;line-height:1.2}.item-hint{font-size:.78rem;color:var(--muted)}.action-row{position:sticky;bottom:0;background:var(--paper);border-top:1px solid var(--line);padding:1rem 0;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;z-index:2}.action-row .message{margin:0}.preview-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:1.5rem}.preview-sheet{background:var(--surface);border:1px solid var(--line);padding:clamp(1.4rem,4vw,3rem);min-height:360px;box-shadow:0 18px 45px #20312b10}.preview-sheet .item{min-height:0;cursor:default;margin:.6rem 0}.preview-sheet .item:hover{transform:none}.side-panel{align-self:start}.side-panel .button{margin:.35rem 0}.footer{border-top:1px solid var(--line);padding:1.4rem 0;color:var(--muted);font-size:.8rem}.footer .shell{display:flex;justify-content:space-between;gap:1rem}.pill{display:inline-block;padding:.25rem .55rem;border-radius:100px;background:var(--soft);font-size:.7rem;font-weight:800;color:var(--ink)}
@media(max-width:760px){.login-layout,.preview-grid{grid-template-columns:1fr}.hero-copy{padding-top:0}.page{padding:2.4rem 0 4rem}.item-list{grid-template-columns:1fr}.section-head{display:block}.count{display:inline-block;margin-top:1rem}.count strong{display:inline;font-size:1rem}.site-header .shell{padding:.7rem 0;align-items:start;flex-direction:column;gap:.35rem}.nav{gap:.9rem}.footer .shell{display:block}.action-row{align-items:stretch}.action-row .button{flex:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}