
#pwr-start-line {padding:12px 0; font-family:Arial,sans-serif; --pwr-bg:light-dark(#f4f3eb,#11130f);--pwr-panel:light-dark(#eae9df,#1c1e19);--pwr-text:light-dark(#171a14,#f4f3eb);--pwr-muted:light-dark(#555b4e,#b8bab1);--pwr-line:light-dark(#c7cabb,#3b4034);--pwr-gold:light-dark(#a75a00,#ffbd59)}
#pwr-start-line * {box-sizing:border-box}
#pwr-start-line [hidden] {display:none!important}
#pwr-start-line .pwr-window {background:var(--pwr-bg);color:var(--pwr-text);border:1px solid var(--pwr-line);border-radius:6px;overflow:hidden}
#pwr-start-line .pwr-top {padding:22px 26px;border-bottom:1px solid var(--pwr-line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:100px}
#pwr-start-line .pwr-logo {font-style:italic;font-weight:900;letter-spacing:-1.2px;font-size:23px;white-space:nowrap}
#pwr-start-line .pwr-top small {font-size:12px;letter-spacing:1.5px;color:var(--pwr-muted)}
#pwr-start-line .pwr-body {padding:28px;max-width:760px;margin:auto}
#pwr-start-line .pwr-eyebrow {color:var(--pwr-gold);font-size:12px;letter-spacing:1.8px;font-weight:700;margin:0 0 12px}
#pwr-start-line h2 {font-size:clamp(28px,5vw,42px);font-weight:900;letter-spacing:-1.2px;line-height:1.05;margin:0 0 12px;text-transform:uppercase}
#pwr-start-line .pwr-intro {color:var(--pwr-muted);line-height:1.6;font-size:15px;margin:0 0 22px;max-width:540px}
#pwr-start-line .pwr-flow {display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:22px 0 26px}
#pwr-start-line .pwr-node {text-align:left;background:var(--pwr-panel);color:var(--pwr-muted);border:0;border-top:3px solid transparent;padding:10px 8px;min-height:54px;font:inherit;font-size:12px}
#pwr-start-line .pwr-node span {display:block;font-size:11px;margin-bottom:4px;opacity:.8}
#pwr-start-line .pwr-node[aria-current="step"] {color:var(--pwr-text);border-top-color:var(--pwr-gold)}
#pwr-start-line .pwr-node:disabled {opacity:.55}
#pwr-start-line .pwr-node.done {border-top-color:var(--pwr-line)}
#pwr-start-line .pwr-question-header {display:flex;justify-content:space-between;gap:14px;align-items:center;color:var(--pwr-muted);font-size:12px;margin-bottom:13px}
#pwr-start-line .pwr-progress {height:3px;background:var(--pwr-line);margin-bottom:28px;overflow:hidden}
#pwr-start-line .pwr-progress div {height:100%;background:var(--pwr-gold);transition:width .2s ease}
#pwr-start-line fieldset {padding:0;margin:0;border:0;min-width:0}
#pwr-start-line legend {font-size:25px;font-weight:700;line-height:1.2;margin-bottom:10px;max-width:100%}
#pwr-start-line .pwr-help {font-size:14px;color:var(--pwr-muted);line-height:1.5;margin:0 0 18px}
#pwr-start-line .pwr-options {display:grid;grid-template-columns:1fr 1fr;gap:10px}
#pwr-start-line .pwr-option {display:flex;align-items:center;gap:12px;border:1px solid var(--pwr-line);padding:16px;min-height:66px;background:var(--pwr-panel);font-size:15px;line-height:1.35;border-radius:3px}
#pwr-start-line .pwr-option:has(input:checked) {border-color:var(--pwr-gold);background:color-mix(in srgb,var(--pwr-gold) 9%,var(--pwr-panel))}
#pwr-start-line input {accent-color:var(--pwr-gold);width:18px;height:18px;flex-shrink:0;margin:0}
#pwr-start-line .pwr-select {width:100%;background:var(--pwr-panel);color:var(--pwr-text);border:1px solid var(--pwr-line);border-radius:3px;min-height:56px;padding:14px;font:16px Arial,sans-serif}
#pwr-start-line .pwr-actions {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}
#pwr-start-line .pwr-button {display:inline-flex;justify-content:center;align-items:center;gap:18px;background:light-dark(#ffbd59,#ffbd59);color:#11130f;padding:13px 20px;border:1px solid transparent;border-radius:3px;font:700 14px Arial,sans-serif;text-decoration:none;min-height:46px}
#pwr-start-line .pwr-button:disabled {opacity:.4}
#pwr-start-line .pwr-text-button {background:transparent;color:var(--pwr-text);border:0;min-height:44px;padding:8px 0;font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:4px}
#pwr-start-line .pwr-bottom {color:var(--pwr-muted);font-size:12px;line-height:1.6;border-top:1px solid var(--pwr-line);margin-top:26px;padding-top:16px}
#pwr-start-line .pwr-result {padding-top:6px}
#pwr-start-line .pwr-result h2 {font-size:29px;line-height:1.15;margin:12px 0;letter-spacing:-.6px}
#pwr-start-line .pwr-result p {font-size:15px;line-height:1.6;color:var(--pwr-muted)}
#pwr-start-line .pwr-result ul {padding-left:20px;line-height:1.6;font-size:15px}
#pwr-start-line .pwr-summary {padding:18px 0;border-block:1px solid var(--pwr-line);display:flex;flex-wrap:wrap;gap:8px 24px;margin:22px 0;font-size:13px}
#pwr-start-line .pwr-summary span {color:var(--pwr-muted)}
#pwr-start-line .pwr-diagram ol {list-style:none;padding:0;margin:22px 0;display:grid;gap:0}
#pwr-start-line .pwr-diagram li {padding:14px 16px;border-left:2px solid var(--pwr-gold);background:var(--pwr-panel);margin-bottom:8px;font-size:15px;line-height:1.45}
#pwr-start-line .pwr-diagram li small {display:block;color:var(--pwr-muted);font-size:13px;margin-top:3px}
#pwr-start-line .pwr-paths {display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
#pwr-start-line .pwr-paths div {border-top:2px solid var(--pwr-gold);padding-top:12px;line-height:1.5;font-size:14px}
#pwr-start-line .pwr-paths small {display:block;color:var(--pwr-muted);font-size:12px;margin-top:8px}
@media(max-width:500px){#pwr-start-line .pwr-body{padding:22px 18px}#pwr-start-line .pwr-top{padding:18px; padding-right:95px}#pwr-start-line .pwr-top small{display:none}#pwr-start-line .pwr-flow{grid-template-columns:repeat(3,1fr)}#pwr-start-line .pwr-options,#pwr-start-line .pwr-paths{grid-template-columns:1fr}#pwr-start-line .pwr-option{min-height:56px}}
@media(prefers-reduced-motion:reduce){#pwr-start-line .pwr-progress div{transition:none}}

/* Adopt the existing PWR type, colours and focus system. */
#pwr-start-line{font-family:var(--body);--pwr-bg:var(--ink);--pwr-panel:var(--surface);--pwr-text:var(--paper);--pwr-muted:var(--muted);--pwr-line:var(--line);--pwr-gold:var(--gold);padding:44px 20px 72px}
#pwr-start-line .pwr-window{max-width:850px;margin:auto}
#pwr-start-line .pwr-body{padding:36px;max-width:none}
#pwr-start-line h1{font-family:var(--display);font-size:clamp(44px,7vw,72px);line-height:.95;margin:0 0 20px}
#pwr-start-line .pwr-button,#pwr-start-line .pwr-text-button,#pwr-start-line .pwr-select{font-family:var(--body)}
#pwr-start-line .pwr-button{background:var(--gold);color:var(--ink)}
#pwr-start-line .pwr-intro{font-size:18px;max-width:610px}
#pwr-start-line legend{font-size:28px}
#pwr-start-line .pwr-result h2{font-family:var(--display);font-size:36px;text-transform:uppercase}
#pwr-start-line .pwr-options input{width:18px;height:18px;padding:0;border:0;appearance:auto}
#pwr-start-line .pwr-actions{flex-wrap:wrap}
#pwr-start-line :focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:500px){#pwr-start-line{padding:24px 12px 48px}#pwr-start-line .pwr-body{padding:24px 18px}#pwr-start-line legend{font-size:24px}#pwr-start-line .pwr-actions .pwr-button{flex-grow:1}}

/* Discrete answer sliders retain the team's existing distance and volume ranges. */
#pwr-start-line .pwr-range-panel{padding:24px;border:1px solid var(--pwr-line);background:var(--pwr-panel);border-radius:3px}
#pwr-start-line .pwr-range-value{display:block;min-height:64px;font:700 clamp(22px,3vw,30px)/1.3 var(--body);color:var(--pwr-gold);text-wrap:balance}
#pwr-start-line .pwr-range-controls{display:flex;align-items:center;gap:16px;margin:12px 0}
#pwr-start-line .pwr-range-step{width:44px;height:44px;flex:none;border:1px solid var(--pwr-line);background:var(--pwr-bg);color:var(--pwr-text);border-radius:3px;font-size:24px;line-height:1}
#pwr-start-line .pwr-range-step:disabled{opacity:.4}
#pwr-start-line input[type=range]{appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:44px;margin:0;flex:1;background:transparent;cursor:pointer;padding:0;border:0}
#pwr-start-line input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--pwr-gold) 0 var(--range-fill,0%),var(--pwr-line) var(--range-fill,0%) 100%)}
#pwr-start-line input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:28px;height:28px;background:var(--pwr-gold);border:3px solid var(--pwr-bg);border-radius:50%;margin-top:-11px;box-shadow:0 0 0 1px var(--pwr-gold)}
#pwr-start-line input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:var(--pwr-line)}
#pwr-start-line input[type=range]::-moz-range-progress{height:6px;background:var(--pwr-gold)}
#pwr-start-line input[type=range]::-moz-range-thumb{width:22px;height:22px;background:var(--pwr-gold);border:3px solid var(--pwr-bg);border-radius:50%}
#pwr-start-line .pwr-range-limits{display:flex;justify-content:space-between;gap:24px;color:var(--pwr-muted);font-size:12px;line-height:1.4}
#pwr-start-line .pwr-range-limits span:last-child{text-align:right}
#pwr-start-line .pwr-range-hint{font-size:13px;line-height:1.5;color:var(--pwr-muted);margin:20px 0 0}
@media(max-width:500px){#pwr-start-line .pwr-range-panel{padding:18px 14px}#pwr-start-line .pwr-range-controls{gap:12px}#pwr-start-line .pwr-range-value{min-height:78px}}

/* The full shared questionnaire sits within Coaching & Testing. */
#pwr-start-line.questionnaire-embedded{padding-block:64px;scroll-margin-top:130px}
#pwr-start-line .pwr-quiz-title{font-family:var(--display);font-size:clamp(44px,7vw,72px);line-height:.95;margin:0 0 20px}
@media(max-width:500px){#pwr-start-line.questionnaire-embedded{padding-block:32px}}

#pwr-start-line .pwr-first-note{margin:0}#pwr-start-line .pwr-flow-arrow{text-align:center;color:var(--pwr-gold);font-size:22px}#pwr-start-line .pwr-coach-label{margin-top:24px}#pwr-start-line .pwr-progress div{width:0}#pwr-start-line input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--pwr-gold) 0 var(--range-fill,0%),#73786c var(--range-fill,0%) 100%)}#pwr-start-line input[type=range]::-moz-range-track{background:#73786c}
#pwr-start-line.questionnaire-embedded{padding-block:32px 44px}
@media(max-width:500px){#pwr-start-line.questionnaire-embedded{padding-block:24px 32px}}
