:root{font-family:Montserrat,Helvetica,Arial,sans-serif;color:#182c3d;background:#f5f6f7;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:52rem;margin:0 auto;padding:2rem 1.25rem 4rem}.brand{font-weight:700;letter-spacing:.03em}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.2}h2{font-size:1.4rem;line-height:1.3}section{background:white;border:1px solid #ced4d9;border-radius:.5rem;padding:1.5rem;margin:1.5rem 0}.document{white-space:pre-wrap;overflow-wrap:anywhere}.acknowledgement{display:flex;align-items:flex-start;gap:.8rem;margin-top:1.5rem;padding:.75rem 0;cursor:pointer}.acknowledgement input{width:1.4rem;height:1.4rem;flex-shrink:0;margin:.2rem 0}button{font:inherit;font-weight:600;background:#183b53;color:#fff;border:0;border-radius:.3rem;padding:.85rem 1.3rem;min-height:48px;cursor:pointer}button:disabled{opacity:.65;cursor:default}a{color:#154e75}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a85000;outline-offset:4px}#registration-status{font-weight:600}#registration-status:empty{display:none}[hidden]{display:none!important}@media(max-width:480px){section{padding:1rem}button{width:100%}}

/* Working design authority: monochrome assessment; text brand fallback pending
   vector originals. Montserrat Latin is self-hosted under the bundled OFL. */
@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/montserrat-font') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{font-family:Montserrat,Helvetica,Arial,sans-serif;color:#000;background:#fff;line-height:1.62;font-weight:300}
*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:40px 24px 64px}
h1,h2,p{margin-top:0}h1{font-weight:900;font-size:clamp(32px,5vw,48px);line-height:1.08;letter-spacing:-.045em;margin-bottom:24px}h2{font-weight:700;line-height:1.2}
.brand{font-size:22px;font-weight:900;letter-spacing:-.06em;margin-bottom:40px;color:#000}
.participant-masthead{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin-bottom:40px}
.participant-masthead .brand{margin:0}.participant-step{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0}
.participant-skip{position:absolute;top:-100px;left:24px;padding:12px 16px;background:#fff;color:#000;z-index:1}
.participant-skip:focus{top:12px;outline:3px solid #000}
section{border:1px solid #d9d9d9;border-radius:0;padding:28px;background:#fff}
button{font:inherit;font-weight:700;color:#fff;background:#262626;border:1px solid #262626;border-radius:0;padding:15px 22px;min-height:48px;cursor:pointer}
button:hover:not(:disabled){background:#000}button:disabled{opacity:.55;cursor:default}
a{color:#262626;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #000;outline-offset:5px}
.choice{border:1px solid #b3b3b3;border-radius:0;padding:16px;background:#fff;margin:10px 0}
.choice:has(input:checked){border:2px solid #262626;background:#f2f2f2;padding:15px}
input{accent-color:#262626}legend{font-weight:300;font-size:24px;line-height:1.4}progress{accent-color:#262626;height:6px;margin:16px 0 28px}
#reflection{border:1px solid #666;border-radius:0}nav{gap:16px}nav button{flex:1}
#previous,#review-answers{background:white;color:#262626}#status{color:#262626}
.landing{max-width:1120px;padding-top:32px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:36px}.masthead .brand{margin:0;font-size:28px}.brand-dot{padding-left:2px}
.review-label,.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700}.review-label{border:1px solid #b3b3b3;padding:6px 10px}
.hero{display:flex;align-items:center;justify-content:space-between;gap:36px;border:1px solid #d9d9d9;padding:64px 56px;margin:0;background:#fff;overflow:hidden}
.hero h1{font-size:clamp(40px,5.2vw,64px);max-width:12ch}.hero-copy{position:relative;z-index:1}.intro{max-width:36ch;font-size:18px;margin-bottom:32px}.hero button span{margin-left:20px}.return-link{font-size:14px;margin:20px 0 0}
.clock-motif{position:relative;flex:0 0 224px;height:224px;border:2px solid #262626;border-radius:50%;transform:rotate(-12deg)}
.clock-motif:before,.clock-motif:after{content:'';position:absolute;background:#262626;left:50%;top:50%;transform-origin:0 50%}.clock-motif:before{width:76px;height:2px;transform:rotate(-90deg)}.clock-motif:after{width:58px;height:2px;transform:rotate(25deg)}
.clock-motif span{position:absolute;inset:14px;border:1px dashed #8c8c8c;border-radius:50%}
.journey-steps{list-style:none;padding:40px 0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-bottom:1px solid #d9d9d9}.journey-steps li>span{font-size:11px;letter-spacing:.14em;color:#666}.journey-steps h2{font-size:24px;margin:10px 0}.journey-steps p{font-size:15px;margin:0;max-width:25ch}
.review-note{padding:28px 0;max-width:78ch;color:#666}.review-note h2{font-size:13px;color:#262626}.review-note p{font-size:13px;margin:0}footer{border-top:1px solid #d9d9d9;padding-top:20px;font-size:12px;color:#666}footer span{padding:0 12px}
[hidden]{display:none!important}
@media(max-width:700px){main{padding:24px 20px 40px}.hero{padding:32px 24px;gap:0}.clock-motif{flex-basis:120px;height:120px;margin-right:-70px;opacity:.35}.clock-motif:before{width:40px}.clock-motif:after{width:30px}.hero-copy{flex:1}.hero h1{font-size:42px}.hero button{width:100%;font-size:14px}.journey-steps{gap:20px;padding:28px 0}.journey-steps h2{font-size:19px}.journey-steps p{font-size:13px}.masthead .brand{font-size:23px}.review-label{font-size:9px}.masthead{margin-bottom:24px}section{padding:20px}}
@media(max-width:420px){.clock-motif{display:none}.journey-steps{grid-template-columns:1fr;gap:24px}.journey-steps p{max-width:none}.hero{padding:28px 20px}.hero h1{font-size:38px}}
@media(max-width:420px){.hero button span{display:none}.hero button{padding-inline:14px}}
/* Keep secondary reflection actions visually separate from Continue. */
#skip{background:#fff;color:#262626;margin-top:16px}#word-count{margin-top:10px}
#review-answers{margin-top:16px}
/* Review navigation stays compact without hiding any unanswered questions. */
#count{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
#missing{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}
#missing h2{flex-basis:100%;margin:0 0 6px;font-size:21px}
#missing p{margin:0;flex:1 0 140px}
#missing a{display:flex;align-items:center;min-height:48px;border:1px solid #b3b3b3;padding:10px 14px;background:#f2f2f2;font-size:14px}
#complete{margin-bottom:32px}
#answers{padding-left:28px}#answers li{padding:24px 12px;border-top:1px solid #d9d9d9}
#answers li::marker{font-weight:700;font-size:12px;color:#666}
#answers li p:first-child{font-size:20px;line-height:1.4;margin-bottom:12px}
#answers li p:nth-child(2){display:inline-block;padding:5px 10px;background:#f2f2f2;font-size:14px;margin-bottom:10px}
#answers li a{display:block;width:fit-content;min-height:44px;padding:10px 0;font-size:14px}

/* Keep native form controls on the application typeface. */
button,input,select,textarea,optgroup{font-family:Montserrat,Helvetica,Arial,sans-serif}

/* Approved prototype presentation, 14 September 2026. Source: prototype-core/participant-app. */
:root {
  --tt-font-family: "Montserrat", Helvetica, Arial, sans-serif;
  --tt-font-weight-light: 300;
  --tt-font-weight-bold: 700;
  --tt-font-weight-black: 900;
}

/* Production remains gated on licence-cleared, self-hosted Montserrat woff2 files. */

:root {
  --tt-black: #000000;
  --tt-black-85: #262626;
  --tt-black-60: #666666;
  --tt-black-45: #8c8c8c;
  --tt-black-30: #b3b3b3;
  --tt-black-15: #d9d9d9;
  --tt-black-05: #f2f2f2;
  --tt-white: #ffffff;

  --tt-planning-100: #efd855;
  --tt-planning-60: #f5e899;
  --tt-planning-30: #faf3cc;
  --tt-planning-15: #fdf9e5;
  --tt-pressure-100: #efb915;
  --tt-pressure-60: #f5d573;
  --tt-pressure-30: #faeab9;
  --tt-pressure-15: #fdf5dc;
  --tt-practice-100: #c6de47;
  --tt-practice-60: #ddeb91;
  --tt-practice-30: #eef5c8;
  --tt-practice-15: #f6fae3;
  --tt-presence-100: #82cba0;
  --tt-presence-60: #b4e0c6;
  --tt-presence-30: #daefe2;
  --tt-presence-15: #ecf7f1;
  --tt-possibility-100: #8bc2fb;
  --tt-possibility-60: #b9dafd;
  --tt-possibility-30: #dcedfe;
  --tt-possibility-15: #eef6fe;
  --tt-reserve-100: #76a1ff;

  --tt-shadow-control: #2f3a42;
  --tt-shadow-stall: #4b3e37;
  --tt-shadow-delay: #3a4239;
  --tt-shadow-distance: #423845;
  --tt-shadow-instigator: #d9d9d9;
}

:root {
  --tt-type-page-mobile: 900 28px/1.05 var(--tt-font-family);
  --tt-type-page-desktop: 900 40px/1.05 var(--tt-font-family);
  --tt-type-section-mobile: 900 21px/1.12 var(--tt-font-family);
  --tt-type-section-desktop: 900 32px/1.12 var(--tt-font-family);
  --tt-type-question-mobile: 300 20px/1.4 var(--tt-font-family);
  --tt-type-question-desktop: 300 24px/1.4 var(--tt-font-family);
  --tt-type-subheading-mobile: italic 300 18px/1.35 var(--tt-font-family);
  --tt-type-subheading-desktop: italic 300 21px/1.35 var(--tt-font-family);
  --tt-type-body: 300 16px/1.62 var(--tt-font-family);
  --tt-type-helper: 300 14px/1.5 var(--tt-font-family);
  --tt-type-label: 700 11px/1.2 var(--tt-font-family);
  --tt-measure-body: 62ch;
  --tt-label-tracking: 0.14em;
}

:root {
  --tt-space-1: 4px;
  --tt-space-2: 8px;
  --tt-space-3: 12px;
  --tt-space-4: 16px;
  --tt-space-5: 24px;
  --tt-space-6: 32px;
  --tt-space-7: 48px;
  --tt-space-8: 64px;
  --tt-space-9: 96px;
  --tt-space-10: 128px;
  --tt-space-11: 192px;
  --tt-max-content: 1200px;
  --tt-gutter-page: clamp(24px, 6vw, 96px);
  --tt-target-min: 44px;
  --tt-target-gap: 8px;
}

:root {
  --tt-radius-rectangle: 0;
  --tt-radius-circle: 50%;
  --tt-radius-pill: 999px;
  --tt-border-hairline: 1px;
  --tt-border-interactive: 1.5px;
  --tt-focus-inner: 0 0 0 2px var(--tt-white);
  --tt-focus-outer: 0 0 0 4px var(--tt-black);
  --tt-dur-tick: 110ms;
  --tt-dur-quick: 180ms;
  --tt-dur-standard: 320ms;
  --tt-dur-sweep: 900ms;
  --tt-ease-tick: steps(1, end);
  --tt-ease-standard: cubic-bezier(.4, 0, .2, 1);
  --tt-ease-sweep: cubic-bezier(.16, .84, .44, 1);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  color-scheme: light;
  font-family: var(--tt-font-family);
  background: var(--tt-white);
}

body {
  min-width: 320px;
  margin: 0;
  color: var(--tt-black);
  background: var(--tt-white);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

:root {
  --shell-canvas: var(--tt-white);
  --shell-surface: var(--tt-white);
  --shell-ink: var(--tt-black);
  --shell-muted: var(--tt-black-60);
  --shell-subtle: var(--tt-black-05);
  --shell-border: var(--tt-black-15);
  --shell-strong-border: var(--tt-black);
}

* {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  color: var(--shell-ink);
  background: var(--shell-canvas);
  font: var(--tt-type-body);
  text-rendering: optimizeLegibility;
}

a {
  color: currentColor;
  text-underline-offset: 0.22em;
  text-decoration-thickness: var(--tt-border-hairline);
}

.skip-link {
  position: fixed;
  top: var(--tt-space-4);
  left: var(--tt-space-4);
  z-index: 20;
  padding: var(--tt-space-3) var(--tt-space-4);
  color: var(--tt-white);
  background: var(--tt-black);
  font: var(--tt-type-label);
  letter-spacing: var(--tt-label-tracking);
  text-transform: uppercase;
  transform: translateY(-200%);
}

.skip-link:focus {
  transform: translateY(0);
}

.page-shell {
  width: min(100%, var(--tt-max-content));
  min-height: 100vh;
  margin: 0 auto;
  padding-inline: var(--tt-gutter-page);
}

.site-header,
.site-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tt-space-5);
}

.site-header {
  min-height: 96px;
  border-bottom: var(--tt-border-hairline) solid var(--shell-border);
}

.brand-lockup {
  display: inline-flex;
  min-height: var(--tt-target-min);
  align-items: center;
  gap: var(--tt-space-4);
  color: var(--tt-black);
  text-decoration: none;
}

.brand-mark {
  position: relative;
  display: grid;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  place-content: center;
  border: var(--tt-border-interactive) solid var(--tt-black);
  border-radius: var(--tt-radius-circle);
  font-size: 12px;
  font-weight: 900;
  line-height: 0.84;
  letter-spacing: -0.055em;
  text-align: center;
  text-transform: uppercase;
  transform: rotate(-7deg);
}

.brand-mark::after {
  position: absolute;
  inset: 5px;
  border: var(--tt-border-hairline) solid var(--tt-black-30);
  border-radius: var(--tt-radius-circle);
  content: "";
}

.brand-mark span {
  position: relative;
  z-index: 1;
  display: block;
}

.brand-name {
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.12em;
  line-height: 1.1;
  text-transform: uppercase;
}

.brand-name sup {
  position: relative;
  top: -0.2em;
  font-size: 0.52em;
}

.shell-label {
  color: var(--shell-muted);
  font: var(--tt-type-label);
  letter-spacing: var(--tt-label-tracking);
  text-transform: uppercase;
}

.experience-card {
  width: min(100%, 860px);
  margin: clamp(var(--tt-space-7), 9vw, var(--tt-space-9)) auto;
  padding: 0;
  background: var(--shell-surface);
}

.experience-card::before {
  display: block;
  width: 64px;
  height: 5px;
  margin-bottom: var(--tt-space-6);
  background: var(--tt-black);
  content: "";
}

.eyebrow,
.result-kicker,
.result-motivator {
  margin: 0 0 var(--tt-space-4);
  color: var(--tt-black);
  font: var(--tt-type-label);
  letter-spacing: var(--tt-label-tracking);
  text-transform: uppercase;
}

h1 {
  max-width: 20ch;
  margin: 0 0 var(--tt-space-5);
  color: var(--tt-black);
  font: var(--tt-type-page-mobile);
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

h2 {
  margin: 0 0 var(--tt-space-4);
  color: var(--tt-black);
  font: var(--tt-type-section-mobile);
  letter-spacing: -0.015em;
  text-transform: uppercase;
}

.lede {
  max-width: var(--tt-measure-body);
  margin: 0 0 var(--tt-space-6);
  color: var(--shell-muted);
  font-size: 18px;
  font-style: italic;
  line-height: 1.5;
}

p {
  max-width: var(--tt-measure-body);
}

.expectations {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--tt-space-3);
  margin: 0 0 var(--tt-space-7);
}

.expectations > div {
  min-height: 132px;
  padding: var(--tt-space-5);
  border-top: var(--tt-border-interactive) solid var(--tt-black);
  background: var(--shell-subtle);
}

.expectations strong,
.expectations span {
  display: block;
}

.expectations strong {
  font-weight: 700;
}

.expectations span {
  margin-top: var(--tt-space-2);
  color: var(--shell-muted);
  font: var(--tt-type-helper);
}

.participant-guidance {
  max-width: var(--tt-measure-body);
  margin: 0 0 var(--tt-space-7);
  padding: var(--tt-space-5);
  border-left: 5px solid var(--tt-black);
  background: var(--tt-black-05);
}

.participant-guidance h2 {
  margin-bottom: var(--tt-space-3);
  font: var(--tt-type-section-mobile);
}

.participant-guidance ul {
  display: grid;
  gap: var(--tt-space-2);
  margin: 0;
  padding-left: 1.25em;
}

button,
.button-link {
  min-height: var(--tt-target-min);
  border-radius: var(--tt-radius-rectangle);
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.primary-button,
.secondary-button {
  display: inline-flex;
  min-width: 168px;
  align-items: center;
  justify-content: center;
  padding: 14px var(--tt-space-5);
  border: var(--tt-border-interactive) solid var(--tt-black);
  text-decoration: none;
}

.primary-button {
  color: var(--tt-white);
  background: var(--tt-black);
}

.primary-button:hover {
  color: var(--tt-black);
  background: var(--tt-white);
}

.secondary-button {
  color: var(--tt-black);
  background: var(--tt-white);
}

.secondary-button:hover {
  color: var(--tt-white);
  background: var(--tt-black);
}

button:focus-visible,
a:focus-visible,
input:focus-visible {
  outline: 0;
  box-shadow: var(--tt-focus-inner), var(--tt-focus-outer);
}

.privacy-note {
  max-width: var(--tt-measure-body);
  margin: var(--tt-space-5) 0 0;
  color: var(--shell-muted);
  font: var(--tt-type-helper);
}

.progress-row,
.status-line,
.form-actions {
  display: flex;
  justify-content: space-between;
  gap: var(--tt-space-4);
}

.progress-row,
.status-line {
  color: var(--shell-muted);
  font: var(--tt-type-helper);
}

.journey-progress {
  margin-bottom: var(--tt-space-2);
}

.progress-track {
  height: 6px;
  margin: var(--tt-space-3) 0 var(--tt-space-7);
  overflow: hidden;
  background: var(--tt-black-05);
}

.progress-track span {
  display: block;
  height: 100%;
  min-width: var(--tt-space-3);
  background: var(--tt-black);
}

.progress-current {
  width: 2%;
}

.question-progress {
  display: block;
  width: 100%;
  height: 6px;
  margin: var(--tt-space-3) 0 var(--tt-space-7);
  overflow: hidden;
  border: 0;
  border-radius: var(--tt-radius-rectangle);
  background: var(--tt-black-05);
  color: var(--tt-black);
}

.question-progress::-webkit-progress-bar {
  background: var(--tt-black-05);
}

.question-progress::-webkit-progress-value {
  background: var(--tt-black);
}

.question-progress::-moz-progress-bar {
  background: var(--tt-black);
}

fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

fieldset[aria-invalid="true"] {
  padding-left: var(--tt-space-4);
  border-left: 4px solid var(--tt-black);
}

legend {
  max-width: 30ch;
  margin: 0 0 var(--tt-space-4);
  padding: 0;
  color: var(--tt-black);
  font: var(--tt-type-question-mobile);
}

.question-prompt {
  max-width: 28ch;
}

.field-help {
  max-width: var(--tt-measure-body);
  margin: 0 0 var(--tt-space-4);
  color: var(--shell-muted);
  font: var(--tt-type-helper);
}

[data-selection-message] {
  color: var(--tt-black);
  font-weight: 700;
}

.choice-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--tt-space-3);
  margin: var(--tt-space-5) 0 var(--tt-space-7);
}

.choice-chip,
.scale-choice {
  position: relative;
}

.choice-chip input,
.scale-choice input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0.001;
}

.choice-chip span {
  display: grid;
  min-height: 64px;
  place-items: center;
  padding: var(--tt-space-3);
  border: var(--tt-border-interactive) solid var(--tt-black-30);
  background: var(--tt-white);
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}

.choice-chip input:checked + span,
.scale-choice input:checked + span {
  border-color: var(--tt-black);
  color: var(--tt-white);
  background: var(--tt-black);
}

.choice-chip input:focus-visible + span,
.scale-choice input:focus-visible + span {
  box-shadow: var(--tt-focus-inner), var(--tt-focus-outer);
}

.choice-chip input:disabled + span {
  cursor: not-allowed;
  opacity: 0.45;
}

.working-scale-note {
  margin: 0 0 var(--tt-space-5);
  padding: var(--tt-space-4);
  border-left: 4px solid var(--tt-black);
  color: var(--shell-muted);
  background: var(--tt-black-05);
  font: var(--tt-type-helper);
}

.response-scale {
  display: grid;
  grid-template-columns: repeat(5, minmax(44px, 1fr));
  gap: var(--tt-target-gap);
  margin: var(--tt-space-5) 0 var(--tt-space-4);
}

.scale-choice span {
  display: grid;
  min-height: 64px;
  place-items: center;
  padding: var(--tt-space-3);
  border: var(--tt-border-interactive) solid var(--tt-black-30);
  background: var(--tt-white);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  cursor: pointer;
}

.save-status {
  display: inline-flex;
  min-height: var(--tt-space-5);
  align-items: center;
  gap: var(--tt-space-2);
  margin: 0;
  color: var(--shell-muted);
  font: var(--tt-type-helper);
}

.save-status::before {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border: var(--tt-border-hairline) solid var(--tt-black);
  border-radius: var(--tt-radius-circle);
  content: "";
}

form[data-save-state="saved"] .save-status::before {
  background: var(--tt-black);
}

form[data-save-state="saving"] .save-status::before,
form[data-save-state="retrying"] .save-status::before {
  border-right-color: transparent;
}

form[data-save-state="offline"] .save-status::before,
form[data-save-state="unsaved"] .save-status::before,
form[data-save-state="rejected"] .save-status::before,
form[data-save-state="conflict"] .save-status::before {
  border-width: 2px;
  border-radius: var(--tt-radius-rectangle);
}

.save-feedback {
  display: flex;
  min-height: 64px;
  align-items: center;
  justify-content: space-between;
  gap: var(--tt-space-4);
  margin: 0 0 var(--tt-space-5);
}

.compact-button {
  min-width: auto;
  padding: var(--tt-space-3) var(--tt-space-4);
}

.notice {
  max-width: var(--tt-measure-body);
  margin: 0 0 var(--tt-space-5);
  padding: var(--tt-space-4);
  border: var(--tt-border-hairline) solid var(--tt-black);
  color: var(--tt-black);
  background: var(--tt-black-05);
}

.error-notice {
  border-width: var(--tt-border-interactive);
}

.review-list {
  display: grid;
  gap: var(--tt-space-2);
  max-height: 480px;
  margin: 0 0 var(--tt-space-7);
  padding: 0 var(--tt-space-1) 0 0;
  overflow: auto;
  list-style: none;
}

.review-list a {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr) 112px;
  gap: var(--tt-space-3);
  align-items: center;
  min-height: 56px;
  padding: var(--tt-space-3) var(--tt-space-4);
  border-bottom: var(--tt-border-hairline) solid var(--tt-black-15);
  color: var(--tt-black);
  background: var(--tt-white);
  text-decoration: none;
}

.review-list a:hover {
  background: var(--tt-black-05);
}

.review-list strong {
  font-weight: 700;
  text-align: right;
}

.review-prompt {
  overflow: hidden;
  color: var(--shell-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.review-actions {
  align-items: center;
}

.success-icon {
  display: grid;
  width: 52px;
  height: 52px;
  margin-bottom: var(--tt-space-5);
  place-items: center;
  border: var(--tt-border-interactive) solid var(--tt-black);
  border-radius: var(--tt-radius-circle);
  color: var(--tt-white);
  background: var(--tt-black);
  font-size: 18px;
  font-weight: 900;
}

.selection-summary {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tt-space-2);
  margin: 0 0 var(--tt-space-6);
  padding: 0;
  list-style: none;
}

.selection-summary li {
  padding: var(--tt-space-2) var(--tt-space-4);
  border: var(--tt-border-hairline) solid var(--tt-black);
  border-radius: var(--tt-radius-pill);
  color: var(--tt-black);
  background: var(--tt-white);
  font-weight: 700;
}

.recovery-form {
  display: grid;
  gap: var(--tt-space-3);
  max-width: 520px;
}

.recovery-form label {
  font-weight: 700;
}

.recovery-form input {
  min-height: 48px;
  padding: var(--tt-space-3) var(--tt-space-4);
  border: var(--tt-border-interactive) solid var(--tt-black);
  border-radius: var(--tt-radius-rectangle);
  color: var(--tt-black);
  background: var(--tt-white);
  font: inherit;
}

.delivery-status strong,
.delivery-status p {
  display: block;
  margin: 0;
}

.delivery-status p {
  margin-top: var(--tt-space-2);
}

.result-introduction {
  margin-bottom: var(--tt-space-6);
}

.app-phase-result [data-family="planning"] {
  --result-full: var(--tt-planning-100);
  --result-tint-strong: var(--tt-planning-60);
  --result-tint: var(--tt-planning-15);
}

.app-phase-result [data-family="pressure"] {
  --result-full: var(--tt-pressure-100);
  --result-tint-strong: var(--tt-pressure-60);
  --result-tint: var(--tt-pressure-15);
}

.app-phase-result [data-family="practice"] {
  --result-full: var(--tt-practice-100);
  --result-tint-strong: var(--tt-practice-60);
  --result-tint: var(--tt-practice-15);
}

.app-phase-result [data-family="presence"] {
  --result-full: var(--tt-presence-100);
  --result-tint-strong: var(--tt-presence-60);
  --result-tint: var(--tt-presence-15);
}

.app-phase-result [data-family="possibility"] {
  --result-full: var(--tt-possibility-100);
  --result-tint-strong: var(--tt-possibility-60);
  --result-tint: var(--tt-possibility-15);
}

.result-tie-note {
  max-width: var(--tt-measure-body);
  margin: var(--tt-space-4) 0 0;
  padding: var(--tt-space-3) var(--tt-space-4);
  border-left: 4px solid var(--tt-black);
  background: var(--tt-black-05);
  font-weight: 700;
}

.result-profiles {
  display: grid;
  gap: var(--tt-space-5);
  margin: 0 0 var(--tt-space-6);
}

.result-profile {
  position: relative;
  padding: var(--tt-space-6);
  border: var(--tt-border-interactive) solid var(--tt-black);
  background: var(--result-tint, var(--tt-white));
  overflow: hidden;
}

.result-emblem {
  display: grid;
  width: 96px;
  height: 96px;
  margin-bottom: var(--tt-space-5);
  border: var(--tt-border-interactive) solid var(--tt-black);
  border-radius: var(--tt-radius-circle);
  place-items: center;
  color: var(--tt-black);
  background: var(--result-full, var(--tt-white));
}

.result-emblem::after {
  position: absolute;
  width: 118px;
  height: 118px;
  border: var(--tt-border-hairline) solid var(--tt-black);
  border-radius: var(--tt-radius-circle);
  content: "";
}

.time-type-symbol {
  display: inline-grid;
  min-width: 28px;
  min-height: 28px;
  place-items: center;
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
}

.result-role-label {
  display: inline-flex;
  margin: 0 0 var(--tt-space-4);
  padding: var(--tt-space-1) var(--tt-space-3);
  border: var(--tt-border-hairline) solid var(--tt-black);
  border-radius: var(--tt-radius-pill);
  background: var(--tt-white);
  font: var(--tt-type-helper);
  font-weight: 700;
}

.result-movement {
  max-width: var(--tt-measure-body);
  margin: var(--tt-space-5) 0 var(--tt-space-2);
  font-size: 21px;
  font-weight: 800;
  line-height: 1.25;
}

.result-profile-introduction {
  max-width: var(--tt-measure-body);
}

.motivator-profile {
  max-width: var(--tt-measure-body);
  margin-top: var(--tt-space-5);
  padding: var(--tt-space-4);
  border-left: 6px solid var(--result-full, var(--tt-black));
  background: var(--tt-white);
}

.motivator-profile .result-kicker {
  margin-bottom: var(--tt-space-1);
}

.motivator-profile h3 {
  margin: 0;
  font-size: 20px;
}

.motivator-profile p:last-child {
  margin-bottom: 0;
}

.profile-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--tt-space-3);
  margin: var(--tt-space-5) 0;
}

.profile-detail-grid section {
  padding: var(--tt-space-4);
  border: var(--tt-border-hairline) solid var(--tt-black);
  background: var(--tt-white);
}

.profile-detail-grid h3,
.mastering-profile h3 {
  margin-top: 0;
  font-size: 17px;
}

.profile-detail-grid ul {
  margin: 0;
  padding-left: var(--tt-space-4);
}

.profile-detail-grid li + li {
  margin-top: var(--tt-space-2);
}

.profile-detail-grid .teams-love {
  grid-column: 1 / -1;
}

.mastering-profile {
  padding-top: var(--tt-space-5);
  border-top: var(--tt-border-interactive) solid var(--tt-black);
}

.result-glance,
.result-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  gap: var(--tt-space-3);
  margin: 0;
}

.result-glance div,
.result-facts div {
  min-height: 128px;
  padding: var(--tt-space-4);
  border-top: var(--tt-border-interactive) solid var(--tt-black);
  background: var(--tt-black-05);
}

.result-glance dt,
.result-facts dt {
  margin-bottom: var(--tt-space-2);
  color: var(--tt-black);
  font: var(--tt-type-label);
  letter-spacing: var(--tt-label-tracking);
  text-transform: uppercase;
}

.result-glance dd,
.result-facts dd {
  margin: 0;
}

.result-facts {
  margin-bottom: var(--tt-space-6);
}

.result-model {
  position: relative;
  display: grid;
  gap: var(--tt-space-5);
  margin: var(--tt-space-8) 0;
  padding: var(--tt-space-6);
  border-block: var(--tt-border-interactive) solid var(--tt-black);
}

.model-heading,
.shadow-pattern-introduction {
  max-width: var(--tt-measure-body);
}

.model-heading h2,
.shadow-pattern-introduction h2 {
  margin-bottom: var(--tt-space-3);
}

.model-heading p:last-child,
.shadow-pattern-introduction p:last-child {
  margin: 0;
}

.model-pivot,
.shadow-model-ring {
  display: grid;
  width: 132px;
  height: 132px;
  border: 18px solid var(--tt-black-15);
  border-radius: var(--tt-radius-circle);
  place-content: center;
  text-align: center;
  text-transform: uppercase;
}

.model-pivot {
  transform: rotate(-10deg);
}

.model-pivot span,
.shadow-model-ring span {
  display: block;
  font-weight: 900;
  line-height: 0.9;
}

.model-family-list,
.model-family ul,
.shadow-pattern-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.model-family-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--tt-space-3);
}

.model-family {
  border-top: 8px solid var(--result-full);
  background: var(--result-tint);
}

.model-family h3 {
  margin: 0;
  padding: var(--tt-space-3);
  font: var(--tt-type-label);
  letter-spacing: var(--tt-label-tracking);
  text-transform: uppercase;
}

.model-family li,
.shadow-pattern-list li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--tt-space-2) var(--tt-space-3);
  align-items: center;
  min-height: 88px;
  padding: var(--tt-space-3);
  border-top: var(--tt-border-hairline) solid var(--tt-black);
  background: var(--tt-white);
}

.model-family li[data-result-role="primary"] {
  background: var(--result-full);
  font-weight: 700;
}

.model-family li[data-result-role="secondary"] {
  background: var(--result-tint-strong);
}

.model-family .time-type-symbol {
  min-width: 30px;
  min-height: 30px;
  border: var(--tt-border-hairline) solid var(--tt-black);
  border-radius: var(--tt-radius-circle);
  background: var(--tt-white);
  font-size: 15px;
}

.model-type-name {
  overflow-wrap: anywhere;
}

.model-status {
  grid-column: 1 / -1;
  font: var(--tt-type-helper);
}

.shadow-pattern-model {
  background: var(--tt-black-05);
}

.shadow-model-ring {
  border-color: var(--tt-black-30);
  background: var(--tt-white);
}

.shadow-pattern-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--tt-space-3);
}

.shadow-pattern-list li {
  border: var(--tt-border-hairline) solid var(--tt-black);
}

.shadow-pattern-list [data-shadow-pattern="control"] {
  --shadow-result: var(--tt-shadow-control);
}

.shadow-pattern-list [data-shadow-pattern="stall"] {
  --shadow-result: var(--tt-shadow-stall);
}

.shadow-pattern-list [data-shadow-pattern="delay"] {
  --shadow-result: var(--tt-shadow-delay);
}

.shadow-pattern-list [data-shadow-pattern="distance"] {
  --shadow-result: var(--tt-shadow-distance);
}

.shadow-pattern-list li[data-result-role="primary"] {
  color: var(--tt-white);
  background: var(--shadow-result, var(--tt-black-85));
  font-weight: 700;
}

.shadow-marker {
  width: 24px;
  height: 24px;
  border: var(--tt-border-interactive) solid currentColor;
  border-radius: var(--tt-radius-circle);
}

.site-footer {
  min-height: 96px;
  padding-block: var(--tt-space-5);
  border-top: var(--tt-border-hairline) solid var(--shell-border);
  color: var(--shell-muted);
  font: var(--tt-type-helper);
}

.site-footer a {
  display: inline-flex;
  min-height: var(--tt-target-min);
  align-items: center;
  color: var(--tt-black);
  font-weight: 700;
}

@media (min-width: 760px) {
  h1 {
    font: var(--tt-type-page-desktop);
  }

  h2 {
    font: var(--tt-type-section-desktop);
  }

  legend {
    font: var(--tt-type-question-desktop);
  }

  .lede {
    font-size: 21px;
  }

  .participant-guidance h2 {
    font: var(--tt-type-section-desktop);
  }
}

@media (max-width: 720px) {
  .response-scale {
    grid-template-columns: 1fr;
  }

  .expectations,
  .choice-grid,
  .result-glance,
  .result-facts {
    grid-template-columns: 1fr 1fr;
  }

  .profile-detail-grid {
    grid-template-columns: 1fr;
  }

  .profile-detail-grid .teams-love {
    grid-column: auto;
  }

  .site-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .model-family-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shadow-pattern-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .site-header {
    min-height: 80px;
  }

  .shell-label {
    display: none;
  }

  .experience-card {
    margin-block: var(--tt-space-7);
  }

  .expectations,
  .choice-grid,
  .result-glance,
  .result-facts {
    grid-template-columns: 1fr;
  }

  .expectations > div,
  .result-glance div,
  .result-facts div {
    min-height: auto;
  }

  .form-actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .save-feedback {
    align-items: stretch;
    flex-direction: column;
  }

  .primary-button,
  .secondary-button {
    width: 100%;
  }

  .review-list a {
    grid-template-columns: 1fr auto;
  }

  .review-prompt {
    display: none;
  }

  .result-model,
  .result-profile {
    padding: var(--tt-space-4);
  }

  .model-family-list,
  .shadow-pattern-list {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .skip-link,
  button,
  .button-link,
  .choice-chip span,
  .scale-choice span,
  .review-list a {
    transition-duration: var(--tt-dur-quick);
    transition-property: color, background-color, border-color, transform;
    transition-timing-function: var(--tt-ease-standard);
  }

  form[data-save-state="saving"] .save-status::before,
  form[data-save-state="retrying"] .save-status::before {
    animation: save-state-spin var(--tt-dur-standard) linear infinite;
  }

  .result-emblem::after,
  .model-pivot,
  .shadow-model-ring {
    animation: result-ring-resolve var(--tt-dur-sweep) var(--tt-ease-sweep) both;
  }
}

@keyframes save-state-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes result-ring-resolve {
  from {
    opacity: 0.72;
  }
  to {
    opacity: 1;
  }
}

@media (forced-colors: active) {
  .brand-mark,
  .primary-button,
  .secondary-button,
  .choice-chip span,
  .scale-choice span,
  .notice,
  .result-profile,
  .result-model,
  .model-family,
  .model-family li,
  .shadow-pattern-list li {
    border-color: ButtonText;
  }

  .result-profile,
  .model-family,
  .model-family li,
  .shadow-pattern-model,
  .shadow-pattern-list li,
  .result-emblem {
    color: CanvasText;
    background: Canvas;
  }

  .model-family li[data-result-role="primary"],
  .shadow-pattern-list li[data-result-role="primary"] {
    color: HighlightText;
    background: Highlight;
  }

  .primary-button,
  .choice-chip input:checked + span,
  .scale-choice input:checked + span,
  .success-icon {
    color: ButtonFace;
    background: ButtonText;
  }
}

/* Adapt the approved prototype shell to the production route markup. */
main:not(.experience-card){max-width:960px;padding:0 32px 64px}
main:not(.experience-card)>.brand-lockup{display:flex;width:max-content;max-width:100%;margin:24px 0 56px}
.participant-masthead{min-height:96px;border-bottom:1px solid var(--shell-border);margin:0 0 64px;gap:20px}
.participant-step{font:var(--tt-type-label);letter-spacing:var(--tt-label-tracking);color:var(--shell-muted)}
main:not(.experience-card)>h1:before{display:block;width:64px;height:5px;margin-bottom:32px;background:#000;content:''}
main:not(.experience-card) h1{font:var(--tt-type-page-mobile);letter-spacing:-.02em;text-transform:uppercase}
button{font:700 14px/1.25 var(--tt-font-family);min-height:48px;border:2px solid #000;padding:16px 24px;background:#000;color:#fff}
button:hover:not(:disabled){background:#fff;color:#000}
.choice{display:flex;align-items:center;min-height:64px;padding:16px;border:1px solid var(--tt-black-30);font-size:14px}
.choice:has(input:checked){border:2px solid #000;background:var(--tt-black-05);padding:15px}
#progress{width:100%;display:block;margin:12px 0 48px;border:0;height:6px;background:var(--tt-black-05)}
#progress::-webkit-progress-bar{background:var(--tt-black-05)}#progress::-webkit-progress-value{background:#000}
#progress::-moz-progress-bar{background:#000}
#progress-text{font:var(--tt-type-helper);color:var(--shell-muted)}
#reflection{min-height:48px;font:inherit;width:100%;padding:12px 16px}
main.landing{max-width:1200px}.masthead{min-height:96px;border-bottom:1px solid var(--shell-border);margin-bottom:64px}
.hero{border:0;padding:0;margin:0 auto;max-width:860px;overflow:visible}.hero h1{font:var(--tt-type-page-mobile);text-transform:uppercase;letter-spacing:-.02em}.hero h1:before{display:block;content:'';width:64px;height:5px;background:#000;margin-bottom:32px}
.intro{font-style:italic;color:var(--shell-muted)}.journey-steps,.review-note{max-width:860px;margin-inline:auto}
.site-footer{padding-block:24px}.app-phase-result .experience-card{padding:0;max-width:860px}.app-phase-result .result-profile h2{font:var(--tt-type-section-mobile)}
.app-phase-result section{border-radius:0}.app-phase-result .profile-detail-grid section{border:0;padding:0;background:transparent}
@media(min-width:640px){main:not(.experience-card) h1,.hero h1{font:var(--tt-type-page-desktop)}.app-phase-result .result-profile h2{font:var(--tt-type-section-desktop)}}
@media(max-width:639px){main:not(.experience-card){padding:0 20px 40px}.participant-masthead,.masthead{min-height:88px;flex-wrap:wrap;padding-block:16px;margin-bottom:40px;gap:12px}.brand-lockup{gap:12px}.brand-name{font-size:11px}.brand-mark{width:44px;height:44px;flex-basis:44px}.hero{padding:0}.clock-motif{display:none}.hero button{width:100%}.review-label{font-size:9px}.page-shell{padding-inline:20px}.app-phase-result .experience-card{margin-block:40px}.participant-step{font-size:10px}.review-note p{font-size:14px}}

/* Browser scrollbars must not force the prototype minimum width beyond the viewport. */
body{min-width:0}.page-shell,main{min-width:0}.result-introduction h1{overflow-wrap:anywhere}
nav button{min-width:0;width:auto;padding-inline:12px;overflow-wrap:anywhere}

/* BRANDGUIDE-TimeTool-V01.pdf, supplied 15 September 2026.
   Print scale: 32pt Black headline / 12pt Black uppercase heading / 10pt Light body.
   Screen adaptation retains 16px body copy and stacks editorial columns on mobile. */
:root{--brand-sun:#efd855;--brand-leaf:#c6de47;--brand-grass:#82cba0;--brand-sky:#8bc2fb;--brand-water:#76a1ff;--brand-gray:#d9d9d9;--brand-rule:.6667px;--shell-border:#d9d9d9;--tt-type-page-desktop:900 42.6667px/1.12 Montserrat,Helvetica,Arial,sans-serif;--tt-type-page-mobile:900 32px/1.15 Montserrat,Helvetica,Arial,sans-serif;--tt-type-section-desktop:900 16px/1.3 Montserrat,Helvetica,Arial,sans-serif;--tt-type-section-mobile:900 16px/1.3 Montserrat,Helvetica,Arial,sans-serif}
:root,html,body{background:#fff;color:#000;font-family:Montserrat,Helvetica,Arial,sans-serif;font-weight:300;font-size:16px;line-height:1.6}
body .brand-lockup{display:inline-flex;align-items:center;justify-content:center;box-sizing:content-box;width:156px;min-width:96px;max-width:156px;padding:20px 24px;margin:0;line-height:0;flex:0 0 auto;transform:none;filter:none;box-shadow:none}
.brand-lockup>svg{display:block;width:100%;height:auto;overflow:visible;flex:none}
.participant-masthead,.masthead,.site-header{border-bottom:var(--brand-rule) solid #000;min-height:140px;gap:16px}
main:not(.experience-card)>.brand-lockup{display:inline-flex;width:156px;margin:0 0 32px}
body h1,body main:not(.experience-card) h1,body .hero h1{font:var(--tt-type-page-desktop);text-transform:none;letter-spacing:-.025em;max-width:none;overflow-wrap:break-word}
/* The brand layer is authoritative over older page-specific heading sizes. */
body h2,body .result-profile h2,body .app-phase-result .result-profile h2,body h3,body .journey-steps h2{font:var(--tt-type-section-desktop)!important;text-transform:uppercase!important;letter-spacing:0}
body main:not(.experience-card)>h1:before,body .hero h1:before{height:var(--brand-rule);width:68px;margin-bottom:28px}
body .hero-copy{width:100%;min-width:0}.hero .intro{font-style:normal;max-width:62ch;color:#000;font-size:16px}
body p,body li{font-weight:300}strong,b{font-weight:700}
body button,body input,body select,body textarea{font-family:Montserrat,Helvetica,Arial,sans-serif;border-radius:0}
body button{font-weight:700;min-height:48px}body a{color:#000}body :focus-visible{outline:3px solid #000;outline-offset:4px}
body .expectations>div,body #status,body #answers li p:nth-child(2){background:#f9f9f9}
body .result-profile{border:var(--brand-rule) solid #000;background:color-mix(in srgb,var(--result-full) 15%,white)}
body .result-profile[data-family="pressure"]{--result-full:var(--brand-sun)}
body .result-emblem{border:0;border-radius:0;width:32px;height:32px;background:transparent;margin-bottom:20px}
body .result-emblem:after{content:none}
body .experience-card:before{height:var(--brand-rule)}
body .result-introduction .lede{font:300 16px/1.6 Montserrat,Helvetica,Arial,sans-serif;color:#000;font-style:normal}
body .time-type-symbol,body .model-family .time-type-symbol{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;min-height:28px;border:0;border-radius:0;background:transparent;flex:none}
.time-type-symbol svg{display:block;width:28px;height:28px}
body .result-profile-introduction{max-width:none;column-count:2;column-gap:32px}
body .result-profile-introduction p{break-inside:avoid}
body .profile-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
body .profile-detail-grid .teams-love{grid-column:auto}
body .motivator-profile{border-left:var(--brand-rule) solid #000;background:transparent}
body .result-role-label,body .mastering-profile{border-radius:0;border-width:var(--brand-rule)}
body .model-pivot,body .shadow-model-ring{display:none}
body .model-family-list{grid-template-columns:repeat(2,minmax(0,1fr))}
body .model-family{background:#fff;border-top:var(--brand-rule) solid #000}
body .model-family li,body .model-family li[data-result-role="primary"],body .model-family li[data-result-role="secondary"]{background:#fff;border-top:var(--brand-rule) solid var(--brand-gray)}
body .model-family li[data-result-role="primary"]{outline:1px solid #000;outline-offset:-1px}
body .shadow-pattern-model{background:#fff}
body .shadow-pattern-list li,body .shadow-pattern-list li[data-result-role="primary"]{background:#f9f9f9;color:#000;border:var(--brand-rule) solid #000}
body .shadow-marker{background:var(--brand-gray);border:var(--brand-rule) solid #000}
body fieldset,body .draft-history li,body .participation .refresh{border-radius:0}
body th,body #status{background:#f9f9f9}
@media(max-width:639px){body h1,body main:not(.experience-card) h1,body .hero h1{font:var(--tt-type-page-mobile)}body .brand-lockup{width:120px;max-width:120px;padding:16px 20px}main:not(.experience-card)>.brand-lockup{width:120px}.participant-masthead,.masthead,.site-header{min-height:110px;gap:8px}body .profile-detail-grid,body .model-family-list{grid-template-columns:1fr}body .result-profile-introduction{column-count:1}.result-profile{padding:24px}.participant-step,.shell-label{font-size:10px}}
@media print{body{font-size:10pt}body h1{font-size:32pt}body h2,body h3{font-size:12pt}}

/* Saved-answer clock: decorative; the native progress element supplies semantics. */
body main:has(.assessment-layout){max-width:1120px}.assessment-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;margin-top:32px}.assessment-progress{border-right:1px solid #d9d9d9;padding-right:32px}.assessment-progress h2{margin-top:0}.clock-progress{width:120px;margin:36px auto 16px;color:#555}.clock-progress svg{display:block;width:100%}.assessment-progress #progress-text{text-align:center;font-size:14px;font-weight:600}.assessment-progress #progress{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.progress-reassurance{font-size:13px;margin-top:32px}.assessment-question{min-width:0}.assessment-question fieldset{margin-top:0}
@media(max-width:700px){.assessment-layout{display:block;margin-top:16px}.assessment-progress{display:grid;grid-template-columns:1fr 64px;align-items:center;border-right:0;border-bottom:1px solid #d9d9d9;padding:0 0 16px;margin-bottom:24px}.assessment-progress h2,.progress-reassurance{display:none}.clock-progress{grid-column:2;grid-row:1;width:64px;margin:0}.assessment-progress #progress-text{grid-column:1;grid-row:1;text-align:left;margin:0}}


/* Prototype review concepts reconciled to the supplied brand guide. */
body .landing .hero{background:#fff;color:#000}body .landing .expectations{background:#f9f9f9;border:.6667px solid #d9d9d9;padding:20px}body .result-wheel{display:block;width:min(100%,560px);height:auto;margin:24px auto}body .result-wheel text{font:600 12px Montserrat,Arial,sans-serif}body .result-wheel .wheel-centre{font-size:18px;font-weight:900}body .result-wheel .wheel-segment>path{stroke:#d9d9d9;stroke-width:.6667px}body .wheel-key{font-size:14px;text-align:center}body .clock-progress svg line,body .clock-progress svg path,body .clock-progress svg>circle:first-child{stroke-width:.6667px}

/* Full prototype introduction layout, scoped away from assessment and admin pages. */
body main.prototype-landing{max-width:1440px;margin:0 auto;padding:0 32px 32px;width:100%;box-sizing:border-box}
.prototype-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:120px}.prototype-header nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.prototype-header nav a,.prototype-badge{font-size:12px;font-weight:700}.prototype-badge{border:.6667px solid #000;padding:8px 14px;text-transform:uppercase;letter-spacing:.08em}
.prototype-symbols{display:grid;grid-template-columns:repeat(10,1fr);list-style:none;padding:0;margin:0 0 16px;border:.6667px solid #d9d9d9}.prototype-symbols li{display:flex;align-items:center;justify-content:center;height:46px;border-right:.6667px solid #d9d9d9}.prototype-symbols li:last-child{border:0}.prototype-symbols svg{width:44px;height:40px}
.prototype-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:56px;background:#d9d9d9;padding:140px 0 100px 8%;overflow:hidden}.prototype-copy{position:relative;z-index:1;min-width:0}.prototype-eyebrow{font-size:12px;font-weight:700!important;letter-spacing:.1em;text-transform:uppercase;margin:0 0 24px}
body main.prototype-landing h1{font:900 clamp(64px,7.6vw,120px)/.93 Montserrat,Arial,sans-serif;letter-spacing:-.055em;margin:0 0 40px;overflow-wrap:normal}body main.prototype-landing h1:before{display:none}.prototype-intro{font-size:20px;max-width:43ch;margin:0 0 40px}.prototype-how{font-size:13px;font-weight:700;text-underline-offset:5px}.prototype-sparkle{position:absolute;width:150px;top:55px;left:53%;transform:rotate(-16deg)}.prototype-sparkle svg{width:100%}
.prototype-summary{background:#000;color:#fff;padding:36px;position:relative;z-index:1}.prototype-clock{display:block;width:190px;max-width:100%;margin:0 auto 32px;fill:none;stroke:#fff;stroke-width:1.4}.prototype-clock .clock-pivot{fill:#fff;stroke:none}.prototype-summary dl{margin:0 0 28px}.prototype-summary dl>div{border-top:.6667px solid #777;padding:13px 0}.prototype-summary dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.prototype-summary dd{margin:0;font-size:15px;font-weight:700}.prototype-summary form{margin:0}.prototype-summary button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 0;border:0;border-block:.6667px solid #777;text-align:left;text-transform:uppercase;color:#fff;background:#000}.prototype-summary button span{color:#efd855}.prototype-summary button:hover{background:#222!important;color:#fff!important}body .prototype-summary a{color:#fff}.prototype-return{display:block;margin-top:20px;font-size:12px}.prototype-summary :focus-visible{outline-color:#efd855}
.prototype-section{padding:80px 8%;border-bottom:.6667px solid #d9d9d9}.prototype-section>p{max-width:65ch}body .prototype-section h2{font-size:32px;line-height:1.18;text-transform:none;max-width:24ch;margin:0 0 24px}.prototype-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;padding:0;margin:48px 0 0}.prototype-steps>li{border-top:.6667px solid #000;padding-top:20px}.prototype-steps span{font-size:12px}.prototype-steps h3{margin:16px 0}.prototype-perspective{display:grid;grid-template-columns:1.3fr 1fr;gap:60px}.prototype-perspective aside{background:#f5f5f5;padding:32px}.prototype-footer{padding:32px 0;font-size:12px}.prototype-footer p{max-width:85ch}
@media(max-width:800px){body main.prototype-landing{padding:0 20px 24px}.prototype-header{align-items:flex-start;gap:12px;padding-block:16px}.prototype-header .brand-lockup{width:100px;padding:8px;min-width:80px}.prototype-header nav{justify-content:flex-end;gap:12px}.prototype-badge{font-size:9px;padding:6px}.prototype-symbols svg{width:30px;height:30px}.prototype-hero{grid-template-columns:1fr;gap:40px;padding:60px 24px 24px}.prototype-sparkle{width:90px;top:12px;left:auto;right:10px}body main.prototype-landing h1{font-size:clamp(48px,12vw,88px);line-height:.96;letter-spacing:-.04em}.prototype-intro{font-size:17px}.prototype-summary{padding:28px}.prototype-section{padding:48px 4px}.prototype-steps,.prototype-perspective{grid-template-columns:1fr;gap:28px}body .prototype-section h2{font-size:28px}.prototype-symbols{margin-top:12px}.prototype-symbols li{height:36px}}

/* Prototype result-reading and assessment composition. */
body .wheel-result-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;align-items:center}.wheel-result-layout figure{margin:0;min-width:0}.wheel-reading{min-width:0}.wheel-reading-band{border:.6667px solid #777;border-top:3px solid #000;padding:24px;margin-bottom:18px}.wheel-reading-band.secondary{background:#d9d9d9;border-top:1px dashed #000}.wheel-reading-band.shadow{background:#d9d9d9;border-top:.6667px solid #777}.wheel-reading-band article+article{border-top:.6667px solid #aaa;padding-top:16px;margin-top:16px}.wheel-reading-band h3{font-size:20px}.wheel-reading-band p{font-size:14px}.wheel-reading-band strong{font-size:13px}
body .result-wheel{width:100%;max-width:600px;margin:0 auto}body .result-wheel text{font-size:13px;font-weight:700;fill:#000}body .result-wheel .wheel-badge{font-size:12px;fill:inherit}body .result-wheel text[fill="#fff"]{fill:#fff}body .result-wheel .wheel-centre{font-size:29px;font-weight:900}body .result-wheel .wheel-muted{opacity:.3}body .result-wheel .wheel-muted text{fill:#000}body .result-wheel .wheel-selected{opacity:1}.wheel-result-layout{animation:result-arrive .5s ease-out}.shadow-model-ring{display:none!important}.share-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.share-design-grid article{background:#d9d9d9;padding:24px;border:.6667px solid #aaa}.share-design-grid article:first-child{background:#f6e79d}.share-design-grid a{display:block;font-size:13px;font-weight:700;margin-top:24px}.result-share{margin-top:48px}
body.assessment-page .participant-masthead{margin-bottom:28px}body.assessment-page main{max-width:1120px;position:relative}body.assessment-page h1.assessment-position{font-size:12px;font-weight:600;letter-spacing:0;margin:0 0 20px 260px}body.assessment-page h1.assessment-position:before{display:none}body.assessment-page .assessment-layout{margin-top:0}.assessment-page #prompt{font-size:26px;line-height:1.3;font-weight:900}.assessment-page .question-instruction{font-size:13px;margin-bottom:24px}.assessment-page .choice{border:.6667px solid #aaa;border-radius:0;padding:12px;min-height:48px;font-size:14px}.assessment-page .choice:has(input:checked){background:#ecf7f1;border:.6667px solid #000;padding:12px}.assessment-page #previous{background:#fff;color:#000;border:.6667px solid #aaa}.assessment-page #review-answers{background:#fff;color:#000;font-size:12px;border:0;text-decoration:underline;padding-left:0}.clock-progress line{transition:transform .3s ease-out}
@keyframes result-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.wheel-result-layout{animation:none}.clock-progress line{transition:none}}
@media(max-width:700px){body .wheel-result-layout{grid-template-columns:1fr;gap:16px}.share-design-grid{grid-template-columns:1fr}.wheel-reading-band{padding:20px}.assessment-page #prompt{font-size:24px}body.assessment-page h1.assessment-position{margin:0 0 8px;font-size:13px}.assessment-page .assessment-progress{grid-template-columns:1fr 64px}.assessment-page .assessment-question{padding-top:8px}}
.share-design-grid article{background:#fff!important;padding:16px}.share-design-grid article>svg{display:block;width:100%;height:auto;margin-block:16px}.share-design-grid svg text{font-family:Montserrat,Arial,sans-serif}

body .wheel-result-layout{align-items:start}

/* Final V01 audit: guide overrides older prototype display treatments. */
body main.prototype-landing h1{font:var(--tt-type-page-desktop);letter-spacing:-.025em;grid-column:1/-1;margin:0;max-width:none}
.prototype-hero{grid-template-columns:minmax(0,1fr) 320px;gap:40px;padding:64px 8%;background:#f9f9f9;align-items:start}
.prototype-copy .prototype-intro{font-size:16px}.prototype-clock{stroke-width:.6667px}
body .prototype-section h2{font:var(--tt-type-section-desktop);text-transform:uppercase;max-width:none}
.prototype-perspective aside{background:#f9f9f9}
.wheel-reading-band,.wheel-reading-band.secondary,.wheel-reading-band.shadow{border-width:.6667px}
.wheel-reading-band.secondary,.wheel-reading-band.shadow{background:#f9f9f9}
body .wheel-reading-band h3{font:var(--tt-type-section-desktop)}
@media(max-width:800px){body main.prototype-landing h1{font:var(--tt-type-page-mobile)}.prototype-hero{grid-template-columns:1fr;padding:40px 24px;gap:24px}body .prototype-section h2{font:var(--tt-type-section-mobile)}}

/* Confirmed client journey notes: grey summary panel and locked tagline. */
.participant-identity{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.brand-tagline{font:700 12px/1.4 Montserrat,Arial,sans-serif;color:#000}
.prototype-summary{background:#d9d9d9;color:#000}.prototype-summary .prototype-clock{stroke:#000}.prototype-summary .clock-pivot{fill:#000}
body .prototype-summary a{color:#000}.prototype-summary button,.prototype-summary button:hover{background:#d9d9d9!important;color:#000!important}.prototype-summary button span{color:#000}.prototype-summary :focus-visible{outline-color:#000}
.answer-review{margin-top:28px;border-top:.6667px solid #d9d9d9;padding-top:16px}.answer-review summary{cursor:pointer;font-weight:700;padding:12px 0}
@media(max-width:700px){.participant-identity{gap:0;flex-direction:column;align-items:flex-start}.brand-tagline{font-size:10px;max-width:145px}.prototype-header .participant-identity{max-width:145px}}

#registration-form fieldset{border:0;padding:0;margin:32px 0}#registration-form fieldset legend{font-size:16px;font-weight:900;text-transform:uppercase;margin-bottom:16px}#registration-form fieldset label{display:block;font-weight:700;margin:16px 0 6px}#registration-form fieldset input{display:block;width:100%;box-sizing:border-box;min-height:48px;padding:12px;border:.6667px solid #777;font:300 16px Montserrat,Arial,sans-serif}

#status:empty{display:none}

/* Elisa's September 17 review: compact stacked identity and clear forward actions. */
.participant-identity{flex-direction:column;align-items:center;gap:0}
.participant-identity .brand-tagline{margin-top:-8px;margin-bottom:16px;text-align:center}
.prototype-symbols,.prototype-symbols li{border:0}
.prototype-perspective>.prototype-perspective-intro{grid-column:1/-1;max-width:65ch;font-size:20px;margin:0 0 24px}
body .prototype-hero .prototype-eyebrow{font-size:20px;text-transform:none;letter-spacing:0}
body .reflection-cta,body #begin,body #registration-form>button{background:var(--brand-sun);color:#000;border:1px solid #000}
body .reflection-cta:hover:not(:disabled),body #begin:hover:not(:disabled),body #registration-form>button:hover:not(:disabled){background:#f5e68f;color:#000}
@media(max-width:700px){.participant-identity{align-items:center}.participant-identity .brand-tagline{margin-top:-4px;font-size:10px}}

/* Brand System V4 presentation: start-page composition and final model artwork. */
.prototype-hero{grid-template-columns:minmax(0,1fr) 360px;align-items:center;padding:72px 7%;min-height:660px}
.prototype-copy{max-width:760px}.prototype-copy h1{max-width:12ch!important;margin-bottom:32px!important}
body .prototype-hero .prototype-eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:12px}
.prototype-copy .prototype-intro{max-width:66ch;font-size:16px;line-height:1.65}
.prototype-sparkle{top:auto;bottom:-72px;left:52%;width:230px;transform:none;z-index:0}
.prototype-sparkle svg{display:block;width:100%;height:auto}
.prototype-summary{align-self:center;min-height:510px;display:flex;flex-direction:column;justify-content:center}
.result-wheel .wheel-description{font-size:7px;font-weight:600;letter-spacing:.005em}
.result-wheel .wheel-type-label{font-size:8.5px;font-weight:900;letter-spacing:.02em}
.result-wheel .wheel-family-label{font-size:10px;font-weight:700;fill:currentColor}
.result-wheel .wheel-muted .wheel-type-label{fill:#fff}
.result-wheel .shadow-descriptor{font-size:9px;font-weight:500;letter-spacing:.025em}
.result-wheel .shadow-pattern-label,.result-wheel .wheel-muted .shadow-pattern-label{font-size:14px;font-weight:900;letter-spacing:.06em;fill:#fff}
.result-wheel .shadow-instigator text{font-size:11px;font-weight:500;letter-spacing:.04em}
body .result-wheel .wheel-muted{opacity:1}
.result-share article>svg{display:block;width:min(100%,576px);height:auto;aspect-ratio:4/5;object-fit:contain;max-height:720px;margin:16px auto}
@media(max-width:800px){.prototype-hero{grid-template-columns:1fr;min-height:0;padding:48px 24px 24px}.prototype-copy h1{max-width:13ch!important}.prototype-sparkle{width:120px;left:auto;right:-20px;bottom:500px;opacity:.8}.prototype-summary{min-height:0}.result-wheel .wheel-description{font-size:8px}}

body #next,body #complete,body #reflection-form button[type="submit"]{background:var(--brand-sun);color:#000}

/* September 24 master references: short snapshot uses the presentation's
   editorial hierarchy, thin rules and restrained family-tint panels. */
#profile-snapshot{margin:40px 0;padding:40px;background:#fff;border-top:.6667px solid #000;border-bottom:.6667px solid #000}
#profile-snapshot>h2{font:900 32px/1.15 Montserrat,Arial,sans-serif;text-transform:none;margin:0 0 32px}
#profile-snapshot>section{padding:24px 28px;margin:0;border-top:.6667px solid #000}
#profile-snapshot>section:nth-of-type(1){background:#fff9db}
#profile-snapshot>section:nth-of-type(2){background:#eef5ff}
#profile-snapshot>section:nth-of-type(3){background:#f1f1f1}
#profile-snapshot h3{font:900 12px/1.4 Montserrat,Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;margin:0 0 16px}
#profile-snapshot h4{font:900 24px/1.2 Montserrat,Arial,sans-serif;margin:8px 0}
#profile-snapshot section p{margin:0 0 12px;max-width:52ch}
#profile-snapshot>p{font-size:13px;margin:24px 0 0;max-width:62ch}
@media(max-width:700px){#profile-snapshot{padding:28px 0}#profile-snapshot>section{padding:20px 18px}#profile-snapshot>h2{font-size:28px}#profile-snapshot h4{font-size:21px}}

/* Released profile print view: retain profile content, omit interactive controls. */
@media print {
  .app-phase-result .participant-skip,.app-phase-result .profile-print-controls,
  .app-phase-result .result-share,.app-phase-result .site-footer,
  .app-phase-result .result-facts {display:none!important}
  .app-phase-result .page-shell,.app-phase-result .experience-card {max-width:none;width:auto;margin:0;padding:0}
  .app-phase-result .profile-detail-grid {display:block}
  .app-phase-result .profile-detail-grid section {break-inside:avoid;margin-bottom:16pt}
  .app-phase-result h2,.app-phase-result h3 {break-after:avoid}
  .app-phase-result .wheel-result-layout {display:block}
  .app-phase-result figure {break-inside:avoid;max-width:150mm;margin:12pt auto}
  .app-phase-result svg {max-width:100%;height:auto}
  .app-phase-result .model-family-list {grid-template-columns:repeat(3,minmax(0,1fr));gap:8pt}
  .app-phase-result .model-family {break-inside:avoid}
  .app-phase-result .model-family h3 {padding:8pt}
  .app-phase-result .model-family li {min-height:0;padding:8pt}
}

/* Presentation V05: circumferential type/motivator labels and two-line descriptors. */
body .result-wheel.time-type-wheel .wheel-type-label{font-size:12px;font-weight:800;letter-spacing:1px;fill:#fff}
body .result-wheel.time-type-wheel .wheel-description{font-size:9px;font-weight:600;letter-spacing:.65px;fill:#000}
body .result-wheel.time-type-wheel .wheel-family-label{font-size:12px;font-weight:700;letter-spacing:1px;fill:currentColor}
body .result-wheel.time-type-wheel .wheel-segment>path{stroke:#000;stroke-width:.7px}

/* Shadow Patterns: presentation V05 circumferential labels and continuous centre. */
body .result-wheel.shadow-pattern-wheel .shadow-descriptor{font-size:9.5px;font-weight:500;letter-spacing:1px;fill:#000}
body .result-wheel.shadow-pattern-wheel .shadow-pattern-label{font-size:13px;font-weight:800;letter-spacing:1px;fill:#fff}
body .result-wheel.shadow-pattern-wheel .shadow-instigator-label{font-size:13px;font-weight:500;letter-spacing:1px;fill:#000}
body .result-wheel.shadow-pattern-wheel .wheel-centre{font-size:34px;font-weight:900;letter-spacing:2px;fill:#000}
body .result-wheel.shadow-pattern-wheel .shadow-sector>path{stroke:#000;stroke-width:.5px}
body .result-wheel.shadow-pattern-wheel .shadow-sector>.wheel-result-edge{stroke:#000;stroke-width:.5px}

/* Start-page reference: grey editorial hero, black summary panel and white CTA. */
body main.prototype-landing .prototype-header{display:grid;grid-template-columns:230px minmax(0,1fr) auto;gap:24px;min-height:132px}
body .prototype-header .prototype-symbols{display:grid;grid-template-columns:repeat(10,1fr);margin:0;padding:0;border:0}
body .prototype-header .prototype-symbols li{height:42px;border:0}
body .prototype-header .prototype-symbols svg{width:38px;height:36px}
body .prototype-header .prototype-badge{white-space:nowrap}
body main.prototype-landing .prototype-hero{background:#d9d9d9;grid-template-columns:minmax(0,1fr) 310px;gap:56px;padding:72px 7% 64px;min-height:650px;align-items:center}
body main.prototype-landing .prototype-copy{max-width:760px}
body main.prototype-landing .prototype-question{font-size:18px;margin:0 0 16px;line-height:1.4}
body main.prototype-landing .prototype-copy h1{font:900 clamp(54px,6vw,92px)/1.06 Montserrat,Arial,sans-serif;letter-spacing:-.04em;max-width:13ch!important;margin:0 0 32px!important}
body main.prototype-landing .prototype-intro{font-size:18px;line-height:1.5;max-width:49ch;margin:0 0 24px}
body main.prototype-landing .prototype-summary{background:#000;color:#fff;min-height:0;padding:28px;align-self:center}
body .prototype-summary .prototype-clock{stroke:#fff;stroke-width:1;fill:none;width:190px;height:190px;margin:0 auto 18px}
body .prototype-summary .clock-pivot{fill:#d9d9d9;stroke:none}
body .prototype-summary dl{margin-bottom:18px}
body .prototype-summary dl>div{border-top:0;border-bottom:1px solid #aaa;padding:13px 0}
body .prototype-summary dt{font-size:12px;font-weight:300}
body .prototype-summary dd{font-size:14px;font-weight:800}
body main.prototype-landing .prototype-summary button{display:block;background:#fff!important;color:#000!important;border:1px solid #fff;padding:14px 12px;text-align:center;font:900 18px/1.2 Montserrat,Arial,sans-serif;letter-spacing:.01em}
body main.prototype-landing .prototype-summary button:hover{background:#efd855!important;color:#000!important}
body .prototype-summary button span{display:none}
body main.prototype-landing .prototype-summary .prototype-return{color:#fff;font-size:11px;text-align:center;margin-top:18px}
body main.prototype-landing .prototype-summary :focus-visible{outline:3px solid #efd855;outline-offset:4px}
body main.prototype-landing .prototype-sparkle{width:250px;left:auto;right:calc(7% + 280px);top:auto;bottom:-58px;transform:none;opacity:1}
@media(max-width:1000px){body main.prototype-landing .prototype-header{grid-template-columns:180px minmax(0,1fr);gap:12px}.prototype-header .prototype-badge{grid-column:2;grid-row:1;justify-self:end}.prototype-header .prototype-symbols{grid-column:1/-1}body main.prototype-landing .prototype-hero{padding:48px 5%;gap:28px;grid-template-columns:minmax(0,1fr) 280px}body main.prototype-landing .prototype-copy h1{font-size:clamp(48px,6vw,70px)}body main.prototype-landing .prototype-sparkle{right:270px}}
@media(max-width:700px){body main.prototype-landing{padding:0 16px 24px}body main.prototype-landing .prototype-header{padding:16px 0}.prototype-header .prototype-badge{font-size:9px}body main.prototype-landing .prototype-hero{grid-template-columns:1fr;padding:36px 24px 24px;gap:40px}body main.prototype-landing .prototype-copy h1{font-size:clamp(42px,10.8vw,64px);line-height:1.06}body main.prototype-landing .prototype-question{font-size:16px}body main.prototype-landing .prototype-intro{font-size:16px}body main.prototype-landing .prototype-summary{width:100%;box-sizing:border-box}body main.prototype-landing .prototype-sparkle{width:120px;right:-20px;bottom:440px}.prototype-header .prototype-symbols svg{width:28px;height:28px}}
body .prototype-header .prototype-symbols{grid-template-columns:repeat(10,minmax(0,1fr));min-width:0}
body .prototype-header .prototype-symbols li{min-width:0}
body main.prototype-landing .prototype-sparkle{width:400px;bottom:-118px;right:calc(7% + 240px)}
@media(max-width:700px){body .prototype-header .prototype-symbols svg{width:28px;height:28px}body main.prototype-landing .prototype-sparkle{width:160px;right:-35px;bottom:440px}}
/* Mobile starburst remains visible in the later approved stacked layout. */

/* Elise Goodhoofd review, 24 September 2026: boxy UI, black 0.5 pt rules,
   and proportional scaling for each complete mini-icon SVG group. */
:root{--tt-radius-rectangle:0;--tt-radius-circle:0;--tt-radius-pill:0;--tt-border-hairline:.6667px;--tt-border-interactive:.6667px}
body button,body input,body select,body textarea,body fieldset,body section,body .choice,body .selection-summary li,body .result-emblem,body .result-role-label,body .mastering-profile,body .wheel-reading-band,body .draft-history li,body .participation .refresh{border-radius:0!important}
body section,body fieldset,body input,body select,body textarea,body button,body .choice,body .selection-summary li,body .result-emblem,body .result-role-label,body .mastering-profile,body .wheel-reading-band,body .draft-history li,body .participation .refresh{border-color:#000}
body .prototype-header .prototype-symbols svg{display:block;width:38px;height:auto;aspect-ratio:18/16;max-width:100%}
body .result-wheel path,body .result-wheel circle,body .result-wheel rect{stroke:#000;stroke-width:.5px}
body .result-wheel [stroke="none"]{stroke:none}
body .prototype-summary .prototype-clock,body .clock-progress svg line,body .clock-progress svg path,body .clock-progress svg>circle:first-child{stroke:#000;stroke-width:.5px}
body .prototype-summary .prototype-clock{stroke:#000;background:#fff}
@media(max-width:700px){body .prototype-header .prototype-symbols svg{width:28px;height:auto}}

/* Website V02, September 28, 2026: the review build and invitation entry use
   the supplied white-field, full-outline compositions. These rules supersede
   earlier grey-hero, white-CTA and stacked-desktop-identity treatments. */
body main.prototype-landing{max-width:1440px;padding:0 clamp(20px,4vw,64px) 48px}
body main.prototype-landing .prototype-header{display:grid;grid-template-columns:max-content minmax(200px,1fr) max-content;align-items:end;gap:24px;min-height:0;padding:32px 0 28px}
body main.prototype-landing .prototype-header .participant-identity{display:flex;flex-direction:row;align-items:flex-end;gap:14px;white-space:nowrap}
body main.prototype-landing .prototype-header .brand-lockup{display:block;min-height:0}
body main.prototype-landing .prototype-header .brand-lockup svg{display:block;width:178px;height:auto}
body main.prototype-landing .prototype-header .brand-tagline{margin:0 0 4px;font:700 12px/1.2 Montserrat,Arial,sans-serif;text-align:left}
body main.prototype-landing .prototype-symbol-strip{display:block;width:min(100%,560px);height:auto;justify-self:center}
body main.prototype-landing .prototype-header .prototype-badge{margin:0;align-self:center;border:.6667px solid #000;padding:8px 14px;background:#fff;color:#000;font:700 11px/1.2 Montserrat,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
body main.prototype-landing .prototype-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:stretch;gap:56px;min-height:590px;margin:0;padding:0 0 0 clamp(28px,6vw,88px);overflow:visible;border:.6667px solid #000;background:#fff}
body main.prototype-landing .prototype-copy{align-self:center;max-width:690px;padding:72px 0}
body main.prototype-landing .prototype-copy h1{font:900 clamp(46px,5.8vw,86px)/1.03 Montserrat,Arial,sans-serif;max-width:12ch!important;margin:0 0 28px!important;letter-spacing:-.045em}
body main.prototype-landing .prototype-question{margin:0 0 14px;font:300 19px/1.4 Montserrat,Arial,sans-serif}
body main.prototype-landing .prototype-intro{margin:0 0 26px;font-size:17px;line-height:1.55}
body main.prototype-landing .prototype-sparkle{position:absolute;z-index:2;left:52%;right:auto;top:auto;bottom:-66px;width:178px;margin:0;opacity:1;transform:none;pointer-events:none}
body main.prototype-landing .prototype-sparkle svg{display:block;width:100%;height:auto}
body main.prototype-landing .prototype-summary{display:flex;align-self:stretch;justify-content:center;min-height:0;margin:0;padding:30px;background:#000;color:#fff}
body main.prototype-landing .prototype-summary .prototype-clock{background:transparent;stroke:#fff;stroke-width:.6667px}
body main.prototype-landing .prototype-summary .clock-pivot{fill:#fff}
body main.prototype-landing .prototype-summary dl>div{border-color:#fff}
body main.prototype-landing .prototype-summary button{border:.6667px solid #efd855;background:#efd855!important;color:#000!important}
body main.prototype-landing .prototype-summary button:hover:not(:disabled){border-color:#efd855;background:#f5e899!important;color:#000!important}
body main.prototype-landing .prototype-summary .prototype-return{color:#fff}
body main.prototype-landing .prototype-section{border-bottom:.6667px solid #000}

/* The invitation is a single uncomplicated entry card. The token claim remains
   in the client script; this only changes the presentation around that flow. */
body main.claim-page{max-width:1160px;margin:0 auto;padding:32px clamp(20px,5vw,72px) 64px}
body .claim-page>.participant-identity{display:flex;align-items:flex-end;gap:16px;margin:0;padding:0}
body .claim-page>.participant-identity .brand-lockup{display:block;min-height:0}
body .claim-page>.participant-identity .brand-lockup svg{display:block;width:178px;height:auto}
body .claim-page>.participant-identity .brand-tagline{margin:0 0 4px;font:700 12px/1.2 Montserrat,Arial,sans-serif;text-align:left}
body .claim-page .claim-card{width:min(100%,720px);margin:72px 0 0;padding:clamp(32px,6vw,72px);border:.6667px solid #000;background:#fff}
body .claim-page .claim-card h1{margin:0 0 18px;font:900 clamp(42px,6vw,72px)/1.04 Montserrat,Arial,sans-serif;letter-spacing:-.045em;text-transform:none}
body .claim-page .claim-card p{margin:0 0 22px;font-size:18px}
body .claim-page .claim-card #begin{min-width:180px;border:.6667px solid #efd855;background:#efd855;color:#000}
body .claim-page .claim-card #begin:hover:not(:disabled){background:#f5e899;color:#000}
body .claim-page .claim-card #status{margin:24px 0 0;font-size:14px}

@media(max-width:800px){
 body main.prototype-landing .prototype-header{grid-template-columns:1fr;justify-items:center;gap:16px;padding:20px 0 24px}
 body main.prototype-landing .prototype-header .prototype-badge{grid-row:1;align-self:auto;justify-self:center;font-size:9px}
 body main.prototype-landing .prototype-header .participant-identity{grid-row:2;flex-direction:column;align-items:center;gap:0;white-space:normal}
 body main.prototype-landing .prototype-header .brand-lockup svg{width:156px}
 body main.prototype-landing .prototype-header .brand-tagline{margin-top:-5px;margin-bottom:0;text-align:center;font-size:10px}
 body main.prototype-landing .prototype-symbol-strip{grid-row:3;width:min(100%,480px)}
 body main.prototype-landing .prototype-hero{grid-template-columns:1fr;gap:28px;min-height:0;padding:0}
 body main.prototype-landing .prototype-copy{padding:42px 24px 0}
 body main.prototype-landing .prototype-copy{align-self:auto}
 body main.prototype-landing .prototype-copy h1{font-size:clamp(42px,11vw,64px)}
 body main.prototype-landing .prototype-sparkle{position:relative;order:2;left:auto;bottom:auto;width:142px;margin:0 auto}
 body main.prototype-landing .prototype-summary{order:3;min-height:0;padding:28px}
 body main.prototype-landing .prototype-summary form{margin-top:6px}
 body .claim-page>.participant-identity{flex-direction:column;align-items:flex-start;gap:0}
 body .claim-page>.participant-identity .brand-tagline{margin-top:-5px}
 body .claim-page .claim-card{margin-top:48px}
}
@media(max-width:480px){
 body main.prototype-landing{padding-inline:16px}
 body main.prototype-landing .prototype-hero{padding-inline:20px}
 body main.prototype-landing .prototype-summary button{font-size:16px}
 body .claim-page .claim-card{padding:32px 24px}
 body .claim-page .claim-card #begin{width:100%}
}

/* Website V02 correction, September 28, 2026: retain the supplied logo/tagline
   relationship, and make the hero artwork/card sit inside its outer frame. */
body main.prototype-landing .prototype-header .participant-identity{flex-direction:row;align-items:flex-end;gap:32px}
body main.prototype-landing .prototype-header .brand-tagline{margin:0 0 44px;text-align:left}
body main.prototype-landing .prototype-hero{grid-template-columns:minmax(0,1fr) minmax(230px,300px);gap:48px;min-height:620px;padding:0 clamp(36px,4vw,64px) clamp(36px,4vw,64px) clamp(28px,6vw,88px)}
body main.prototype-landing .prototype-copy{align-self:start}
body main.prototype-landing .prototype-sparkle{z-index:0;width:267px;right:calc(clamp(36px,4vw,64px) + 348px);left:auto;bottom:0}
body main.prototype-landing .prototype-summary{align-self:start;padding:26px}
body main.prototype-landing .prototype-summary .prototype-clock{width:164px;height:164px}
@media(max-width:1000px){
 body main.prototype-landing .prototype-hero{grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:32px;padding-right:32px;padding-bottom:32px}
 body main.prototype-landing .prototype-sparkle{width:225px;right:344px;left:auto;bottom:32px}
}
@media(max-width:800px){
 body main.prototype-landing .prototype-header .participant-identity{align-items:center}
 body main.prototype-landing .prototype-header .brand-tagline{margin:-5px 0 0;text-align:center}
 body main.prototype-landing .prototype-hero{grid-template-columns:1fr;padding:0;gap:28px}
 body main.prototype-landing .prototype-sparkle{width:min(213px,56.25vw);right:auto;left:auto;bottom:auto}
 body main.prototype-landing .prototype-summary{align-self:stretch;padding:28px}
 body main.prototype-landing .prototype-summary .prototype-clock{width:190px;height:190px}
}

@media(min-width:801px){
 body main.prototype-landing .prototype-header{display:flex;align-items:center;gap:0;padding:20px 0 16px}
 body main.prototype-landing .prototype-header .participant-identity{flex:0 0 auto;gap:32px}
 body main.prototype-landing .prototype-header .brand-tagline{margin:0 0 44px;font:700 18px/1.2 Montserrat,Arial,sans-serif}
 body main.prototype-landing .prototype-symbol-strip{width:280px;margin-left:auto;justify-self:auto;transform:translateY(16px)}
 body main.prototype-landing .prototype-header .prototype-badge{margin-left:32px;align-self:center;transform:translateY(16px)}
}

/* Invitation desktop header and frame deliberately match the review-home field. */
@media(min-width:801px){
 body main.claim-page{max-width:1440px;padding:20px clamp(20px,4vw,64px) 64px}
 body .claim-page>.participant-identity{display:flex;flex-direction:row;align-items:flex-end;gap:32px;margin:0;padding:0;white-space:nowrap}
 body .claim-page>.participant-identity .brand-lockup svg{width:178px}
 body .claim-page>.participant-identity .brand-tagline{margin:0 0 44px;font:700 18px/1.2 Montserrat,Arial,sans-serif;text-align:left}
 body .claim-page .claim-card{box-sizing:border-box;width:100%;max-width:none;margin:16px 0 0}
}

/* Preserve the approved visible mobile starburst and 32px mobile headline
   adaptation when the latest longer hero copy is used at narrow widths. */
@media(max-width:800px){
 body main.prototype-landing .prototype-sparkle{display:block;position:relative;order:2}
 body main.prototype-landing .prototype-copy h1{font-size:clamp(32px,8vw,64px);overflow-wrap:anywhere}
 body main.prototype-landing .prototype-copy{padding-inline:16px}
}
.participant-support{margin-block:1.5rem;min-width:0;overflow-wrap:anywhere}
.participant-support section{margin-block:1.5rem}
.participant-support h2{font-size:1.1rem;line-height:1.4}
.participant-support time{white-space:normal;overflow-wrap:anywhere}
.participant-support a{display:inline-block;min-height:24px;padding-block:.25rem}

/* Readable model labels keep the supplied geometry and palette intact. */
body .result-wheel.time-type-wheel .wheel-type-label,body .result-wheel.time-type-wheel .wheel-family-label,body .result-wheel.shadow-pattern-wheel .shadow-pattern-label{fill:#000}

.participant-start #perspective-title {
  text-transform:none!important;
}
@media(max-width:640px){
  .participant-start #start-title{font-size:clamp(26px,8vw,32px)!important;line-height:1.12!important}
}
.participant-start .reflection-cta {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
  padding:.85rem 1.3rem;
  text-decoration:none;
}
.participant-start summary {
  min-height:44px;
  padding:.6rem 0;
  cursor:pointer;
}
.participant-start summary:focus-visible {
  outline:3px solid #000;
  outline-offset:4px;
}

/* Owner-requested WEBSITE-TimeTool-V02 visual entry treatment. No route/claim changes. */
body main.participant-entry{max-width:1200px;padding:0 32px 64px}
.participant-entry .entry-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;background:var(--brand-gray,#d9d9d9);border:.6667px solid #000;padding:48px;margin-top:32px;align-items:start;overflow:visible}
.entry-copy{min-width:0}.participant-entry #entry-title{text-transform:none;font-size:clamp(32px,4.5vw,64px)!important;line-height:1.1!important}
.entry-star{width:180px;max-width:100%;margin:20px 0 0 auto;overflow:visible}.entry-star svg{display:block;width:100%;height:auto;overflow:visible}
.participant-entry .entry-actions{background:#000;color:#fff;border:.6667px solid #000;margin:0;padding:28px;min-width:0}
.participant-entry .entry-actions h2{color:#fff!important;text-transform:none!important}.participant-entry .entry-actions p,.participant-entry .entry-actions a{color:#fff!important}
.participant-entry .entry-actions button{background:var(--brand-sun,#efd855)!important;color:#000!important;width:100%;border:.6667px solid #efd855}
.participant-entry .entry-actions button:disabled{opacity:.6}.participant-entry .entry-actions #status{background:transparent!important;color:#fff!important}
.participant-entry .entry-actions :focus-visible{outline:3px solid #efd855;outline-offset:4px}
.participant-entry .entry-perspective{border:0;padding:40px 0}.participant-entry #entry-perspective-title{text-transform:none!important}
.participant-start .entry-start-hero{background:var(--brand-gray,#d9d9d9)}
@media(max-width:700px){body main.participant-entry{padding:0 20px 48px}.participant-entry .entry-hero{grid-template-columns:1fr;padding:24px;gap:24px}.participant-entry #entry-title{font-size:clamp(26px,8vw,36px)!important}.entry-star{width:140px}.participant-entry .entry-actions{padding:24px}}

body main.participant-entry .entry-hero,body .participant-start .entry-start-hero{background:#d9d9d9!important}
body main.participant-entry .entry-actions{background:#000!important;color:#fff!important;padding:28px;margin:0;width:100%}
.entry-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px}.entry-symbols{display:flex;align-items:center;gap:12px}.entry-symbols svg{width:18px;height:18px;display:block}
body main.participant-entry .entry-header .participant-identity{flex-direction:row;align-items:flex-end;gap:20px}
body main.participant-entry .entry-header .brand-tagline{margin:0;padding-bottom:20px;text-align:left}
@media(max-width:700px){.entry-header{display:block}.entry-symbols{margin-top:16px;gap:10px;max-width:100%}.entry-symbols svg{width:16px;height:16px;flex:none}}
@media(max-width:700px){body main.participant-entry .entry-header .participant-identity{flex-direction:column;align-items:center;gap:0}body main.participant-entry .entry-header .brand-tagline{padding:0;margin-top:-4px;text-align:center}}

/* Final reference presentation: flush panel and approved journey/model sections. */
body main.participant-entry .entry-header .brand-tagline{max-width:none;white-space:nowrap}
body main.participant-entry .entry-hero{padding:0;gap:0;grid-template-columns:minmax(0,1fr) 320px;align-items:start}
body main.participant-entry .entry-copy{padding:48px;position:relative}
body main.participant-entry .entry-actions{padding:28px;border:0;min-height:100%;align-self:stretch}
body main.participant-entry .entry-header .brand-lockup{width:140px;max-width:140px;min-width:140px;padding:12px 0}
body main.participant-entry .entry-header .brand-tagline{padding-bottom:32px;font-size:14px}
.entry-clock{display:block;width:190px;max-width:100%;height:auto;margin:0 auto 24px;fill:none;stroke:#fff;stroke-width:.6667px}.entry-clock .clock-pivot{fill:#fff;stroke:none}
.entry-summary{margin:0 0 24px}.entry-summary>div{padding:12px 0;border-top:.6667px solid #777}.entry-summary dt{font-size:11px;text-transform:uppercase;font-weight:400}.entry-summary dd{margin:2px 0 0;font-size:14px;font-weight:700}
body main.participant-entry .entry-journey,body main.participant-entry .entry-models,body main.participant-entry .entry-ready{border:0;border-top:.6667px solid #000;padding:40px 0;margin-top:24px}
.entry-eyebrow{font-size:12px;font-weight:700;text-transform:uppercase}.entry-steps{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.entry-steps li{min-width:0}.entry-steps li>span{display:block;font-size:12px;font-weight:700;margin-bottom:12px}.entry-steps h3{margin-bottom:12px}
.entry-models>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.entry-models>div>p{border:.6667px solid #000;padding:24px;margin:16px 0 0;min-width:0}
@media(max-width:700px){body main.participant-entry .entry-hero{grid-template-columns:1fr;padding:0;gap:0}body main.participant-entry .entry-copy{padding:24px}body main.participant-entry .entry-actions{padding:24px}.entry-steps,.entry-models>div{grid-template-columns:1fr;gap:16px}.entry-models>div>p{margin-top:0}body main.participant-entry .entry-header .brand-lockup{width:120px;min-width:120px;max-width:120px;padding:12px 0}body main.participant-entry .entry-header .brand-tagline{padding:0;font-size:12px}}

/* Landing header decoration: twice the original dimensions at each breakpoint. */
.claim-page.participant-entry .entry-header .entry-symbols{flex-wrap:wrap;max-width:100%}
.claim-page.participant-entry .entry-header .entry-symbols>svg{width:36px;height:36px;flex:none}
@media(max-width:700px){.claim-page.participant-entry .entry-header .entry-symbols>svg{width:32px;height:32px}}