.pair-quiz-layout{margin-bottom:80px}
/* 17.10.2026 — счётчики "вопрос N из 12" и "N / 24" слипались в одну
   строку без разделения (Джо заметил при проверке живой сборки). */
.quiz-progress-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--muted);font-weight:700}
.pair-options{grid-template-columns:1fr}
.pair-result-hero{padding-bottom:0}
.pair-result-art{display:flex;align-items:center;justify-content:center;gap:10px;width:min(460px,100%);height:245px;margin:22px auto 0;border-radius:24px 24px 0 0;background:rgba(255,255,255,.88);overflow:hidden}
.pair-result-art img{height:100%;width:53%;object-fit:cover;object-position:top;mix-blend-mode:multiply}
.pair-result-art>div{display:flex;flex-direction:column;align-items:flex-start;flex:1}
.pair-result-art strong{font-size:clamp(29px,4vw,44px);line-height:1;color:var(--green);letter-spacing:-.06em}
.pair-result-art span{font-size:14px;font-weight:800;color:var(--muted);margin-top:8px}
.pair-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.pair-report-card{padding:25px;border:1px solid var(--line);border-radius:26px;background:#fff}
.pair-report-card.green{background:#eff9ed}
.pair-report-card.pink{background:#fff0f3}
.pair-report-card h2{font-size:25px;margin:10px 0 15px}
.pair-report-row{padding:13px 0;border-top:1px solid rgba(90,80,120,.13)}
.pair-report-row strong{display:block;font-size:15px}
.pair-report-row p{font-size:14px;color:#5b596d;margin:5px 0 0}
.pair-conversation{padding:27px 30px;border:1px solid var(--line);border-radius:26px;background:#fff}
.pair-conversation h2{font-size:27px;margin:10px 0 5px}
.pair-conversation>p:not(.pair-method){font-size:18px;font-weight:700;margin-bottom:15px}
.pair-conversation .pair-method{color:var(--muted);font-size:13px;margin-bottom:0}
.pair-result-actions{margin:22px 0 85px}
@media(max-width:700px){.pair-result-art{height:205px}
.pair-result-art span{font-size:12px}
.pair-result-grid{grid-template-columns:1fr;gap:11px}
.pair-report-card{padding:21px}
.pair-conversation{padding:22px}
.pair-conversation h2{font-size:23px}}
.pair-name-label{display:block;font-size:14px;font-weight:800;margin:22px 0 8px}
.pair-name-input{display:block;width:100%;min-height:52px;padding:12px 15px;border:1px solid #dcd5ef;border-radius:14px;background:#fff;color:var(--ink)}
.pair-avatar-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0 0;padding:0;border:0}
.pair-avatar-choice legend{font-size:14px;font-weight:800;margin-bottom:10px}
.pair-avatar-option{display:flex;align-items:center;gap:12px;min-width:0;padding:9px 12px;border:2px solid #e2dcf4;border-radius:16px;background:#fff;cursor:pointer;font-weight:800}
.pair-avatar-option:has(input:checked){border-color:var(--purple);background:#f4f0ff;box-shadow:0 4px 13px rgba(118,90,232,.12)}
.pair-avatar-option:focus-within{outline:2px solid var(--purple);outline-offset:2px}
.pair-avatar-option input{accent-color:var(--purple);flex:none}
.pair-avatar-option img{width:52px;height:52px;flex:none;border-radius:50%;object-fit:cover;background:#fff}
@media(max-width:420px){.pair-avatar-option{gap:6px;padding:7px}.pair-avatar-option img{width:40px;height:40px}.pair-avatar-option span{font-size:13px}}
.pair-privacy{font-size:12px;color:var(--muted);margin:10px 0 24px}
.pair-question-topic{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#f0ecff;color:var(--purple-dark);padding:7px 12px;font-size:12px;font-weight:800;margin-bottom:15px}
.pair-question-intro{display:grid;grid-template-columns:minmax(0,1fr) 68px;align-items:start;gap:12px}
.pair-question-intro-text{min-width:0}
.pair-question-intro-text .step-desc{margin-bottom:0}
.pair-question-scene{display:block;width:68px;height:122px;object-fit:cover;border-radius:13px;background:#f7f1f9;box-shadow:0 4px 13px rgba(92,69,143,.11);animation:pair-scene-arrive .25s ease-out both}
@keyframes pair-scene-arrive{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.pair-question-scene{animation:none}}
.pair-ends{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;font-weight:800;font-size:16px;line-height:1.35}
.pair-ends span:last-child{text-align:right}
.pair-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0 7px}
.pair-choice{height:54px;border:2px solid #e2dcf4;border-radius:18px;background:#faf8ff;color:#6b5db0;font-size:18px;font-weight:850;transition:transform .15s,background .15s}
.pair-choice:hover{transform:translateY(-2px);border-color:#a88df5}
.pair-choice.selected{background:var(--purple);border-color:var(--purple);color:#fff;box-shadow:0 9px 18px rgba(118,90,232,.2)}
.pair-scale-hints{display:flex;justify-content:space-between;gap:4px;color:#8c86a1;font-size:11px;margin-bottom:29px}
.pair-scale-hints span:nth-child(2){text-align:center}
.pair-scale-hints span:last-child{text-align:right}
.pair-result-art{height:265px}
.pair-result-art strong{display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--purple) 0deg var(--pair-angle,0deg),#ede8fb var(--pair-angle,0deg) 360deg);border:9px solid #fff;box-shadow:0 0 0 1px #e9e3f7;color:var(--ink);font-size:31px;letter-spacing:-.06em}
.pair-result-art span{line-height:1.35;text-align:center;align-self:center}
.pair-result-art>div{align-items:center}
.pair-result-explainer{max-width:750px;margin:24px auto 30px;text-align:center;font-size:18px;font-weight:700;line-height:1.5}
.pair-report-card p{font-size:15px;margin:0;color:#57546b}
.pair-breakdown-section{padding:26px;border-radius:28px;background:#fff;border:1px solid var(--line);margin:0 0 18px}
.pair-breakdown-section>h2{font-size:29px;margin:9px 0 4px}
.pair-breakdown-section>p{color:var(--muted);font-size:14px}
.pair-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:19px}
.pair-domain-card{padding:20px;border:1px solid #eae6f3;border-radius:22px;background:#fcfbff}
.pair-domain-card:nth-child(3n+2){background:#fff9f5}
.pair-domain-card:nth-child(3n){background:#f6fbf6}
.pair-domain-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:850}
.pair-domain-head span{font-size:16px}
.pair-domain-head strong{display:grid;place-items:center;width:53px;height:53px;flex:none;border-radius:50%;background:#ece8ff;color:var(--purple-dark);font-size:15px}
.pair-domain-track{height:7px;background:#e9e5f3;border-radius:99px;overflow:hidden;margin-top:11px}
.pair-domain-track span{display:block;height:100%;background:linear-gradient(90deg,#b8a0f8,#765ae8);border-radius:inherit}
.pair-domain-caption{font-size:11px;color:var(--muted);margin:6px 0 10px}
.pair-report-row p{font-size:13px}
.pair-conversation ol{padding-left:23px;margin:12px 0 20px}
.pair-conversation li{font-weight:750;line-height:1.55;margin-bottom:10px}
.pair-result-actions{flex-wrap:wrap}
@media(max-width:700px){.pair-ends{font-size:14px}.pair-choice{height:48px;border-radius:14px}.pair-result-art{height:218px}.pair-result-art strong{width:87px;height:87px;font-size:23px;border-width:6px}.pair-result-explainer{font-size:15px}.pair-breakdown-section{padding:19px}.pair-breakdown-section>h2{font-size:24px}.pair-breakdown{grid-template-columns:1fr}.pair-domain-card{padding:16px}.pair-result-actions .button{width:100%}}
@media(max-width:380px){.pair-question-intro{grid-template-columns:minmax(0,1fr) 54px;gap:9px}.pair-question-scene{width:54px;height:97px;border-radius:11px}}
@media print{.site-header,.site-footer,.mobile-nav,.prototype-note,.pair-result-actions,.more-sheet{display:none!important}.page{display:none!important}#page-pair-result{display:block!important}.shell{width:100%}.pair-result-hero,.pair-breakdown-section,.pair-conversation,.pair-domain-card{break-inside:avoid;box-shadow:none}.pair-result-art{height:180px}.pair-breakdown{grid-template-columns:1fr 1fr}}
.pair-result-art img{width:55%;height:100%;object-fit:contain;object-position:center bottom;mix-blend-mode:normal}
.pair-mood{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:0 0 18px;padding:24px;border:1px solid var(--line);border-radius:26px;background:#fff8f7}
.pair-mood h2{font-size:24px;margin:8px 0}
.pair-mood p{font-size:14px;color:var(--muted);line-height:1.5;margin:0}
.pair-mood .pair-mood-note{grid-column:1/-1;padding:12px 15px;border:1px solid #e2daf5;border-radius:14px;background:#fff;color:var(--ink);font-weight:700}
.pair-mood-controls{display:grid;gap:15px;align-content:center}
.pair-mood-controls label{display:grid;grid-template-columns:1fr auto;gap:7px;font-weight:800;font-size:14px}
.pair-mood-controls input{grid-column:1/-1;width:100%;accent-color:#765ae8;cursor:pointer;background:linear-gradient(90deg,#a5e1a5 var(--mood-fill),#eadff3 var(--mood-fill));border-radius:99px}
.pair-mood-controls output{color:var(--purple-dark)}
.pair-domain-head{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name score" "ring ring";justify-items:center;gap:8px}
.pair-domain-head>span{grid-area:name;justify-self:start;align-self:center}
.pair-domain-head>strong{grid-area:score;width:auto;height:auto;padding:7px 10px;border-radius:999px}
@property --ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
.pair-ring{grid-area:ring;display:grid;place-items:center;width:142px;height:142px;border-radius:50%;background:conic-gradient(#80c985 0deg var(--ring-angle),#e8f0e7 var(--ring-angle) 360deg);transform:rotate(-90deg);transition:--ring-angle .75s ease-out}
.pair-ring[data-tone="mid"]{background:conic-gradient(#f1b356 0deg var(--ring-angle),#f8ecd9 var(--ring-angle) 360deg)}
.pair-ring[data-tone="low"]{background:conic-gradient(#e9a0a1 0deg var(--ring-angle),#f8e7e8 var(--ring-angle) 360deg)}
.pair-ring-center{display:grid;place-items:center;width:119px;height:119px;overflow:hidden;border-radius:50%;background:#fff;transform:rotate(90deg)}
.pair-ring-art{width:112px;height:112px;object-fit:contain;object-position:center bottom}
.pair-ring-glyph{font-size:60px;line-height:1;color:#765ae8;font-family:Georgia,serif}
@media(max-width:700px){.pair-mood{grid-template-columns:1fr;padding:20px;gap:16px}.pair-domain-head{grid-template-columns:1fr auto}.pair-ring{width:130px;height:130px}.pair-ring-center{width:108px;height:108px}.pair-ring-art{width:103px;height:103px}}
@media(prefers-reduced-motion:reduce){.pair-ring{transition:none}}
@media print{.pair-mood{display:none}}
.pair-handoff-art{display:block;width:150px;height:150px;object-fit:contain;margin:0 auto 12px}
.pair-mood-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch;min-width:0}
.pair-mood-person{display:grid;justify-items:center;gap:11px;padding:12px;border:1px solid #e9e1ef;border-radius:20px;background:#fff;min-width:0}
.pair-mood-person>label{width:100%}
.pair-mood-person input[type="range"]{min-width:0}
.pair-face-ring{display:grid;place-items:center;position:relative;width:112px;height:112px;border-radius:50%;background:conic-gradient(#80c985 0deg var(--face-angle),#e8f0e7 var(--face-angle) 360deg);overflow:hidden}
.pair-face-ring[data-tone="mid"]{background:conic-gradient(#f1b356 0deg var(--face-angle),#f8ecd9 var(--face-angle) 360deg)}
.pair-face-ring[data-tone="low"]{background:conic-gradient(#e9a0a1 0deg var(--face-angle),#f8e7e8 var(--face-angle) 360deg)}
.pair-face-ring img{width:96px;height:96px;border-radius:50%;object-fit:cover;background:#fff}
.pair-face-ring strong{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);padding:2px 6px;border-radius:9px;background:#fff;color:var(--ink);font-size:12px}
.pair-avatar-label{display:flex!important;align-items:center;justify-content:space-between;gap:6px;font-size:11px!important;color:var(--muted)}
.pair-avatar-label select{max-width:100px;padding:5px;border:1px solid #e2daf5;border-radius:8px;background:#fff;color:var(--ink)}
@media(max-width:420px){.pair-mood-controls{grid-template-columns:1fr}.pair-mood-person{grid-template-columns:auto 1fr;align-items:center;justify-items:stretch;padding:10px}.pair-face-ring{grid-row:1/3;width:96px;height:96px}.pair-face-ring img{width:81px;height:81px}.pair-mood-person>label{grid-column:2}.pair-avatar-label select{max-width:100px}}
.pair-domain-details{margin-top:7px;border-top:1px solid #e9e5f3;padding-top:8px}
.pair-domain-details summary{font-size:12px;font-weight:800;color:var(--purple-dark);cursor:pointer}
.pair-domain-details[open] summary{margin-bottom:10px}
@media(min-width:350px) and (max-width:700px){.pair-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pair-domain-card{padding:12px}.pair-domain-head{display:flex;flex-direction:column;gap:5px;text-align:center}.pair-domain-head>span{font-size:12px;min-height:31px;align-self:center}.pair-domain-head>strong{font-size:12px;padding:4px 8px}.pair-ring{order:2;width:104px;height:104px}.pair-ring-center{width:86px;height:86px}.pair-ring-glyph{font-size:43px}.pair-domain-track{margin-top:10px}.pair-domain-caption{font-size:10px;line-height:1.25}.pair-domain-details{width:100%;text-align:left}.pair-domain-details summary{font-size:11px}}

/* SVG strokes survive browser printing with background graphics disabled. */
.pair-overall-ring,.pair-ring{position:relative;display:grid;place-items:center;flex:none;background:none!important;transform:none!important;overflow:visible}
.pair-overall-ring{width:120px;height:120px}
.pair-overall-ring svg,.pair-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.pair-svg-track,.pair-svg-progress{fill:none;stroke-width:9}
.pair-svg-track{stroke:#e9e5f1}
.pair-svg-progress{stroke:var(--ring-color,#80c985)}
.pair-ring[data-tone="mid"]{--ring-color:#f1b356}
.pair-ring[data-tone="low"]{--ring-color:#e9a0a1}
.pair-overall-ring{--ring-color:#765ae8}
.pair-result-art .pair-overall-ring strong{position:relative;z-index:1;display:block;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:none;color:var(--ink);font-size:31px;letter-spacing:-.06em}
.pair-ring-center{position:relative;z-index:1;width:calc(100% - 24px);height:calc(100% - 24px);background:#fff;transform:none;overflow:hidden}
.pair-ring-art{display:block;width:96%;height:96%;object-fit:contain;object-position:center}
.pair-print-comparisons{display:none}
@media(max-width:700px){.pair-overall-ring{width:94px;height:94px}.pair-result-art .pair-overall-ring strong{font-size:24px}}

@media print{
  @page{size:A4;margin:14mm}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .pair-breakdown-section{break-before:page;break-inside:auto;padding:0;border:0}
  .pair-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .pair-domain-card{break-inside:avoid;padding:14px}
  .pair-domain-head{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name score" "ring ring"}
  .pair-ring{width:104px;height:104px}
  .pair-ring-center{width:82px;height:82px}
  .pair-ring-art{width:96%;height:96%}
  .pair-domain-details{display:none}
  .pair-print-comparisons{display:block}
  .pair-report-row{padding:8px 0}
  .pair-report-row strong{font-size:12px}
  .pair-report-row p{font-size:11px;line-height:1.35}
  .pair-domain-caption{font-size:10px}
  .pair-result-art{height:230px}
  .pair-result-explainer{margin:22px auto;font-size:16px}
  .pair-result-grid{margin-bottom:14px}
  .pair-report-card{padding:23px}
  .pair-report-card h2{font-size:20px;margin:7px 0}
  .pair-report-card p{font-size:12px}
  .pair-conversation{break-inside:avoid;padding:18px}
}