:root{font-size:16px;--paper:#fffcf5;--ink:#173e36;--green:#286c57;--selected:#e4f2e9;--line:#cbded3;--muted:#64756e}
.shell{max-width:780px}.preview-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0 4px 16px;font-size:.875rem;font-weight:650}.preview-label{font-size:.8125rem;font-weight:400}.hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 26px}.hero h1{font-size:1.5rem}.hero p{font-size:.9375rem;max-width:34em}.hero .text-button{flex-shrink:0;font-size:.875rem}.hero.compact{border:0;background:none;padding:0 4px;box-shadow:none}.hero.compact h1{font-size:1rem}.hero.compact p{display:none}.progress-head{padding:18px 26px 10px;font-size:.875rem}.progress{padding:0 26px 18px}#screen{padding:26px}h2{font-size:clamp(1.5rem,4.5vw,2rem)}.intro{font-size:1rem;margin-bottom:22px}.eyebrow{font-size:.875rem;font-weight:650;color:var(--green);margin:0 0 10px}.field{margin:20px 0}.field>span{font-size:1rem}input[type=text],textarea{font-size:1rem;border-color:var(--line)}textarea{min-height:118px;max-height:280px}.primary,.secondary{font-size:1rem;min-height:52px}.primary{background:var(--green)}.primary:hover{background:#205a48}.text-button{min-height:44px;font-size:.9375rem}.muted,.hint{color:var(--muted);font-size:.875rem}.compact-context{margin:0 0 24px;border-bottom:1px solid var(--line);padding:0 0 12px;font-size:.875rem;color:var(--muted)}.compact-context summary{cursor:pointer;overflow-wrap:anywhere;line-height:1.6;min-height:44px;padding-top:4px}.compact-context .context-edit{display:flex;gap:12px;flex-wrap:wrap;padding-top:6px}.compact-context .text-button{font-size:.875rem}.compact-context p{margin:6px 0}.option-tag{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:var(--selected);color:var(--green);border-radius:9px;font-size:.875rem;margin-right:8px}.option-box{border:1px solid var(--line);padding:16px;border-radius:16px;background:#fffef9;margin:12px 0}.option-box h3{font-size:1rem;margin:0 0 12px;overflow-wrap:anywhere}.option-field-head label{font-weight:650}.option-field-head button{font-size:.875rem}.entry-row{display:flex;align-items:center;gap:10px}.entry-row input{flex:1;min-width:0}.entry-row button{flex-shrink:0}.criterion-list{list-style:none;padding:0;margin:20px 0}.criterion-item{display:flex;align-items:center;gap:10px;margin:10px 0}.criterion-item .number{font-size:.875rem;color:var(--muted);width:20px;flex-shrink:0}.criterion-item input{min-width:0;flex:1;font-size:1rem}.criterion-item .text-button{flex:0 0 auto;font-size:.875rem}.suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.suggestion{border:1px solid var(--line);border-radius:24px;padding:9px 13px;min-height:44px;background:#fffef9;color:var(--green);font-size:.875rem}.suggestion[aria-pressed=true]{background:var(--selected);border:2px solid var(--green);padding:8px 12px}.suggestion[aria-pressed=true]::after{content:' ✓'}.rating-scale{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:7px;margin:12px 0 8px}.rate{position:relative;border:1.5px solid var(--line);border-radius:12px;min-height:48px;background:#fff;color:var(--ink);font-size:1.125rem;font-weight:750;padding:7px 3px}.rate[aria-pressed=true]{border:2px solid var(--green);background:var(--selected);padding:6.5px 2.5px}.rate[aria-pressed=true]::after{content:'✓';font-size:.6875rem;margin-left:3px}.scale-ends{display:flex;justify-content:space-between;gap:12px;font-size:.875rem;color:var(--muted)}.rating-legend{font-size:.875rem;color:var(--muted);margin:0 0 16px}.unknown{font-size:.875rem;min-height:44px;color:var(--muted);border:0;background:transparent;padding:7px 0;text-decoration:underline;text-underline-offset:4px}.unknown[aria-pressed=true]{color:var(--green);font-weight:700}.unknown[aria-pressed=true]::after{content:' ✓'}.rating-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.rating-top h3{margin:0;font-size:1rem}.rating-top details{font-size:.875rem;color:var(--muted)}.option-notes{font-size:.875rem;color:var(--muted);margin-top:8px}.option-notes summary{min-height:44px;padding-top:8px;cursor:pointer}.option-notes p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.stale-note{font-size:.875rem;color:#805b25;background:var(--warm);padding:8px 12px;border-radius:9px;margin:8px 0}.stage-note{background:var(--warm);padding:12px 14px;border-radius:12px;font-size:.875rem}.check-label{min-height:44px;font-size:.9375rem}.check-label input{margin-top:4px}.actionbar{margin-top:26px;display:flex;justify-content:center;gap:12px}.actionbar .primary{width:100%;max-width:390px}.back-row{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.back-row .text-button{font-size:.875rem}.footer-actions{display:flex;justify-content:center;gap:32px;margin-top:18px}.footer-actions .text-button{font-size:.875rem}.safety{font-size:.8125rem;margin:6px auto 20px}.chart{margin:24px 0}.chart-row{margin:18px 0}.chart-label{display:flex;justify-content:space-between;align-items:start;gap:10px;font-size:1rem;overflow-wrap:anywhere;margin-bottom:8px}.chart-label strong{font-weight:650}.chart-label span:last-child{flex-shrink:0;font-size:.9375rem}.bar-track{background:#e8eee8;border-radius:6px;height:17px;overflow:hidden}.bar-fill{height:100%;background:var(--green);border-radius:6px;min-width:0}.chart-row.blocked .bar-fill{background:#8a928d}.chart-row.blocked .chart-label{color:var(--muted)}.chart-note{font-size:.875rem;color:var(--muted);line-height:1.7}.score-caption{padding:16px 18px;background:var(--selected);border-radius:14px;font-size:1rem;margin:20px 0 10px}.score-caption p{margin:8px 0 0}.comparison-explain{margin:18px 0;border-top:1px solid var(--line);padding-top:12px}.comparison-explain>summary{min-height:44px;cursor:pointer;color:var(--green);font-size:.9375rem;padding-top:8px}.criterion-comparison{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:12px}.criterion-comparison h3{font-size:1rem}.compare-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;font-size:.9375rem;margin:9px 0}.compare-line span{overflow-wrap:anywhere}.compare-line strong{white-space:nowrap}.missing-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:8px 0;font-size:.875rem}.missing-row .text-button{flex-shrink:0;font-size:.875rem}.result-record{display:block;margin:20px 0}.result-record>div{padding:14px 0;border-bottom:1px solid var(--line)}.result-record dt{font-size:.875rem;color:var(--muted);margin-bottom:6px}.result-record dd{margin:0;font-size:1rem;white-space:pre-wrap;overflow-wrap:anywhere}.result-detail{font-size:.875rem;color:var(--muted)}.wrap{white-space:pre-wrap;overflow-wrap:anywhere}.success-mark{color:var(--green);font-size:1.5rem}.result-record h3{font-size:1.125rem}.support-note{border-left:3px solid #b89b65;background:var(--warm);border-radius:0 10px 10px 0;padding:12px 16px;font-size:.875rem}.error{color:#85452c}.error:focus{outline:none}.inline-edit{padding:0;background:none;border:0;color:var(--green);font-size:.875rem;text-decoration:underline;min-height:44px;cursor:pointer}.docked{padding-bottom:100px}dialog{width:min(660px,calc(100% - 28px));padding:0;border:1px solid var(--line);border-radius:22px;color:var(--ink);background:var(--paper);max-height:calc(100dvh - 32px)}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:rgba(23,62,54,.22)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;border-bottom:1px solid var(--line);flex-shrink:0}.dialog-head h2{font-size:1.25rem;margin:0}.dialog-head button{white-space:nowrap;font-size:.875rem}.dialog-body{padding:20px 22px;overflow:auto;overscroll-behavior:contain;min-height:0}.history-card{border-bottom:1px solid var(--line);padding:0 0 20px;margin:0 0 20px}.history-card h3{font-size:1rem;overflow-wrap:anywhere}.history-card .hint{margin-bottom:10px}.history-card p{font-size:.9375rem;overflow-wrap:anywhere}.empty{color:var(--muted);font-size:1rem;margin:12px 0 20px}.notice{font-size:.875rem;color:var(--muted)}
@media(max-width:600px){.shell{width:calc(100% - 24px);margin:14px auto 24px}.preview-nav{font-size:.8125rem;gap:4px;margin-bottom:12px}.preview-label{font-size:.75rem}.hero{padding:16px 18px;gap:10px}.hero h1{font-size:1.3rem}.hero p{font-size:.875rem}.hero .text-button{font-size:.8125rem}.progress-head{font-size:.8125rem;padding:15px 18px 9px}.progress{padding:0 18px 16px;gap:5px}#screen{padding:22px 18px}.compact-context{margin-bottom:18px}.option-box{padding:13px}.rating-scale{gap:5px}.rating-legend{margin-bottom:12px}.option-box .rating-scale{margin:9px 0 4px}.rating-top h3{font-size:1rem}.docked .actionbar{position:fixed;bottom:0;left:0;right:0;z-index:5;margin:0;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));background:rgba(255,252,245,.98);border-top:1px solid var(--line);box-shadow:0 -5px 18px #173e3607}.docked .actionbar .primary{max-width:560px;min-height:52px}.docked .back-row{padding-bottom:8px}.criterion-item{gap:6px}.criterion-item input{padding:11px}.criterion-item .number{width:15px}.criterion-item .text-button{font-size:.8125rem}.choice-list{margin:16px 0}.choice{font-size:1rem;padding:14px 15px}.choice[aria-pressed=true]{padding:13.5px 14.5px}.score-caption{padding:14px}.entry-row{gap:8px}.entry-row .secondary{padding:10px 13px}.dialog-head{padding:14px 18px}.dialog-body{padding:18px}.footer-actions{gap:28px}.site-footer{font-size:.8125rem}}
@media(max-width:345px){#screen{padding-left:14px;padding-right:14px}.rating-scale{gap:4px}.option-box{padding:10px}.rate{font-size:1rem}.rate[aria-pressed=true]::after{font-size:.625rem;margin-left:2px}.preview-nav{align-items:flex-start}.preview-label{white-space:normal}.hero .text-button{max-width:6em}.hero p{max-width:15em}}
@media(max-height:450px){.docked .actionbar{position:static;padding:0;border:0;background:none;box-shadow:none}.docked{padding-bottom:0}}
[hidden]{display:none!important}.option-name{margin-bottom:18px}.option-inputs{display:grid;gap:22px}.option-section+ .option-section{padding-top:22px;border-top:1px solid var(--line)}.option-section h3{font-size:1.125rem;line-height:1.5;margin:0 0 8px}.option-section .field{margin-top:14px}.option-section textarea{min-height:96px}
.option-combined textarea{min-height:150px}.decision-check{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.decision-check h3{font-size:1.125rem;line-height:1.55;margin:0 0 8px}.decision-check .choice-list+h3{margin-top:24px}.add-aspect{margin:18px 0 4px;text-align:center}.trial-examples{margin:20px 0;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--selected)}.trial-examples p{margin:10px 0 0;font-size:.9375rem;line-height:1.7}.trial-examples b{font-weight:700}
@media(prefers-reduced-motion:no-preference){.screen-enter{animation:appear .18s ease-out}@keyframes appear{from{opacity:.65}to{opacity:1}}.rate,.choice,.suggestion{transition:background-color .14s ease,border-color .14s ease}}

/* Keep the decision tool's navigation and support footer aligned with the other adult tools. */
.tool-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 4px 16px}
.tool-nav a,.tool-nav button{min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--green);font-size:.875rem;font-weight:750;text-decoration:underline;text-underline-offset:4px}
.tool-support-footer{margin-top:18px;text-align:center;color:var(--muted)}
.tool-support-footer .text-button{font-size:.875rem}
.tool-support-footer p{margin:4px auto 0;font-size:.8125rem;line-height:1.65}

