.field-page {
  --field-line: var(--line,#2c4444);
  --field-ink: var(--text,#e4ede8);
  --field-dim: var(--muted,#acbeb8);
  --field-mint: var(--accent,#a6d9c5);
  display:grid; gap:18px; align-content:start; max-width:860px; margin-inline:auto;
  color:var(--field-ink); width:100%; min-width:0;
}
.field-heading { display:grid; gap:8px; margin:0 0 3px; }
.field-heading h1, .field-stop h1 { font-size:clamp(2rem,4.8vw,3.35rem); letter-spacing:-.05em; line-height:1.06; margin:0; scroll-margin-top:72px; text-wrap:balance; }
.field-heading .eyebrow { margin:0; color:var(--field-mint); }
.field-heading h1:focus:not(:focus-visible), .field-stop h1:focus:not(:focus-visible) { outline:none; }
.field-intro { color:var(--field-dim); max-width:55ch; margin:3px 0 0; line-height:1.5; font-size:1rem; }
.field-page svg { display:inline-block; width:20px; height:20px; flex-shrink:0; }
.field-page .panel { padding:clamp(18px,3vw,28px); }
.field-page .btn.field-action { min-height:46px; display:inline-flex; align-items:center; justify-content:center; gap:9px; line-height:1.28; white-space:normal; }
.field-page > .field-action { justify-self:start; }
.field-buttons { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.field-safety { display:grid; gap:14px; justify-items:start; }
.field-safety-emblem, .field-stop-mark {
  width:49px; height:49px; display:grid; place-items:center; border-radius:14px;
  background:#214139; color:#b5e2c8; border:1px solid #466456;
}
.field-safety-emblem svg, .field-stop-mark svg { width:25px; height:25px; }
.field-safety-lead { margin:1px 0; font-size:1.12rem; letter-spacing:-.02em; font-weight:620; }
.field-safety-options { display:flex; flex-wrap:wrap; gap:10px; }
.field-record, .field-note { display:flex; align-items:start; gap:9px; color:var(--field-dim); font-size:.88rem; line-height:1.5; }
.field-record { padding:13px 4px; border-top:1px solid var(--field-line); }
.field-record svg, .field-note svg { width:17px; height:17px; color:var(--field-mint); margin-top:2px; }
.field-note { margin:0; background:#1a2d2c; border-radius:9px; padding:12px; }
.field-page .field-stop { padding:clamp(22px,6vw,46px); background:#321f22; border:1px solid #805353; border-radius:18px; display:grid; gap:22px; color:#fff1ee; }
.field-stop h1 { line-height:1.16; font-size:clamp(1.55rem,4.2vw,2.4rem); max-width:32ch; }
.field-stop-mark { background:#543033; border-color:#804d51; color:#ffbdb5; }
.field-stop.privacy { background:#1a302d; border-color:#456056; color:var(--field-ink); }
.field-stop.privacy .field-stop-mark { background:#25443a; color:var(--field-mint); border-color:#436455; }
.field-stop .field-action { justify-self:start; }
.field-form { display:grid; gap:18px; }
.field-form fieldset { min-width:0; margin:0; padding:0; border:0; }
.field-form legend { font-weight:650; font-size:1.04rem; margin:0 0 11px; padding:0; }
.field-label { display:grid; min-width:0; gap:7px; font-weight:600; color:var(--field-ink); font-size:.91rem; line-height:1.35; }
.field-label select, .field-label textarea {
  box-sizing:border-box; width:100%; min-width:0; min-height:46px;
  font:inherit; font-size:1rem; font-weight:450; color:var(--field-ink); background:#112321;
  border:1px solid var(--field-line); border-radius:9px; padding:10px 12px; outline-offset:3px;
}
.field-label select { color-scheme:dark; }
.field-label textarea { resize:vertical; line-height:1.4; }
.field-label textarea::placeholder { color:#95aaa2; opacity:.95; }
.field-input-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(135px,1fr)); gap:12px; }
.field-form-stack { display:grid; gap:14px; padding:4px 0 2px; }
.field-chips, .field-tabs { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.field-chips { margin:0 0 15px; }
.field-chip, .field-tabs button {
  font:inherit; font-size:.87rem; font-weight:580; min-height:44px; line-height:1.25;
  padding:8px 12px; color:var(--field-dim); background:#152724; border:1px solid var(--field-line);
  border-radius:9px; cursor:pointer;
}
.field-chip[aria-pressed=true], .field-tabs button[aria-pressed=true] { background:#23483d; border-color:#78aa92; color:#cfecd9; }
.field-page button:focus-visible, .field-page summary:focus-visible, .field-label textarea:focus-visible, .field-label select:focus-visible {
  outline:2px solid var(--field-mint); outline-offset:3px;
}
.field-form .field-action { justify-self:start; }
.field-form .field-action:disabled { opacity:.7; }
.field-disclosure { color:var(--field-dim); border:1px solid var(--field-line); border-radius:9px; padding:0 13px; }
.field-disclosure summary { cursor:pointer; min-height:46px; display:flex; align-items:center; gap:9px; color:var(--field-ink); font-weight:600; font-size:.93rem; }
.field-disclosure summary::after { content:'+'; margin-inline-start:auto; color:var(--field-dim); font-size:1.22rem; }
.field-disclosure[open] summary::after { content:'−'; }
.field-disclosure summary svg { color:var(--field-mint); width:17px; }
.field-disclosure summary small { font-size:.77rem; font-weight:450; color:var(--field-dim); }
.field-disclosure ol { padding:0 0 0 22px; line-height:1.5; }
.field-disclosure li { margin:.3em 0; }
.field-detail[open] { padding-bottom:14px; }
.field-error { color:#ead192; font-size:.9rem; margin:0; }
.field-error:empty { display:none; }
.field-practice { display:flex; align-items:center; gap:10px; padding:10px 0; min-height:44px; }
.field-practice input { width:20px; height:20px; accent-color:var(--field-mint); }
.field-practice small { display:block; font-size:.85rem; line-height:1.4; color:var(--field-dim); }
.field-page .field-result { display:grid; gap:0; }
.field-phase { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.field-phase > span { font-size:.94rem; font-weight:650; display:inline-flex; align-items:center; gap:7px; color:#c6ead3; background:#224136; padding:7px 12px; border-radius:99px; }
.field-phase svg { width:17px; height:17px; }
.field-phase small { color:var(--field-dim); }
.field-why { margin:12px 0 2px; font-size:.96rem; color:var(--field-dim); line-height:1.45; max-width:50ch; }
.field-result-group { margin:16px 0 0; padding:16px 0 0; border-top:1px solid var(--field-line); display:grid; gap:9px; }
.field-result-group:first-child { margin:0; border:0; padding:0; }
.field-result-group h2, .field-script-heading h2, .field-script-section > h2 { font-size:1.05rem; margin:0; letter-spacing:-.02em; }
.field-result-group > p, .field-condensed p { max-width:53ch; margin:0; line-height:1.5; }
.field-list { color:var(--field-ink); padding-left:1.22rem; margin:0; line-height:1.45; max-width:54ch; }
.field-list li { padding-left:3px; margin:0 0 5px; }
.field-list li:last-child { margin-bottom:0; }
.field-list li::marker { color:var(--field-mint); font-weight:650; }
.field-say { display:grid; gap:5px; padding:11px 14px; border-left:2px solid var(--field-mint); background:#1b302a; border-radius:0 9px 9px 0; max-width:55ch; }
.field-say p { margin:0; color:#dceee1; font-size:1.02rem; line-height:1.45; }
.field-footer { border-top:1px solid var(--field-line); padding-top:13px; margin:16px 0 0; color:var(--field-dim); font-size:.89rem; line-height:1.45; max-width:55ch; }
.field-condensed { display:grid; gap:10px; }
.field-condensed .field-footer { margin:0; }
.field-script-section { display:grid; gap:8px; }
.field-script-heading { display:flex; align-items:baseline; gap:10px; margin:7px 0 1px; }
.field-script-heading span { font-size:.85rem; color:var(--field-dim); }
.field-page .field-card { padding:0; }
.field-card summary { cursor:pointer; min-height:49px; padding:10px 14px; display:flex; align-items:center; justify-content:space-between; gap:12px; font-weight:600; list-style:none; }
.field-disclosure summary::-webkit-details-marker, .field-card summary::-webkit-details-marker { display:none; }
.field-card summary svg { width:16px; height:16px; color:var(--field-dim); transition:transform .15s; }
.field-card[open] summary svg { transform:rotate(180deg); }
.field-card-body { padding:4px 16px 16px; }
.field-card-body .field-result-group { margin-top:10px; padding-top:10px; }
.field-card-body .field-result-group:first-child { margin-top:0; padding-top:0; }
.field-risk-script, .field-rapport { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.field-risk-script p, .field-rapport p { margin:0; line-height:1.45; }
.field-risk-script svg { color:var(--field-mint); }
.field-wizard h2 { margin:14px 0 12px; font-size:clamp(1.35rem,3vw,1.8rem); letter-spacing:-.03em; }
.field-step-count { font-size:.86rem; color:var(--field-mint); font-weight:600; }
.field-progress { display:flex; gap:5px; margin-top:10px; max-width:220px; }
.field-progress i { height:4px; width:16.66%; background:var(--field-line); border-radius:5px; }
.field-progress i.on { background:var(--field-mint); }
.field-wizard .field-buttons { margin-top:16px; }
@media (max-width:560px) {
  .field-page { gap:14px; }
  .field-chips { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .field-chip { padding-inline:7px; }
  .field-safety-options, .field-form > .field-action { width:100%; }
  .field-safety-options { display:grid; }
  .field-safety-options .field-action { width:100%; }
  .field-tabs { gap:5px; }
  .field-tabs button { padding-inline:10px; }
}
.field-protocol {
  display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
  padding:10px 13px; border:1px solid var(--field-line); border-radius:10px; background:#18251f;
}
.field-protocol p { color:var(--field-dim); font-size:.88rem; margin:0; max-width:38ch; line-height:1.4; }
.field-protocol > div { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.field-protocol .btn { font-size:.84rem; padding:6px 10px; }
.field-protocol .btn svg { width:16px; height:16px; }
.field-script-finder { padding:14px 16px; }
.field-script-finder .field-label { max-width:34rem; }
.field-paper .paper-part { break-inside:avoid; }
.field-paper .paper-part p+p { color:#3a5145; }
.field-paper .paper-part h2 { font-size:13pt; }
.field-wizard .field-buttons + .field-buttons { margin-top:8px; }
