.drafting-page .drafting-hero-note { align-self:center; padding:38px; border:1px solid #637783; border-radius:14px; background:#203746; }
.drafting-page .drafting-small-label { margin:0 0 10px; font:600 12px/1.4 "Helvetica Neue",Arial,sans-serif; letter-spacing:.09em; text-transform:uppercase; }
.drafting-page .drafting-hero-note > p { font:clamp(23px,2.5vw,33px)/1.5 Georgia,serif; color:#f4f7fa; }
.drafting-page .drafting-hero-line { display:flex; flex-wrap:wrap; gap:12px 24px; padding-top:24px; border-top:1px solid #637783; color:#d8e8f4; font-size:14px; }
.drafting-page #drafting-demo { scroll-margin-top:90px; }
.drafting-page .drafting-window { overflow:hidden; border:1px solid #b9c9d4; border-radius:14px; box-shadow:0 22px 65px #1727350b; background:#f4f7fa; color:#223341; }
.drafting-page .drafting-stages { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1px; margin:0; padding:0; list-style:none; border-bottom:1px solid #c7d3dc; background:#c7d3dc; }
.drafting-page .drafting-stages li { display:flex; align-items:center; gap:9px; padding:18px 15px; background:#f4f7fa; font-size:13px; line-height:1.4; color:#516b7c; }
.drafting-page .drafting-stages li > span { color:#637d8e; font-size:11px; }
.drafting-page .drafting-stages li[aria-current="step"] { background:#d8e8f4; color:#172735; font-weight:700; box-shadow:inset 0 -3px #b6a47c; }
.drafting-page .drafting-stages li.is-complete { color:#294d5e; background:#e8f0f4; }
.drafting-page .drafting-workspace { display:grid; grid-template-columns:260px minmax(0,1fr); }
.drafting-page .drafting-context { padding:28px 24px; background:#edf3f6; border-right:1px solid #c7d3dc; }
.drafting-page .drafting-context h3 { margin:0; font:32px/1.15 Georgia,serif; }
.drafting-page .drafting-context > .quiet { margin:8px 0 26px; color:#516b7c; font-size:14px; }
.drafting-page .drafting-facts { margin:0; }
.drafting-page .drafting-facts > div { padding:17px 0; border-top:1px solid #cad6de; }
.drafting-page .drafting-facts dt { margin-bottom:6px; font-size:12px; font-weight:700; color:#516b7c; }
.drafting-page .drafting-facts dd { margin:0; font-size:15px; line-height:1.6; }
.drafting-page .drafting-gap { margin-top:17px; padding:17px; border:1px solid #d0c5ad; border-radius:7px; background:#f7f5ee; }
.drafting-page .drafting-gap > p { margin:12px 0 7px; font-weight:650; font-size:15px; }
.drafting-page .drafting-gap > small { display:block; font-size:13px; line-height:1.55; color:#665d48; }
.drafting-page .drafting-source-list { display:flex; flex-direction:column; align-items:flex-start; margin-top:23px; gap:10px; }
.drafting-page .drafting-source-list .source-link { text-align:left; }
.drafting-page .drafting-main { min-width:0; padding:32px; }
.drafting-page .drafting-main > section + section { margin-top:32px; padding-top:30px; border-top:1px solid #c7d3dc; }
.drafting-page .drafting-panel-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:21px; }
.drafting-page .drafting-panel-heading h3 { margin:0; font:clamp(24px,2.6vw,32px)/1.2 Georgia,serif; letter-spacing:-.02em; }
.drafting-page .drafting-tag { flex:none; padding:6px 9px; border:1px solid #c2d0da; border-radius:4px; font-size:11px; line-height:1.3; color:#496273; background:#fff; }
.drafting-page .drafting-kind-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 20px; }
.drafting-page .drafting-kind-tabs button { min-height:44px; padding:10px 15px; border:1px solid #adbfcf; border-radius:5px; background:#fff; color:#284757; font:600 15px/1.3 "Helvetica Neue",Arial,sans-serif; cursor:pointer; }
.drafting-page .drafting-kind-tabs button[aria-pressed="true"] { color:#fff; background:#243f50; border-color:#243f50; }
.drafting-page .drafting-assignment-copy { max-width:60ch; margin:0 0 22px; font-size:17px; line-height:1.65; }
.drafting-page .drafting-help { margin:12px 0 0; font:14px/1.6 "Helvetica Neue",Arial,sans-serif; color:#516b7c; }
.drafting-page .drafting-editor-label { display:block; margin:23px 0 9px; font-size:14px; font-weight:700; }
.drafting-page .drafting-editor { display:block; width:100%; min-height:420px; max-height:1000px; resize:vertical; padding:24px; border:1px solid #b9c9d4; border-radius:6px; background:#fff; color:#223341; font:17px/1.7 Georgia,"Times New Roman",serif; }
.drafting-page .drafting-editor:focus { outline:3px solid #8aafc7; outline-offset:2px; }
.drafting-page .drafting-editor-actions { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-top:22px; }
.drafting-page .drafting-editor-actions .drafting-help { margin:0; }
.drafting-page .drafting-review-list { display:grid; gap:18px; padding:0; margin:24px 0; list-style:none; }
.drafting-page .drafting-review-list > li { display:flex; align-items:flex-start; gap:14px; padding:19px; border:1px solid #c7d3dc; border-radius:6px; background:#fff; }
.drafting-page .drafting-check-number { width:28px; height:28px; display:grid; place-items:center; flex:none; border:1px solid #b8a47a; border-radius:50%; color:#796337; font-size:11px; }
.drafting-page .drafting-review-list h4 { margin:1px 0 7px; font-size:17px; }
.drafting-page .drafting-review-list p { margin:0 0 10px; font-size:15px; line-height:1.65; }
.drafting-page .drafting-correction { padding:24px; border:1px solid #b9ccd8; border-left:3px solid #849eaf; background:#e9f1f6; border-radius:6px; }
.drafting-page .drafting-correction h4 { margin:0; font:25px/1.25 Georgia,serif; }
.drafting-page .drafting-correction > p:not(.drafting-small-label):not(.drafting-help) { margin:13px 0 18px; font-size:16px; line-height:1.65; }
.drafting-page .drafting-comparison { margin-top:24px; border:1px solid #c0cfd9; border-radius:6px; overflow:hidden; background:white; }
.drafting-page .drafting-comparison summary,.drafting-page .drafting-saved details > summary { min-height:48px; padding:15px 18px; cursor:pointer; font-size:15px; font-weight:650; }
.drafting-page .drafting-comparison-grid { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #c0cfd9; }
.drafting-page .drafting-comparison-grid > div { min-width:0; padding:20px; }
.drafting-page .drafting-comparison-grid > div + div { background:#f1f7fa; border-left:1px solid #c0cfd9; }
.drafting-page .drafting-comparison-grid h4 { margin:0 0 16px; font-size:13px; color:#516b7c; }
.drafting-page .drafting-comparison-grid pre,.drafting-page .drafting-saved-text { white-space:pre-wrap; overflow-wrap:anywhere; font:15px/1.75 Georgia,serif; margin:0; color:#223341; }
.drafting-page .drafting-save { margin-top:25px; }
.drafting-page .drafting-review-confirm { display:flex; align-items:flex-start; gap:11px; margin:0 0 20px; padding-block:8px; font-size:16px; line-height:1.6; cursor:pointer; }
.drafting-page .drafting-review-confirm input { width:21px; height:21px; margin:2px 0 0; flex:none; accent-color:#243f50; }
.drafting-page button:disabled { opacity:.52; cursor:not-allowed; }
.drafting-page .drafting-saved { border:1px solid #b5c9d4!important; padding:25px!important; background:#e7f0f4; border-radius:8px; }
.drafting-page .drafting-saved > p { font-size:16px; line-height:1.6; }
.drafting-page .drafting-saved-meta { font-weight:650; color:#294a5c; }
.drafting-page .drafting-saved-sources { display:flex; flex-wrap:wrap; gap:12px; margin:17px 0; }
.drafting-page .drafting-saved details { background:#fff; border:1px solid #c1d0d9; border-radius:5px; }
.drafting-page .drafting-saved-text { padding:4px 20px 24px; }
.drafting-page .drafting-saved-actions { display:flex; align-items:center; flex-wrap:wrap; gap:13px; margin-top:22px; }
.drafting-page .drafting-reset { min-height:44px; padding:10px 14px; border:1px solid #9bb2c1; border-radius:5px; background:transparent; color:#294a5c; font:600 14px/1.4 "Helvetica Neue",Arial,sans-serif; cursor:pointer; }
.drafting-page .drafting-announcement { min-height:1.6em; margin:24px 0 0; padding-top:16px; border-top:1px solid #cfdae1; color:#405d70; font-size:14px; line-height:1.6; }
.drafting-page .drafting-scope-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:42px; }
.drafting-page .drafting-source-change { margin:38px 0 44px; padding:28px; border:1px solid #b7c9d5; border-radius:10px; background:#fff; }
.drafting-page .drafting-source-change > h3 { margin:0 0 23px; font:29px/1.25 Georgia,serif; color:#223341; }
.drafting-page .drafting-source-change-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.drafting-page .drafting-source-change-grid > article + article { padding-left:30px; border-left:1px solid #c9d5de; }
.drafting-page .drafting-source-change-grid article > span { display:block; margin-bottom:15px; font-size:13px; font-weight:650; color:#516b7c; }
.drafting-page .drafting-source-change-grid p { margin:12px 0 0; font:18px/1.65 Georgia,serif; color:#223341; }
.drafting-page .drafting-scope-grid > article { padding-top:25px; border-top:1px solid #aabecb; }
.drafting-page .drafting-scope-grid article > span { color:#516b7c; font-size:12px; }
.drafting-page .drafting-scope-grid h3 { margin:15px 0 12px; font:28px/1.2 Georgia,serif; color:#223341; }
.drafting-page .drafting-scope-grid p { margin:0; font-size:16px; line-height:1.7; color:#516b7c; }
.drafting-page [hidden] { display:none!important; }
@media(max-width:1050px) {
 .drafting-page .drafting-workspace { grid-template-columns:220px minmax(0,1fr); }
 .drafting-page .drafting-context { padding:24px 18px; }
 .drafting-page .drafting-main { padding:24px; }
 .drafting-page .drafting-panel-heading { flex-direction:column; gap:12px; }
 .drafting-page .drafting-stages li { align-items:flex-start; flex-direction:column; padding:14px 12px; }
 .drafting-page .drafting-comparison-grid { grid-template-columns:1fr; }
 .drafting-page .drafting-comparison-grid > div + div { border-left:0; border-top:1px solid #c0cfd9; }
}
@media(max-width:760px) {
 .drafting-page .drafting-workspace { grid-template-columns:1fr; }
 .drafting-page .drafting-context { border-right:0; border-bottom:1px solid #c7d3dc; }
 .drafting-page .drafting-facts { display:grid; grid-template-columns:1fr 1fr; gap:0 20px; }
 .drafting-page .drafting-gap { margin-top:10px; }
 .drafting-page .drafting-source-list { flex-direction:row; flex-wrap:wrap; }
 .drafting-page .drafting-stages { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .drafting-page .drafting-stages li { font-size:12px; }
 .drafting-page .drafting-scope-grid { grid-template-columns:1fr 1fr; }
 .drafting-page .drafting-source-change-grid { grid-template-columns:1fr; gap:23px; }
 .drafting-page .drafting-source-change-grid > article + article { padding:23px 0 0; border-left:0; border-top:1px solid #c9d5de; }
 .drafting-page .drafting-editor { padding:18px; font-size:16px; min-height:450px; }
 .drafting-page .drafting-hero-note { padding:28px; }
}
@media(max-width:480px) {
 .drafting-page .drafting-main { padding:22px 17px; }
 .drafting-page .drafting-facts { grid-template-columns:1fr; }
 .drafting-page .drafting-facts > div { padding:13px 0; }
 .drafting-page .drafting-correction,.drafting-page .drafting-saved { padding:19px!important; }
 .drafting-page .drafting-scope-grid { grid-template-columns:1fr; }
 .drafting-page .drafting-review-list > li { padding:16px 13px; gap:10px; }
 .drafting-page .drafting-editor-actions { align-items:stretch; flex-direction:column; }
}