/* Original Bespoke website fonts, served locally. See assets/provenance.json. */
@font-face{font-family:"Barlow Semi Condensed";src:url("/assets/barlow-semi-condensed-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Barlow Semi Condensed";src:url("/assets/barlow-semi-condensed-bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
:root{
  --cream:#F1EDE6;--espresso:#3A2D28;--surface:#EBE3DB;--tan:#CBAD8D;--accent:#A48374;--footer:#D1C7BD;
  --ink:var(--espresso);--muted:var(--espresso);--line:var(--accent);--soft-line:color-mix(in srgb,var(--accent) 48%,var(--cream));--focus:var(--espresso);--danger:var(--espresso);
  font-family:"Barlow Semi Condensed","Arial Narrow",Arial,sans-serif;font-synthesis:none;font-size:18px;font-weight:400;line-height:1.55;letter-spacing:.015em;color:var(--ink);background:var(--cream);color-scheme:light;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
[hidden]{display:none!important}
button,input,textarea,select{font:inherit;letter-spacing:inherit}
button,a,input,textarea,select{touch-action:manipulation}
a{color:var(--espresso);text-underline-offset:.2em;text-decoration-thickness:1px;overflow-wrap:anywhere}
a:hover{text-decoration-thickness:2px}
button{min-height:46px;max-width:100%;border:1px solid var(--espresso);border-radius:0;padding:.6rem 1.45rem;color:var(--cream);background:var(--espresso);font-weight:400;line-height:1.35;text-align:center;cursor:pointer;overflow-wrap:anywhere}
button:hover:not(:disabled){color:var(--espresso);background:var(--tan)}
button.quiet{color:var(--espresso);background:transparent;border-color:var(--accent)}
button.quiet:hover:not(:disabled){background:var(--surface);border-color:var(--espresso)}
button.small{padding:.45rem .9rem;font-size:.9rem}
button:disabled{color:var(--espresso);background:var(--surface);border-color:var(--accent);cursor:default}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
::selection{color:var(--espresso);background:var(--tan)}
h1,h2,h3,h4{color:var(--espresso);font-weight:400;line-height:1.25;letter-spacing:.015em;overflow-wrap:anywhere}
h1{font-size:clamp(1.65rem,2.5vw,1.9rem);margin:.2rem 0 .8rem}
h2{font-size:1.35rem;margin:0 0 .8rem}h3{font-size:1.12rem;margin:1.5rem 0 .6rem}h4{font-size:1rem;margin:1.2rem 0 .4rem}
p{margin:.5rem 0 1rem}strong,b{font-weight:700}.small{font-size:.89rem}.muted{color:var(--muted)}
.eyebrow{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:400;margin:0 0 .45rem}
.header-inner,main,.footer-inner{width:min(calc(100% - 80px),1200px);margin-inline:auto}
.site-header{background:var(--cream);border-bottom:1px solid var(--soft-line)}
.header-inner{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:1.15rem}
.brand{display:flex;align-items:center;gap:1.8rem;min-width:0}
.brand-logo{display:block;width:216px;height:auto;max-width:100%;flex-shrink:0;object-fit:contain}
.brand-title{margin:0;font-size:1.3rem;font-weight:400;line-height:1.25}
.account{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.65rem 1rem;font-size:.9rem}
.beta-label{border:1px solid var(--accent);padding:.18rem .6rem;font-size:.78rem;line-height:1.5;white-space:nowrap}
#user-label{overflow-wrap:anywhere}
main{flex:1;padding-block:1.55rem 3rem;min-width:0}main:focus{outline:none}
.tabs{display:flex;flex-wrap:wrap;gap:0 1.65rem;border-bottom:1px solid var(--soft-line);margin-bottom:1.8rem}
.tabs button{background:transparent;color:var(--espresso);border:0;border-bottom:2px solid transparent;padding:.7rem .1rem;font-size:1rem;min-height:48px}
.tabs button:hover:not(:disabled){background:var(--surface)}
.tabs button[aria-current="page"]{border-bottom-color:var(--espresso);font-weight:700}
.tabs button:focus-visible{outline-offset:-3px}
.view,.view>*,.review-layout>*,.section-heading>*,.brand>*{min-width:0}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.section-heading>button{flex-shrink:0}.intro{max-width:780px;margin-bottom:1.4rem}
.question-form{max-width:900px;margin-top:1.5rem}
label{display:block;color:var(--espresso);font-weight:700;margin:1rem 0 .4rem}
input,textarea,select{display:block;width:100%;max-width:100%;min-width:0;border:1px solid var(--accent);border-radius:0;color:var(--espresso);background:var(--cream);padding:.7rem .8rem}
input,select{min-height:48px}textarea{min-height:7rem;resize:vertical;line-height:1.55}
textarea::placeholder,input::placeholder{color:var(--espresso);opacity:.8}
input:hover:not(:disabled),textarea:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--espresso)}
input:focus,textarea:focus,select:focus{border-color:var(--espresso)}
input:disabled,textarea:disabled,select:disabled{background:var(--surface);color:var(--espresso);opacity:1}
#question{background:var(--surface);min-height:180px}
.form-actions{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;margin-top:1rem}
.form-actions>span{max-width:570px}.form-actions>button{flex-shrink:0}
.form-message{min-height:1.5rem;font-size:.94rem;white-space:pre-line;overflow-wrap:anywhere}
.notice{padding:.85rem 1rem;margin:1rem 0;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);background:var(--surface);white-space:pre-line;overflow-wrap:anywhere}
.notice.error,.form-message.error,p.error{color:var(--espresso);font-weight:700;background:var(--surface);border-block:1px dashed var(--accent);padding:.8rem 1rem}
.error{color:var(--espresso)}[aria-busy="true"]{cursor:progress}
.login-panel{width:100%;max-width:500px;margin:2rem auto 2.5rem}.login-panel h1{margin-bottom:1rem}
.login-panel form{margin:1.5rem 0}.login-panel button{margin-top:1rem;width:100%}
.first-time-setup{background:var(--surface);border-block:1px solid var(--accent);padding:1rem;margin:1rem 0 1.5rem}
.first-time-setup h2{font-size:1.15rem;margin-bottom:.5rem}
.setup-link{display:block;text-align:center;border:1px solid var(--espresso);background:var(--espresso);color:var(--cream);padding:.65rem 1rem;min-height:48px;text-decoration:none}
.setup-link:hover{background:var(--tan);color:var(--espresso)}
.setup-panel{max-width:560px}.setup-panel form p{margin-bottom:1rem}.setup-panel #setup-status{font-size:.94rem}
.conversation{max-width:940px;margin-top:1.5rem}.exchange{padding:1.5rem 0;border-top:1px solid var(--accent)}
.question-text{font-weight:700;white-space:pre-wrap;overflow-wrap:anywhere}.answer-text,.prose{white-space:pre-wrap;overflow-wrap:anywhere}.answer-text{margin-top:1rem}
.status{display:inline-block;max-width:100%;padding:.2rem .65rem;border:1px solid var(--accent);background:var(--surface);color:var(--espresso);font-size:.82rem;line-height:1.4;overflow-wrap:anywhere}
.status-note{font-size:.94rem;margin:.65rem 0}.source-list{padding-left:1.25rem;font-size:.94rem}.source-list li{margin-bottom:.55rem;overflow-wrap:anywhere}
.card-list{display:grid;gap:1rem}.question-card{min-width:0;background:var(--surface);border:1px solid var(--soft-line);padding:1.1rem}
.question-card.selected{border-color:var(--espresso);border-bottom-width:2px}.question-card.selected .status{background:var(--tan)}
.question-card h2{font-size:1.13rem;margin:.8rem 0 .65rem}.question-card p{font-size:.94rem;margin:.6rem 0}.question-card button{font-size:.94rem;padding:.5rem .9rem}
.review-layout{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:1.5rem;align-items:start}
.detail-panel{min-width:0;border:1px solid var(--soft-line);background:var(--surface);padding:1.4rem;overflow-wrap:anywhere}.detail-panel:empty{display:none}#question-detail{margin-top:1.4rem}
.empty{margin:0;padding:1rem 0;font-size:1rem}.metadata{font-size:.82rem;overflow-wrap:anywhere}
.section-rule{border:0;border-top:1px solid var(--accent);margin:1.5rem 0}.approval-panel{border-top:1px solid var(--accent);padding-top:1.1rem;margin-top:1.5rem}.approval-panel button{margin-top:.5rem}
.draft-disclaimer{font-size:.94rem}.record{border-top:1px solid var(--accent);padding-top:1rem;margin:1.3rem 0}.record h3{margin-top:0}
.record dt{font-weight:700;font-size:.94rem;margin-top:.8rem}.record dd{margin:.25rem 0 .8rem;white-space:pre-wrap;overflow-wrap:anywhere}
.inline-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.inline-actions button{font-size:.94rem}
.classification-form{margin-top:1.5rem}summary{cursor:pointer;font-weight:700;padding-block:.65rem;line-height:1.4}.classification-form form{margin-top:.7rem}
.checkbox-label{display:flex;align-items:flex-start;gap:.7rem;font-weight:400;font-size:.94rem}.checkbox-label input{width:1.1rem;height:1.1rem;min-height:0;flex-shrink:0;margin:.25rem 0 0;accent-color:var(--espresso)}
.practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.practice-grid .question-card{display:flex;flex-direction:column;align-items:flex-start}.practice-grid .question-card button{margin-top:auto}
.practice-detail,.validation-detail{margin-top:1.5rem;scroll-margin-top:1rem}.practice-detail>h2{margin-top:.8rem}.practice-history-heading{margin-top:2rem}
.practice-steps{padding-left:1.3rem}.practice-steps li{padding-left:.3rem;margin-bottom:1.1rem}.practice-steps p{margin-bottom:.35rem}
.practice-evidence{margin:1rem 0;overflow-wrap:anywhere}blockquote{border:0;border-block:1px solid var(--soft-line);padding:.9rem 0;margin:1rem 0}.practice-evidence h4{margin-top:1.2rem}
.practice-question{min-width:0;border:1px solid var(--accent);margin:1.3rem 0;padding:.8rem 1rem 1rem;background:var(--cream)}.practice-question legend{font-weight:700;padding:0 .35rem;max-width:100%}
.practice-choice{display:flex;gap:.7rem;align-items:flex-start;font-weight:400;cursor:pointer;margin:.35rem 0;padding:.45rem 0;min-height:44px}.practice-choice input[type="radio"]{width:1.1rem;height:1.1rem;min-height:0;flex-shrink:0;margin:.25rem 0 0;accent-color:var(--espresso)}
.practice-feedback{border-top:1px solid var(--accent);padding:.8rem 0 1rem}.practice-feedback .status{margin-bottom:.6rem}
.validation-current{max-width:960px}.validation-chapter{margin-top:1rem}.validation-current .question-text,.validation-detail .question-text{font-size:1.3rem;font-weight:400;margin-top:.5rem}
.validation-form{margin-top:1.3rem}.validation-form button{margin-top:1rem}.validation-comparison{border-top:1px solid var(--accent);margin-top:1.5rem;padding-top:.65rem}
.formatted-text{white-space:normal}.formatted-text p,.formatted-text li{white-space:pre-line}.formatted-text p{margin:.6rem 0 1rem}
.formatted-text ol,.formatted-text ul{padding-left:1.5rem;margin:.8rem 0 1rem}.formatted-text li{margin:.55rem 0;padding-left:.15rem}
.formatted-text code{font-family:Consolas,monospace;font-size:.85em;overflow-wrap:anywhere}.formatted-text pre{max-width:100%;white-space:pre-wrap;border:1px solid var(--accent);background:var(--cream);padding:.8rem;overflow:auto}.formatted-text h3{margin:1.3rem 0 .6rem}
.read-aloud{margin:1rem 0 1.2rem}.read-aloud .inline-actions{margin-top:0;gap:.5rem}.speech-status{font-size:.82rem;margin:.5rem 0 0;line-height:1.45}
dialog,[role="dialog"]{max-width:min(640px,calc(100vw - 32px));color:var(--espresso);background:var(--cream);border:1px solid var(--accent);border-radius:0;padding:1.5rem;box-shadow:none}dialog::backdrop{background:rgb(58 45 40 / .4)}
.skip-link{position:absolute;left:1rem;top:-5rem;background:var(--cream);border:2px solid var(--espresso);padding:.6rem;z-index:20}.skip-link:focus{top:.5rem}
footer{width:100%;color:var(--espresso);background:var(--footer);border-top:1px solid var(--soft-line);font-size:.82rem}.footer-inner{padding-block:1.25rem 1.4rem}footer p{margin:.25rem 0}
@media(max-width:980px){
  .header-inner,main,.footer-inner{width:calc(100% - 48px)}.brand{gap:1.1rem}.brand-logo{width:190px}.brand-title{font-size:1.18rem}.account{max-width:230px}
  .review-layout{grid-template-columns:minmax(215px,30%) minmax(0,1fr);gap:1rem}.practice-grid{grid-template-columns:1fr}.practice-grid .question-card button{margin-top:.6rem}
}
@media(max-width:700px){
  .header-inner,main,.footer-inner{width:calc(100% - 36px)}.header-inner{align-items:center;gap:1rem;padding-block:1rem}.brand{flex-direction:column;align-items:flex-start;gap:.45rem}.brand-logo{width:174px}.brand-title{font-size:1.12rem}
  .account{max-width:155px;gap:.45rem}.account #user-label{width:100%;text-align:right}main{padding-block:1.1rem 2.2rem}.tabs{gap:0 1.15rem;margin-bottom:1.4rem}.tabs button{font-size:.94rem}
  .review-layout{grid-template-columns:1fr}.form-actions{flex-direction:column;align-items:stretch;gap:.8rem}.form-actions button{width:100%}.section-heading{align-items:flex-start}.section-heading>button{padding-inline:.8rem}
  .login-panel{margin:1.25rem auto 1.5rem}.detail-panel,.question-card{padding:1rem}#question{min-height:170px}
}
@media(max-width:370px){.header-inner,main,.footer-inner{width:calc(100% - 28px)}.brand-logo{width:150px}.header-inner{gap:.65rem}.account{max-width:130px;font-size:.82rem}.tabs{gap:0 .8rem}.inline-actions>button{flex-grow:1}}
@media(prefers-reduced-motion:no-preference){button{transition:background-color .12s ease,border-color .12s ease}}
@media print{.site-header,.tabs,.question-form,button,footer,.read-aloud{display:none}body,main,.detail-panel{color:#000;background:#fff}main{width:100%;max-width:none;padding:0}.review-layout{display:block}.detail-panel{border:0}.status{border-color:#000}}