@import url('assessment.css');

.full-shell { max-width:1220px; }
.assessment-return { margin-bottom:0; }
.full-intro { max-width:none; }
.full-intro-details { display:flex; flex-wrap:wrap; gap:8px; margin-top:31px; }
.full-intro-details span { padding:8px 11px; color:var(--assessment-muted); border:1px solid var(--assessment-line); font:600 10px var(--body); letter-spacing:.1em; text-transform:uppercase; }
.full-intro button { margin-top:30px; }
.question-meta { display:flex; justify-content:space-between; gap:20px; margin-top:36px; color:var(--assessment-rust); font:600 11px var(--body); letter-spacing:.12em; text-transform:uppercase; }
.question-context { max-width:600px; margin:15px 0 0; color:var(--assessment-muted); font:15px/1.6 var(--body); }
.selection-instructions { margin:11px 0 18px; color:var(--assessment-rust); font:600 11px var(--body); letter-spacing:.1em; text-transform:uppercase; }
.full-quiz .answers { grid-template-columns:1fr 1fr; }
.full-quiz .answers button { min-height:88px; }
.full-quiz .answers button.selected { position:relative; }
.full-quiz .answers button.selected::after { position:absolute; top:16px; right:16px; content:'Selected'; color:var(--assessment-coral); font:600 10px var(--body); letter-spacing:.08em; text-transform:uppercase; }
.full-quiz .answers.mode-rank button.selected::after { display:grid; width:22px; height:22px; place-items:center; content:attr(data-rank); color:var(--assessment-paper); border:0; border-radius:50%; background:var(--assessment-rust); font-size:11px; }
.full-quiz .answers.mode-rank button { padding-right:52px; }
.full-quiz .answers.mode-words { display:flex; flex-wrap:wrap; gap:8px; }
.full-quiz .answers.mode-words button { flex:0 1 auto; min-height:0; padding:12px 15px 12px 13px; }
.full-quiz .answers.mode-fill { grid-template-columns:1fr; }
.full-quiz .answers.mode-fill button { min-height:0; padding:16px 18px; }
.full-quiz .answers.mode-scale { grid-template-columns:repeat(5,1fr); gap:6px; }
.full-quiz .answers.mode-scale button { display:flex; min-height:142px; padding:13px 11px; align-items:end; text-align:left; font-size:12px; }
.full-quiz .answers.mode-scale button:nth-child(1){background:#efe8dc}.full-quiz .answers.mode-scale button:nth-child(2){background:#ece1d2}.full-quiz .answers.mode-scale button:nth-child(3){background:#e8d9ca}.full-quiz .answers.mode-scale button:nth-child(4){background:#e5c9b6}.full-quiz .answers.mode-scale button:nth-child(5){background:#dfb09a}
.full-quiz .answers.mode-scale button.selected { color:var(--assessment-ink); border-color:var(--assessment-rust); box-shadow:inset 0 -4px var(--assessment-rust); }
.full-quiz .answers.mode-scale button.selected::before { color:var(--assessment-rust); background:transparent; }
.quiz-footer { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-top:22px; }
.quiz-footer button { min-height:46px; padding:10px 15px; border:1px solid var(--assessment-line); background:transparent; color:var(--assessment-ink); font:600 13px var(--body); }
.quiz-footer button:hover { border-color:var(--assessment-rust); color:var(--assessment-rust); }
.quiz-footer #back { margin-right:auto; }
.quiz-footer #skip { color:var(--assessment-muted); border-color:transparent; }
.quiz-footer #next { margin:0 0 0 auto; border-color:var(--assessment-rust); }
.full-result { padding-top:58px; }
.result-reading { display:grid; grid-template-columns:1.1fr .9fr; gap:1px; margin-top:52px; background:var(--assessment-line); }
.result-reading>div { padding:30px; background:var(--assessment-forest); color:var(--assessment-paper); }
.result-reading>div:last-child { color:var(--assessment-ink); background:#e9e0d3; }
.result-reading small { color:var(--assessment-coral); font:600 11px var(--body); letter-spacing:.1em; text-transform:uppercase; }
.result-reading>div:last-child small { color:var(--assessment-rust); }
.result-reading h2 { margin:13px 0 13px; font-size:clamp(30px,4vw,50px); }
.result-reading p { color:#d5ddd3; font-size:15px; line-height:1.6; }
.result-reading>div:last-child p { color:#48594d; }
.full-pairing { margin:18px 0 65px; }
.full-map { display:grid; grid-template-columns:1.1fr .9fr; gap:30px; align-items:end; margin-top:15px; padding-top:18px; border-top:1px solid var(--assessment-line); }
.full-map h2 { margin:10px 0 0; color:var(--assessment-ink); font-size:clamp(34px,4.2vw,54px); }
.full-map>p { margin:0; color:#536153; font-size:15px; line-height:1.6; }
.full-chart { grid-column:1 / -1; display:grid; grid-template-columns:repeat(4,1fr); align-items:end; gap:16px; min-height:300px; margin-top:12px; padding:24px 18px 20px; background:#e9e0d3; border-bottom:2px solid var(--assessment-ink); }
.chart-column { display:grid; grid-template-rows:190px auto auto; gap:9px; min-width:0; }
.chart-column i { position:relative; display:block; height:190px; background:repeating-linear-gradient(to bottom,transparent 0 37px,#102d2712 38px 39px); }
.chart-column i b { position:absolute; inset:auto 0 0; min-height:9px; background:linear-gradient(#d18768a8,#d18768); }
.chart-column.is-primary i b { background:linear-gradient(#b9674c,#9e4f39); box-shadow:0 0 25px #9e4f3938; }
.chart-column strong { color:var(--assessment-ink); font:20px/1.05 var(--display); }
.chart-column em { color:var(--assessment-muted); font:10px/1.35 var(--body); letter-spacing:.07em; text-transform:uppercase; }
.full-guidance { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin-top:65px; background:var(--assessment-line); }
.full-guidance article { min-height:220px; padding:30px; background:var(--assessment-forest); color:var(--assessment-paper); }
.full-guidance article:nth-child(2) { color:var(--assessment-ink); background:#e9e0d3; }
.full-guidance article:last-child { grid-column:1 / -1; min-height:auto; color:var(--assessment-ink); background:#eee5d8; }
.full-guidance h2 { margin:11px 0 13px; font-size:34px; }
.full-guidance p { margin:0; color:#d5ddd3; font-size:15px; line-height:1.6; }
.full-guidance article:nth-child(2) p,.full-guidance article:last-child p { color:#48594d; }
.full-guidance a { color:var(--assessment-coral); text-decoration:underline; }
.full-guidance article:nth-child(2) a,.full-guidance article:last-child a { color:var(--assessment-rust); }
.full-guidance ul { display:grid; gap:9px; margin:22px 0 0; padding:0; list-style:none; counter-reset:steps; }
.full-guidance li { display:grid; grid-template-columns:28px 1fr; gap:10px; color:#d5ddd3; font-size:14px; line-height:1.5; }
.full-guidance article:nth-child(2) li { color:#48594d; }
.full-guidance li::before { counter-increment:steps; content:'0' counter(steps); color:var(--assessment-coral); font:600 11px var(--body); letter-spacing:.08em; }
.full-next { margin-top:82px; padding-top:42px; border-top:1px solid var(--assessment-line); }
.full-next h2 { max-width:800px; margin:12px 0 0; color:var(--assessment-ink); font-size:clamp(46px,5.8vw,72px); }

@media (max-width:760px) {
  .full-quiz .answers,.result-reading,.full-pairing,.full-map,.full-guidance { grid-template-columns:1fr; }
  .full-quiz .answers.mode-scale { grid-template-columns:repeat(5,1fr); }
  .full-quiz .answers.mode-scale button { min-height:112px; padding:10px 7px; font-size:10px; }
  .full-guidance article:last-child { grid-column:auto; }
  .full-chart { grid-template-columns:repeat(2,1fr); min-height:0; }
  .full-map>p { margin-top:-10px; }
}

@media print {
  .full-intro-details { display:none; }
  .result-reading,.full-guidance { background:#dedbd3; }
  .result-reading>div,.full-guidance article,.full-chart { background:#f1eee7; }
  .result-reading p,.full-guidance p,.full-guidance li,.full-map>p { color:#263d35; }
}

/* The full assessment shares the site's dark opening and warm report canvas. */
.full-intro-details span { color:#d5ddd3; border-color:#ffffff32; background:#ffffff08; }
.full-quiz { min-height:650px; }
.full-result { padding-bottom:110px; }
@media (min-width:1300px) {
  .full-next h2 { white-space:nowrap; }
}
@media (max-width:760px) {
  .full-quiz { min-height:0; }
  .full-result { padding-bottom:72px; }
}