:root{color-scheme:light;--ink:#172f2a;--muted:#51635e;--accent:#165e4e;--paper:#fff;--wash:#f3f7f4;--line:#d6e0dc;--field-border:#748c81;--selected:#e1eee7;--danger:#922e27;--amber:#795417;--rail:300px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.55;accent-color:var(--accent)}
*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}p,h1,h2,h3,h4,li,span{overflow-wrap:anywhere}p{margin:0 0 12px;white-space:pre-line}h1{font-size:1.8rem;line-height:1.2;letter-spacing:-.025em;margin:0 0 12px;font-weight:650}h2{font-size:1.25rem;line-height:1.35;letter-spacing:-.015em;margin:0 0 16px;font-weight:650}h3{font-size:1rem;margin:24px 0 8px;font-weight:650}h4{font-size:.875rem;margin:16px 0 4px}ul{padding-left:22px}li{margin-bottom:8px}::selection{background:#cde9d8;color:var(--ink)}input,textarea{caret-color:var(--accent)}
button,input,textarea,select{font:inherit;color:inherit}button{border:1px solid var(--line);background:var(--paper);border-radius:6px;min-height:44px;padding:8px 16px;font-size:.875rem;font-weight:600;cursor:pointer;line-height:1.4}button:hover{background:var(--wash);border-color:#889d95}button:active{background:var(--selected)}button.primary{background:var(--accent);color:white;border-color:var(--accent)}button.primary:hover{background:#104c3e}button.quiet{border:0;background:transparent}button:disabled{color:var(--muted);background:var(--wash);opacity:.6;cursor:default;border-color:var(--line)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input,textarea,select{width:100%;min-height:44px;border:1px solid var(--field-border);border-radius:6px;padding:10px 12px;background:var(--paper);font-size:.9375rem}input::placeholder,textarea::placeholder{color:var(--muted)}textarea{resize:vertical;display:block;line-height:1.5}label{display:block;font-size:.8125rem;font-weight:600;margin:16px 0 6px}label>input,label>select{margin-top:6px}summary{cursor:pointer;color:var(--accent);font-size:.875rem;padding:12px 0;font-weight:600}details>p,details>ul{font-size:.9375rem}details[open]{padding-bottom:12px}fieldset{border:0;margin:0;padding:0}legend{font-size:.8125rem;font-weight:600;margin-bottom:8px}.small{font-size:.8125rem}.muted{color:var(--muted)}.count{font-size:.875rem;color:var(--muted);font-weight:400;margin-left:8px;font-variant-numeric:tabular-nums}.skip-link{position:fixed;z-index:10;top:-100px;left:16px;background:white;padding:12px}.skip-link:focus{top:8px}.loading{padding:48px;color:var(--muted)}
.app-header{display:flex;align-items:center;gap:24px;padding:12px 32px;border-bottom:1px solid var(--line);background:var(--wash)}.brand{font-size:1.0625rem;letter-spacing:-.02em;font-weight:700;text-decoration:none;color:var(--ink);padding:8px 0;white-space:nowrap}.storage-note{font-size:.8125rem;color:var(--muted)}.language-control{margin:0 0 0 auto;display:flex;align-items:center;gap:8px;font-weight:400}.language-control select{width:auto;min-height:36px;padding:4px 8px;margin:0;font-size:.8125rem}.global-notice{padding:12px 32px;background:var(--selected);font-size:.875rem;border-bottom:1px solid var(--line)}.global-notice.error{color:var(--danger);background:#fff0ed}.form-error{color:var(--danger);font-size:.875rem;margin-top:16px;padding:12px;background:#fff0ed}.form-error button{display:block;margin-top:12px}.home{max-width:1180px;margin:auto;padding:48px 40px 80px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.page-heading p{max-width:65ch}.home-section{margin-top:40px}.feature-list{border-top:1px solid var(--line)}.feature-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.feature-row h3{font-size:1.125rem;margin:0 0 6px}.feature-row p{margin:0;font-size:.875rem}.run-list{border-top:1px solid var(--line)}.run-row{display:grid;grid-template-columns:minmax(0,1fr) 230px 100px;gap:32px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.run-row:hover{background:var(--wash)}.run-description h3{margin:0 0 6px;font-size:1.0625rem}.run-description p{font-size:.875rem;margin-bottom:4px}.run-progress{font-size:.8125rem;font-variant-numeric:tabular-nums}.run-progress progress{display:block;width:100%;height:6px;border:0;margin:8px 0;background:var(--line);border-radius:2px}.run-progress progress::-webkit-progress-bar{background:var(--line)}.run-progress progress::-webkit-progress-value{background:var(--accent)}.run-progress progress::-moz-progress-bar{background:var(--accent)}.status-text{color:var(--muted)}.row-action{font-size:.875rem;color:var(--accent);font-weight:600;text-align:right}.empty{padding:32px 0;border-top:1px solid var(--line)}.empty p:first-child{font-weight:600}
.run-header{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;padding:24px 32px 16px;border-bottom:1px solid var(--line)}.run-header h1{font-size:1.375rem;margin:8px 0}.breadcrumb{font-size:.8125rem}.run-header p{margin:0}.run-summary{text-align:right;flex-shrink:0}.run-summary>p{margin:8px 0;font-variant-numeric:tabular-nums}.summary-outcomes{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;font-size:.8125rem}.summary-outcomes>span{display:flex;gap:6px;align-items:center}.summary-outcomes strong{font-variant-numeric:tabular-nums}.run-help{padding:12px 32px;background:var(--wash);font-size:.8125rem;margin:0;border-bottom:1px solid var(--line)}.runner-layout{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);align-items:start}.scenario-rail{background:var(--wash);border-right:1px solid var(--line);position:sticky;top:0;max-height:100vh;max-height:100dvh;min-height:0}#scenario-nav{display:flex;flex-direction:column;max-height:100vh;max-height:100dvh}.list-tools{padding:20px 20px 12px;flex-shrink:0}.list-tools label{margin-top:12px}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.list-heading h2{font-size:1rem;margin:0}.list-tools #list-count{margin:12px 0 0;font-variant-numeric:tabular-nums}.filters{border-bottom:1px solid var(--line);margin-top:8px}.filters label:first-of-type{margin-top:0}.case-list{overflow:auto;min-height:0;overscroll-behavior:contain}.case-list ul{list-style:none;padding:0;margin:0}.case-list li{margin:0}.case-list a{display:block;text-decoration:none;color:var(--ink);padding:16px 20px;border-top:1px solid var(--line)}.case-list a:hover{background:#ebf2ed}.case-list a[aria-current]{background:var(--selected);box-shadow:inset 0 0 0 1px #a7c4b5}.case-list a:focus-visible{outline-offset:-4px}.list-topic{display:block;font-size:.75rem;color:var(--muted);margin-bottom:4px}.list-title{display:block;font-size:.875rem;font-weight:600;line-height:1.5}.list-meta{display:flex;gap:6px 10px;align-items:center;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:.6875rem}.empty-list{padding:24px 20px;font-size:.875rem}.outcome{display:inline-block;font-size:.75rem;font-weight:600;padding:2px 7px;border-radius:4px;background:#e9eeeb;color:var(--muted);white-space:nowrap}.outcome-passed{background:#e2f0e6;color:#24603a}.outcome-failed{background:#fce7e3;color:#8c3028}.outcome-blocked{background:#fff0cf;color:#705010}.outcome-skipped{background:#eeeaf5;color:#665275}.case-area{min-width:0}.case-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 32px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2}.case-buttons{display:flex;gap:8px}.case-toolbar #case-position{font-variant-numeric:tabular-nums}.case-area article{padding:32px;max-width:1200px;margin:auto}.case-heading{margin-bottom:24px}.case-heading h2{font-size:1.5rem;line-height:1.3;max-width:55ch}.case-heading p{font-size:.9375rem}.case-meta{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:.8125rem;color:var(--muted);margin-bottom:12px}.test-form{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}.instructions{min-width:0;max-width:75ch}.instructions h3:first-child{margin-top:0}.instructions>section{margin-bottom:24px}.preparation{background:var(--wash);padding:16px 20px}.preparation h3{margin:0 0 4px}.preparation details{border-top:1px solid var(--line)}.preparation details:first-of-type{border:0}.assistance{padding:16px 0}.steps{list-style:decimal;padding-left:24px;margin:24px 0}.steps>li{padding:20px 0 20px 8px;border-top:1px solid var(--line);margin:0}.steps>li::marker{color:var(--accent);font-weight:650}.step-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px}.step-row strong{font-size:.8125rem}.step-row p{margin:0 0 12px}.step-observation{margin-top:4px}.step-observation summary{font-size:.8125rem;padding:4px 0;min-height:32px}.step-observation label{font-weight:400}.references{border-top:1px solid var(--line);font-size:.8125rem}.references li{overflow-wrap:anywhere}.result-editor{border-top:1px solid var(--line);padding-top:24px}.result-editor>h3{margin:0 0 8px;font-size:1.125rem}.result-editor>label{margin-top:20px}.outcome-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.outcome-options legend{float:left;grid-column:1/-1;width:100%}.outcome-choice{margin:0;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;min-height:44px;padding:8px 10px;cursor:pointer;background:white}.outcome-choice input{width:16px;height:16px;min-height:0;padding:0;margin:0;flex-shrink:0}.outcome-choice.selected{background:var(--selected);border-color:var(--accent)}.save-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.save-actions button{flex:1}.save-actions #save-next{flex-basis:100%}.result-editor #save-state{margin:16px 0 0}.last-result{border:1px solid var(--line);padding:16px 20px;margin:24px 0}.last-result>h3{margin:0 0 8px;font-size:.875rem}.saved-summary p{font-size:.9375rem;margin:8px 0}.saved-summary ul{font-size:.875rem}.saved-summary>span{vertical-align:middle}.saved-summary .small{margin-left:8px}.draft-notice{background:#fff4da;color:#674600;font-size:.875rem;padding:12px 16px}.history-section{border-top:1px solid var(--line);margin-top:40px;padding-top:8px}.history-section details{border-top:1px solid var(--line)}.history-section details:first-of-type{border-top:0}.history-section summary{color:var(--ink)}
dialog{border:1px solid var(--line);border-radius:12px;padding:24px;max-width:min(640px,calc(100vw - 32px));width:100%;max-height:calc(100dvh - 32px);color:var(--ink);background:var(--paper)}dialog::backdrop{background:rgb(15 35 28 / .45)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.dialog-header h2{margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid>label{min-width:0}.import-review{border-top:1px solid var(--line);margin-top:24px}.import-review li{font-size:.875rem}.import-review button{margin-top:16px}.mobile-only,#close-scenarios{display:none}#scenario-dialog{border:0;border-radius:0;padding:0;max-width:none;max-height:none;margin:0;width:100%;height:100%;height:100dvh;background:var(--wash)}#scenario-dialog #scenario-nav{height:100%;max-height:none}#scenario-dialog #close-scenarios{display:block}
@media(min-width:1150px){.test-form{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.result-editor{border-top:0;border-left:1px solid var(--line);padding:0 0 0 24px;position:sticky;top:88px;align-self:start;max-height:calc(100dvh - 112px);overflow:auto}.step-row{display:block}.step-row strong{display:block;margin-bottom:4px}}
@media(min-width:761px) and (max-width:1050px){:root{--rail:270px}.case-area article{padding:24px}.case-toolbar{padding:12px 24px}.case-toolbar .desktop-only{display:none}.run-summary{max-width:330px}.summary-outcomes{gap:8px}.step-row{grid-template-columns:100px minmax(0,1fr);gap:12px}}
@media(max-width:760px){h1{font-size:1.5rem}.app-header{padding:12px 20px;gap:12px;flex-wrap:wrap}.storage-note{order:3;flex-basis:100%;font-size:.75rem}.language-control{font-size:.75rem}.home{padding:28px 20px 48px}.page-heading{display:block}.page-heading>button{margin-top:8px}.home-section{margin-top:32px}.feature-row{align-items:flex-start;gap:16px}.feature-row h3{font-size:1rem}.feature-row button{flex-shrink:0}.run-row{grid-template-columns:minmax(0,1fr);gap:12px;padding:20px 0}.run-progress{max-width:100%}.row-action{text-align:left}.run-header{display:block;padding:20px}.run-header h1{font-size:1.25rem}.run-summary{text-align:left;margin-top:16px}.summary-outcomes{justify-content:flex-start;gap:8px}.run-help{padding:12px 20px}.runner-layout{display:block}.scenario-rail{display:none}.case-toolbar{padding:8px 20px;gap:8px}.case-toolbar #case-position{display:none}.mobile-only{display:block}.desktop-only{display:none}.case-buttons{gap:4px}.case-buttons button{padding:8px 12px}.case-area article{padding:24px 20px}.case-heading h2{font-size:1.375rem}.case-meta{gap:6px 12px}.step-row{display:block}.step-row strong{display:block;margin-bottom:4px}.steps>li{padding-left:4px}.result-editor{padding-top:24px}.test-form{gap:24px}.preparation{padding:16px}.last-result{padding:16px}.global-notice{padding:12px 20px}.form-grid{grid-template-columns:1fr;gap:0}dialog{padding:20px}.dialog-actions{flex-wrap:wrap}.dialog-actions button{flex:1}.list-tools{padding-top:16px}#scenario-dialog{padding-bottom:env(safe-area-inset-bottom)}.history-section{margin-top:32px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.saved-summary a,.saved-summary p{overflow-wrap:anywhere;white-space:pre-wrap}

.name-control{display:flex;align-items:center;gap:8px;margin:0 0 0 auto;font-weight:400;flex-shrink:0}.name-control input{width:170px;margin:0;font-size:.8125rem;min-height:36px;padding:6px 10px}.language-control{margin-left:0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px;margin-top:32px}.feature-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;padding:24px;text-decoration:none;color:var(--ink);min-width:0}.feature-card:hover{border-color:var(--accent);background:var(--wash)}.feature-card:active{background:var(--selected)}.feature-card h2{font-size:1.125rem;margin-bottom:8px}.feature-card>p{font-size:.875rem}.card-outcomes{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 24px;font-size:.8125rem}.card-outcomes>span{display:flex;align-items:center;gap:6px}.card-footer{margin-top:auto;display:flex;gap:16px;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--line);padding-top:16px}.card-action{font-size:.875rem;font-weight:600;color:var(--accent);white-space:nowrap}.feature-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 32px;border-bottom:1px solid var(--line)}.feature-header h1{font-size:1.5rem;margin:8px 0}.feature-header p{margin:0}.feature-summary{text-align:right}.feature-summary>summary{padding:0}.feature-summary[open]{padding-bottom:0}.feature-summary>button{margin-top:16px}.case-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.case-title-row>button{flex-shrink:0}.saved-record{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:24px}.saved-record summary{font-size:.8125rem}.remote-notice{margin:0;padding:12px 32px;background:#fff4da;color:#674600;font-size:.875rem}.definition-step{border-top:1px solid var(--line);padding-top:8px;margin-top:24px}.definition-step-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.definition-step-header>div{display:flex;gap:4px}.definition-step-header h3{margin:0}.definition-step label{margin-bottom:16px}.definition-step textarea{margin-top:6px}.history-steps strong{font-size:.8125rem}.history-steps li{margin-bottom:20px}#definition-form{max-width:75ch}#definition-form>#add-step{margin-top:16px}#definition-form>.save-actions{justify-content:flex-end}#definition-form>.save-actions>button{flex:initial}.evidence-details{margin-top:12px}#result-form #save-next{flex-basis:initial}.feature-card strong{font-variant-numeric:tabular-nums}
@media(max-width:1050px){.app-header{flex-wrap:wrap}.storage-note{order:4;flex-basis:100%;font-size:.75rem}.feature-summary{max-width:300px}.case-title-row{display:block}.case-title-row>button{margin-bottom:16px}.app-header{gap:16px}}
@media(max-width:760px){.app-header{gap:8px 16px}.name-control{order:3;margin:0;flex:1;min-width:0;gap:8px}.name-control input{width:100%;min-width:0;font-size:1rem;min-height:44px}.language-control{order:3;margin-left:0;gap:6px}.language-control select{min-height:44px;font-size:1rem;max-width:110px}.feature-grid{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:24px}.feature-card{padding:20px}.feature-header{display:block;padding:12px 20px}.feature-header h1{font-size:1.25rem}.feature-summary{max-width:none;margin-top:8px;text-align:left}.feature-summary>summary{min-height:44px;padding:12px 0}.feature-summary .summary-outcomes{margin:8px 0 12px}.feature-summary>button{margin-top:0}.feature-summary .summary-outcomes{justify-content:flex-start}.remote-notice{padding:12px 20px}.definition-step-header{align-items:flex-start;flex-direction:column;gap:8px}.definition-step-header>div{flex-wrap:wrap}.definition-step-header button{padding:8px 12px}}

/* Keep short authored sentences on their own lines, including preparation lists. */
.access-panel{width:min(100%,400px);padding:8px}.access-panel h1{font-size:1.5rem;margin:0 0 16px}.access-panel>p{margin:0 0 24px;max-width:40ch}.access-panel form{display:grid;gap:12px}.access-panel form>label:not(.access-switch){margin:8px 0 0;font-weight:600}.access-panel input{min-width:0;width:100%;min-height:44px;font-size:1rem}.access-panel button{min-height:44px;margin-top:12px}.access-panel .access-switch{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;line-height:1.5}.access-panel .access-switch input{width:20px;min-height:20px;flex-shrink:0;margin-top:1px}#auth-dialog{width:min(448px,calc(100vw - 32px));padding:24px}#auth-dialog [hidden]{display:none}#sign-out{min-height:44px;white-space:nowrap}#display-name[readonly]{border-color:transparent;background:transparent;cursor:default;padding-left:0}#main[hidden]{display:none}@media(max-width:760px){#sign-out{grid-column:3;grid-row:3;justify-self:end}.access-panel{padding:0}#auth-dialog{padding:24px 20px}}
.authored{white-space:pre-line}

/* Keep navigation recovery and editor dependencies visible at every width. */
.navigation-feedback{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 32px;border-bottom:1px solid var(--line);background:#fff4da;color:#674600;font-size:.875rem}
.navigation-feedback button{flex-shrink:0}
.editor-context{max-width:75ch;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0}
.editor-context>.assistance{padding:8px 0}
@media(max-width:760px){.app-header{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content}.brand{grid-column:1;grid-row:1}.storage-note{grid-column:2/4;grid-row:1;text-align:right;align-self:center}.name-control{grid-column:1/3;grid-row:2}.name-control>span{white-space:nowrap}.language-control{grid-column:3;grid-row:2}}
@media(min-width:761px){.feature-summary>summary{display:none}}
@media(max-width:760px){.app-header{padding:8px 20px}.case-toolbar{flex-wrap:wrap}.case-toolbar #open-scenarios{font-size:.8125rem;padding:8px 10px;white-space:nowrap}.case-buttons button{font-size:.8125rem;padding:8px 10px}.navigation-feedback{padding:12px 20px;flex-wrap:wrap;gap:8px}.navigation-feedback button{min-width:0}.case-area article{padding-top:20px}.case-heading{margin-bottom:20px}.case-heading .case-meta{margin-bottom:8px}.case-title-row>button{margin-bottom:8px}.feature-header h1{margin:4px 0}.step-observation summary{min-height:44px;padding:10px 0}}

/* Preserve secondary navigation on compact toolbars without another button row. */
.case-more{position:relative;flex-shrink:0}
.case-more[open]{padding-bottom:0}
.case-more>summary{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);line-height:1.4;white-space:nowrap;list-style-position:inside}
.case-more>summary:hover{background:var(--wash);border-color:#889d95}
@media(min-width:1051px){.case-more>summary{display:none}}
@media(max-width:1050px){.case-more>div{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;max-width:calc(100vw - 40px);padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--paper);z-index:3}.case-more button{width:100%}}
@media(max-width:760px){.case-more>summary{font-size:.8125rem;padding:8px 10px}}
.result-case-title{font-size:.875rem;font-weight:600;line-height:1.5;margin:0 0 12px}
@media(min-width:1150px){.result-case-title{display:none}}

/* Priority is independent of the recorded outcome and never uses result colors. */
.case-priority{font-weight:650;font-size:.75rem;color:var(--muted)}
.case-priority.priority-p1{color:var(--accent)}
.priority-summary{display:flex;gap:4px 10px;flex-wrap:wrap;font-size:.8125rem;color:var(--muted);font-variant-numeric:tabular-nums}
.priority-summary>strong{color:var(--accent)}
.feature-card .priority-summary{margin:0 0 20px}
.feature-summary .priority-summary{justify-content:flex-end;margin:12px 0 0}
@media(max-width:760px){.feature-summary .priority-summary{justify-content:flex-start;margin:8px 0 12px}}
@media(max-height:650px){#scenario-nav{overflow:auto}.list-tools{flex-shrink:initial}.case-list{overflow:visible;flex-shrink:0}}
#password-dialog{width:min(448px,calc(100vw - 32px))}#password-dialog [hidden]{display:none}#password-dialog h2{font-size:1.5rem;margin:0 0 16px}.access-panel .dialog-actions{margin-top:8px}.access-panel .dialog-actions button{margin-top:0}

/* Account settings reuse the dashboard's flat sections and native controls. */
#settings-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;font-size:.875rem;font-weight:600;white-space:nowrap;border-radius:6px;text-decoration:none}
#settings-link:hover,#settings-link[aria-current=page]{background:var(--selected)}
.settings-page{max-width:920px}.settings-page>h1{margin:16px 0 32px}
.account-settings>h2{font-size:1.125rem;margin-bottom:24px}
.account-details{display:flex;gap:24px 64px;flex-wrap:wrap;margin:0 0 24px}.account-details dt{font-size:.8125rem;color:var(--muted);margin-bottom:4px}.account-details dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.password-setting{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:24px 0}.password-setting h3{margin:0 0 8px}.password-setting p{margin:0;max-width:50ch;font-size:.875rem}.password-setting button{flex-shrink:0}
@media(max-width:760px){#settings-link{grid-column:1/3;grid-row:3;justify-self:start}.settings-page{padding:24px 20px 48px}.password-setting{align-items:flex-start;flex-direction:column;gap:16px}.password-setting button{width:100%}.account-details{gap:16px 32px}}