/* Each rating choice carries both its number and its meaning. */
.rate{display:flex;min-height:72px;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 3px;font-size:inherit;line-height:1.25}
.rate strong{display:block;font-size:1.125rem;line-height:1.2}
.rate span{display:block;font-size:.75rem;font-weight:650;color:var(--muted);white-space:normal}
.selected-criteria{display:grid;gap:8px;margin-top:8px}.selected-criteria .criterion-item{min-height:48px;margin:0;padding:7px 12px;border:1px solid var(--line);border-radius:12px;background:#fffef9}.selected-criteria .criterion-item strong{min-width:0;flex:1;font-size:.9375rem;overflow-wrap:anywhere}.selected-criteria .criterion-item .text-button{padding:4px 0}
.rate[aria-pressed=true]{padding:6.5px 2.5px}
.rate[aria-pressed=true] span{color:var(--green)}
.rate[aria-pressed=true]::after{position:absolute;top:5px;right:6px;margin:0;font-size:.6875rem}
.optional-question{margin-top:22px;padding-top:10px;border-top:1px solid var(--line)}
.optional-question summary{min-height:44px;padding:9px 0;color:var(--green);font-size:.9375rem;font-weight:700;cursor:pointer}
.optional-question .field{margin:8px 0 0}
.optional-question .hint{margin:7px 0 0}

@media(max-width:600px){
  .tool-nav{margin-bottom:12px;font-size:.8125rem}
  .tool-nav a,.tool-nav button{font-size:.8125rem}
  .rate{min-height:74px;padding:6px 2px}
  .rate strong{font-size:1rem}
  .rate span{max-width:4em;font-size:.6875rem;line-height:1.3}
  .rate[aria-pressed=true]{padding:5.5px 1.5px}
}