:root{color-scheme:light;--base:#f8f3e8;--dark:#28322b;--blue:#294c6a;--muted:#526257;--line:#c7cdbc;--panel:#fffdf8;--lime:#e9efb5;font:16px/1.5 'Instrument Sans',system-ui,sans-serif;color:var(--dark);background:var(--base)}
*{box-sizing:border-box}body{margin:0}.wrap{width:min(1160px,calc(100% - 36px));margin-inline:auto}a{color:var(--blue);text-underline-offset:.2em}header{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--dark)}nav{display:flex;gap:clamp(10px,3vw,25px);font-size:.86rem}.brand{font-weight:850;text-decoration:none;color:var(--dark);letter-spacing:-.035em;font-size:1.18rem}.intro{padding:clamp(25px,6vw,68px) 0;display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:15px}.intro h1{font:400 clamp(3.1rem,9vw,8.1rem)/.84 Georgia,serif;letter-spacing:-.077em;margin:0;color:var(--blue)}.intro p{max-width:33ch;font-size:1.12rem;margin:0 0 3px;color:var(--muted)}.work{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.35fr);gap:14px;align-items:start}.panel{padding:clamp(13px,2.4vw,23px);border:1px solid var(--line);background:var(--panel);border-radius:9px}.section-head,.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.section-head{justify-content:space-between}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.extra{margin-bottom:9px}h2{margin:0 0 10px;letter-spacing:-.034em;font-size:1.3rem}label{display:grid;gap:3px;font-size:.86rem;font-weight:700}label span{font-size:.77rem;color:var(--muted);font-weight:450}input,button,select,textarea{font:inherit;color:inherit;border:1px solid var(--line);border-radius:5px;min-width:0;min-height:40px}input,select,textarea{width:100%;background:#fff;padding:7px}button{padding:6px 10px;background:var(--blue);color:#fff;border-color:var(--blue);font-size:.84rem;font-weight:750;cursor:pointer}button.quiet{color:var(--blue);background:transparent}button:disabled{opacity:.55;cursor:default}button:hover:not(:disabled){box-shadow:0 0 0 1px currentColor inset}:focus-visible{outline:3px solid #a26026;outline-offset:2px}fieldset{padding:0;margin:12px 0 0;border:0}legend{font-size:.86rem;font-weight:760;margin-bottom:3px}.check{display:flex;align-items:center;gap:5px;margin-top:3px}.check input{width:15px;height:15px;min-height:0;accent-color:var(--blue)}#storage,#selected,#summary,#copy-status{font-size:.88rem;color:var(--muted);margin:4px 0}.role{padding:10px 8px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.role:first-of-type{margin-top:8px}.role.selected{background:var(--lime);border-radius:4px}.role h3{margin:0;font-size:1.05rem}.role p{margin:4px 0 0;color:var(--muted);font-size:.86rem}.role button{min-height:36px}.draft{margin-top:14px}.draft .section-head{margin-bottom:12px}.draft h2{margin-bottom:2px}.draft>.actions{margin-top:8px}.guide{max-width:70ch;border-top:1px solid var(--line);padding-top:16px;margin:32px 0 43px}
@media(max-width:800px){.intro,.work{grid-template-columns:1fr}.intro p{max-width:42ch}}@media(max-width:430px){.field-grid,.role{grid-template-columns:1fr}.role button{justify-self:start}}