.quiz-page,.result-page{min-height:100vh;min-height:100svh;background:#f7f2e8;padding:36px;display:flex;flex-direction:column}.quiz-header,.result-header{text-align:center}.quiz-logo{display:inline-block}.quiz-logo img{width:187px;height:62px;object-fit:contain}.quiz-content{width:min(1108px,100%);margin:84px auto 0;position:relative}.quiz-progress{width:295px;color:#b7b6af;font:400 18px 'CoFo Sans',Arial,sans-serif;margin-bottom:31px}.quiz-progress span{display:block;margin-bottom:12px}.quiz-progress .progress{height:12px;background:#dedede;border-radius:100px}.quiz-progress .progress i{display:block;height:100%;background:#b8b7ae}.quiz-content h1{font:400 65px/.98 'Red Rounded Cut',sans-serif;letter-spacing:-4px;max-width:720px;margin:0 0 43px}.question-art{position:absolute;width:470px;height:470px;object-fit:contain;right:-92px;top:-44px;z-index:0}.answers,.nav,.quiz-progress,.quiz-content h1{position:relative;z-index:1}.quiz-page .answers{display:grid;gap:14px}.quiz-page .answer{height:82px;background:#fff;border:0;border-radius:13px;padding:0 38px;text-align:left;font:400 27px 'CoFo Sans',Arial,sans-serif;color:#080808}.quiz-page .answer:hover,.quiz-page .answer.selected{background:#e8ded0}.quiz-page .nav{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.quiz-page .back{border:0;border-radius:12px;background:#e4e1d9;color:#fff;padding:17px 38px;font:400 26px 'CoFo Sans',Arial,sans-serif}.quiz-page .button{background:#2f6540;border:0;border-radius:12px;padding:17px 38px;font:400 26px 'CoFo Sans',Arial,sans-serif}.site-footer{display:flex;gap:13px;flex-direction:column;align-items:center;margin-top:auto;padding-top:35px;color:#b8b7ae;font:400 18px 'CoFo Sans',Arial,sans-serif}.site-footer a{color:inherit;text-decoration:none;order:2}.site-footer img{width:34px;height:34px;object-fit:contain;order:1}
.result-page{max-width:none}.result-header{margin-bottom:55px}.result-hero,.result-section{width:min(1108px,100%);margin:0 auto}.result-hero{border-radius:26px;background:#2f6540;color:#fff;padding:55px;position:relative;overflow:hidden}.result-hero:after{content:'🐾';font-size:170px;opacity:.16;position:absolute;right:40px;bottom:-42px}.result-hero.pause{background:#9d765d}.result-kicker{font:400 17px 'CoFo Sans',Arial,sans-serif;margin:0 0 16px}.result-hero h1{font:400 clamp(45px,5vw,75px)/.96 'Red Rounded Cut',sans-serif;letter-spacing:-4px;margin:0 0 21px;max-width:780px}.result-hero>p:not(.result-kicker){font:400 21px/1.4 'CoFo Sans',Arial,sans-serif;max-width:700px;margin:0}.group-code{position:absolute;right:56px;top:54px;border:1px solid rgba(255,255,255,.45);border-radius:100px;padding:8px 12px;font:400 15px 'CoFo Sans',Arial,sans-serif}.result-section{margin-top:42px}.result-section h2{font:400 36px/1 'Red Rounded Cut',sans-serif;letter-spacing:-2px;margin:0 0 16px}.section-note,.table-note{font:400 17px/1.45 'CoFo Sans',Arial,sans-serif;color:#696962;max-width:780px}.group-needs{background:#e6dfd1;border-radius:18px;padding:28px}.group-needs ul,.result-list{list-style:none;padding:0;margin:0;display:grid;gap:10px;font:400 18px/1.42 'CoFo Sans',Arial,sans-serif}.group-needs li:before,.result-list li:before{content:'•';color:#2f6540;margin-right:10px}.breed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.breed-card{background:#fff;border-radius:17px;padding:21px;min-height:180px}.breed-card h3{font:400 24px/1.05 'Red Rounded Cut',sans-serif;letter-spacing:-1px;margin:0 0 10px}.breed-card p{font:400 15px/1.42 'CoFo Sans',Arial,sans-serif;margin:0 0 16px}.breed-card span{display:flex;align-items:center;gap:8px;font:400 13px 'CoFo Sans',Arial,sans-serif;color:#77756d}.result-table-wrap{border-radius:18px;overflow:auto;background:#fff}.result-table{width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed}.result-table th,.result-table td{padding:15px;border-bottom:1px solid #ebe6dc;text-align:left;font:400 14px 'CoFo Sans',Arial,sans-serif}.result-table th{font-weight:500;background:#e6dfd1}.result-table th:first-child,.result-table td:first-child{width:200px}.meter{display:inline-flex;gap:3px;vertical-align:middle}.meter i{width:17px;height:6px;border-radius:10px;background:#dedbd2}.meter i.on{background:#2f6540}.result-card{background:#fff;border-radius:18px;padding:29px}.table-note{font-size:14px}.result-page .site-footer{padding-top:58px}
@media(max-width:720px){.quiz-page,.result-page{padding:36px}.quiz-header{text-align:center}.quiz-logo img{width:150px;height:50px}.quiz-content{margin:39px auto 0}.question-art{position:static;display:block;width:min(100%,460px);height:auto;margin:0 auto 28px}.quiz-content:not(.with-art):before{content:'🐾';display:grid;place-items:center;width:122px;height:122px;margin:0 auto 32px;border-radius:50%;background:#dfc4ac;font-size:48px}.quiz-progress{width:100%;font-size:17px;margin-bottom:34px}.quiz-progress .progress{height:12px;width:58%}.quiz-content h1{font-size:clamp(46px,13.3vw,66px);letter-spacing:-4px;line-height:.94;margin-bottom:39px;max-width:none}.quiz-page .answers{gap:17px}.quiz-page .answer{height:89px;border-radius:12px;padding:0 41px;font-size:25px}.quiz-page .nav{margin-top:20px}.quiz-page .back,.quiz-page .button{font-size:25px;padding:17px 27px;border-radius:12px}.site-footer{flex-direction:row;justify-content:space-between;align-items:center;padding-top:78px;font-size:17px}.site-footer a{order:1}.site-footer img{order:2;width:42px;height:42px}.result-header{margin-bottom:36px}.result-hero{padding:31px 25px;min-height:310px}.result-hero h1{font-size:50px;letter-spacing:-3px}.result-hero>p:not(.result-kicker){font-size:17px;padding-right:0}.result-hero:after{font-size:110px;right:16px;bottom:-26px}.group-code{position:static;display:inline-block;margin-top:18px}.result-section{margin-top:31px}.result-section h2{font-size:29px;letter-spacing:-1.7px}.group-needs,.result-card{padding:23px}.group-needs ul,.result-list{font-size:16px}.breed-grid{grid-template-columns:1fr;gap:10px}.breed-card{min-height:0;padding:19px}.breed-card h3{font-size:23px}.section-note{font-size:16px}.result-page .site-footer{padding-top:59px}}

/* Интерактив и дополнения к расширенному результату */
.quiz-progress .progress{overflow:hidden}.quiz-progress .progress i{display:block;height:100%;background:#b8b7ae!important;transition:width .25s ease}.quiz-page .answer,.quiz-page .back,.quiz-page .button{transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.quiz-page .answer:hover{background:#e8ded0;transform:translateY(-2px);box-shadow:0 8px 18px rgba(50,43,33,.09)}.quiz-page .back:not(:disabled):hover,.quiz-page .button:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 9px 18px rgba(34,61,43,.18)}.quiz-page .back:not(:disabled):hover{background:#d5d0c6}.quiz-page .button:not(:disabled):hover{background:#255437}.quiz-page .back:active,.quiz-page .button:active{transform:translateY(0);box-shadow:none}.breed-card{padding:0;overflow:hidden;min-height:0}.breed-card>img{display:block;width:100%;aspect-ratio:1.45;object-fit:cover;background:#e6dfd1}.breed-card-body{padding:20px}.breed-card .health-note{font-size:13px;color:#6b655d;margin:0;padding-top:13px;border-top:1px solid #ede8df}.health-note b{color:#2f6540;font-weight:500}.result-card h3{font:400 27px/1 'Red Rounded Cut',sans-serif;letter-spacing:-1.5px;margin:0 0 15px}.result-card>p{font:400 17px/1.45 'CoFo Sans',Arial,sans-serif;margin:0 0 22px}.next-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.consultation-card{background:#e6dfd1}.consultation-card .button,.bri-support .button{display:inline-block;border:0;border-radius:12px;padding:14px 18px;background:#2f6540;color:#fff;text-decoration:none;font:400 17px 'CoFo Sans',Arial,sans-serif;transition:transform .18s ease,background .18s ease}.consultation-card .button:hover,.bri-support .button:hover{background:#255437;transform:translateY(-2px)}.bri-support{background:#d6b6a0;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1fr 1.1fr;align-items:stretch}.bri-support>img{width:100%;height:100%;min-height:310px;object-fit:cover}.bri-support>div{padding:42px}.bri-support h2{font-size:42px!important}.bri-support>div>p:not(.result-kicker){font:400 18px/1.45 'CoFo Sans',Arial,sans-serif;margin:0 0 25px}

@media(max-width:720px){.breed-grid,.next-grid,.bri-support{grid-template-columns:1fr;gap:10px}.breed-card{padding:0}.breed-card-body{padding:19px}.bri-support>img{min-height:250px;max-height:330px}.bri-support>div{padding:27px 23px}.bri-support h2{font-size:35px!important}}

.question-hint{font:400 17px/1.4 'CoFo Sans',Arial,sans-serif;color:#77756d;margin:-24px 0 26px}.answers-multi .answer{position:relative;padding-right:80px}.answers-multi .answer:after{content:'';position:absolute;right:30px;top:50%;width:22px;height:22px;border:1.5px solid #b8b7ae;border-radius:7px;transform:translateY(-50%)}.answers-multi .answer.selected:after{content:'✓';display:grid;place-items:center;background:#2f6540;border-color:#2f6540;color:#fff;font:400 16px Arial,sans-serif}@media(max-width:720px){.question-hint{font-size:16px;margin:-22px 0 24px}.answers-multi .answer{padding-right:76px}.answers-multi .answer:after{right:28px}}

/* v3: selection must remain unmistakable after every re-render. */
.quiz-page .answer.selected{background:#dfe9d3!important;box-shadow:inset 0 0 0 2px #2f6540;color:#153322}.selection-count{position:relative;z-index:1;margin:16px 0 -2px;color:#77756d;font:400 16px 'CoFo Sans',Arial,sans-serif}.quiz-progress .progress{overflow:hidden}.quiz-progress .progress i{transition:width .28s ease!important}@media(max-width:720px){.selection-count{font-size:15px}}
.quiz-page .answers:not(.answers-multi) .answer{height:auto;min-height:82px;padding-top:17px;padding-bottom:17px;line-height:1.15}
@media(max-width:720px){.quiz-page .answers:not(.answers-multi) .answer{min-height:72px;padding-top:15px;padding-bottom:15px}}
.answer-scale{position:relative;z-index:1;padding:30px 38px 23px;background:#fff;border-radius:13px}.scale-value{min-height:38px;margin:0 0 28px;color:#6f716c;font:400 25px/1.25 'CoFo Sans',Arial,sans-serif}.answer-scale.is-selected .scale-value{color:#153322}.scale-control{position:relative;height:30px}.scale-line{position:absolute;z-index:0;left:0;right:0;top:50%;height:7px;border-radius:99px;background:#d9dfd2;transform:translateY(-50%)}.scale-input{position:absolute;z-index:3;inset:0;width:100%;height:30px;margin:0;appearance:none;background:transparent;cursor:pointer}.scale-input::-webkit-slider-runnable-track{height:30px;background:transparent}.scale-input::-moz-range-track{height:30px;background:transparent}.scale-input::-webkit-slider-thumb{appearance:none;width:28px;height:28px;margin-top:1px;border:4px solid #fff;border-radius:50%;background:#2f6540;box-shadow:0 0 0 2px #2f6540}.scale-input::-moz-range-thumb{width:20px;height:20px;border:4px solid #fff;border-radius:50%;background:#2f6540;box-shadow:0 0 0 2px #2f6540}.answer-scale:not(.is-selected) .scale-input::-webkit-slider-thumb{opacity:0;box-shadow:none}.answer-scale:not(.is-selected) .scale-input::-moz-range-thumb{opacity:0;box-shadow:none}.scale-points{display:flex;justify-content:space-between;align-items:center;position:absolute;z-index:2;left:0;right:0;top:50%;margin:0;padding:0 2px;transform:translateY(-50%);pointer-events:none}.scale-points i{width:10px;height:10px;border-radius:50%;background:#9dac96}.scale-ends{display:flex;justify-content:space-between;gap:28px;margin-top:16px;color:#77756d;font:400 16px/1.25 'CoFo Sans',Arial,sans-serif}.scale-ends span{width:48%}.scale-ends span:last-child{text-align:right}.scale-unknown{position:relative;z-index:1;margin-top:13px;padding:0;border:0;border-bottom:1px solid #77756d;background:none;color:#77756d;font:400 17px 'CoFo Sans',Arial,sans-serif;cursor:pointer}.scale-unknown.selected{color:#2f6540;border-color:#2f6540}@media(max-width:720px){.answer-scale{padding:25px 23px 21px;border-radius:12px}.scale-value{min-height:62px;margin-bottom:24px;font-size:22px}.scale-ends{gap:18px;font-size:14px}.scale-unknown{font-size:16px}}
.match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.match-grid .result-card{min-height:0}.match-grid .result-section{margin-top:0}@media(max-width:720px){.match-grid{grid-template-columns:1fr;gap:10px}}

.consultation-dialog{width:min(560px,calc(100% - 32px));border:0;border-radius:22px;padding:34px;background:#f4f0e5;color:#24241f;box-shadow:0 18px 70px rgba(24,31,25,.22)}
.consultation-dialog::backdrop{background:rgba(31,34,29,.52)}
.consultation-dialog h2{font:400 38px/1 'Red Rounded Cut',sans-serif;letter-spacing:-2px;margin:0 36px 12px 0}
.consultation-dialog>p{font:400 17px/1.45 'CoFo Sans',Arial,sans-serif;margin:0 0 24px;color:#696962}
.consultation-dialog form,.consultation-dialog label{display:grid;gap:9px}
.consultation-dialog form{gap:17px}
.consultation-dialog label{font:400 15px 'CoFo Sans',Arial,sans-serif}
.consultation-dialog input,.consultation-dialog textarea{width:100%;border:1px solid #d7d1c5;border-radius:12px;padding:14px 15px;background:#fff;color:#24241f;font:400 17px 'CoFo Sans',Arial,sans-serif;resize:vertical}
.consultation-dialog input:focus,.consultation-dialog textarea:focus{outline:2px solid #2f6540;outline-offset:1px}
.consultation-dialog .button{justify-self:start}
.consultation-close{position:absolute;right:20px;top:15px;border:0;background:transparent;color:#696962;font:400 32px/1 Arial,sans-serif;padding:7px}
.consultation-privacy{font:400 12px/1.4 'CoFo Sans',Arial,sans-serif!important;color:#77756d;margin:0!important}
@media(max-width:720px){.consultation-dialog{padding:25px 20px}.consultation-dialog h2{font-size:31px}.consultation-dialog .button{width:100%}}
.trait-meter{display:inline-flex;gap:5px;align-items:center;vertical-align:middle}.trait-meter i{display:block;width:23px;height:9px;border-radius:99px;background:#dcd8cf}.trait-meter i.on{background:#2f6540}.trait-no-data{color:#8a877f}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.trait-meter{gap:4px}.trait-meter i{width:18px;height:8px}}
.breed-ranking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:19px}.breed-ranking-card{overflow:hidden;background:#fff;border-radius:17px}.breed-ranking-card>img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover;background:#e6dfd1}.breed-ranking-card>div{padding:18px}.breed-ranking-card h3{margin:0 0 9px;font:400 23px/1.04 'Red Rounded Cut',sans-serif;letter-spacing:-1px}.breed-ranking-card p{margin:0;color:#2f6540;font:400 15px 'CoFo Sans',Arial,sans-serif}@media(max-width:720px){.breed-ranking-grid{grid-template-columns:minmax(0,1fr);gap:10px}.breed-ranking-card>div{padding:18px}.breed-ranking-card h3{font-size:23px}.breed-ranking-card p{font-size:14px}}
.breed-card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.breed-score{color:#2f6540;white-space:nowrap;font:400 14px 'CoFo Sans',Arial,sans-serif}.breed-card .breed-description,.breed-ranking-card .breed-description{min-height:43px;margin:0 0 15px;color:#6b655d;font:400 15px/1.4 'CoFo Sans',Arial,sans-serif}.breed-ranking-card .breed-description{min-height:60px;color:#6b655d}.breed-ranking-card .breed-card-meta{margin-bottom:13px}@media(max-width:720px){.breed-card-meta{margin-bottom:13px}.breed-score{font-size:13px}.breed-card .breed-description{min-height:0;font-size:14px}.breed-ranking-card .breed-description{min-height:0;font-size:13px}}
.alternative-card .button,.result-back{margin-top:4px;border:0;border-radius:12px;padding:14px 18px;background:#2f6540;color:#fff;font:400 17px 'CoFo Sans',Arial,sans-serif;cursor:pointer;transition:transform .18s ease,background .18s ease}.alternative-card .button:hover,.result-back:hover{background:#255437;transform:translateY(-2px)}.result-back{background:#fff;color:#2f6540;margin-top:25px}
.breed-explorer-controls{display:grid;grid-template-columns:1.1fr 1.1fr auto;gap:10px;margin-top:22px}.breed-explorer-controls input,.breed-explorer-controls select{min-width:0;height:52px;padding:0 16px;border:1px solid #e1dbcf;border-radius:11px;background:#fff;color:#181814;font:400 16px 'CoFo Sans',Arial,sans-serif}.breed-explorer-controls .button{border:0;border-radius:11px;padding:0 18px;background:#2f6540;color:#fff;font:400 16px 'CoFo Sans',Arial,sans-serif;white-space:nowrap;cursor:pointer}.breed-explorer-error{margin:12px 0 0!important;color:#a64a3d!important;font-size:15px!important}.breed-profile-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.breed-profile-card{display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;border-radius:18px;background:#fff}.breed-profile-card>img{width:100%;height:100%;min-height:295px;object-fit:cover;background:#e6dfd1}.breed-profile-card>div{padding:29px}.breed-profile-card h2{font:400 32px/1 'Red Rounded Cut',sans-serif;letter-spacing:-1.5px;margin:0 0 16px}.breed-profile-card p{font:400 17px/1.45 'CoFo Sans',Arial,sans-serif;margin:0 0 16px}.breed-risks-heading{font:400 24px/1 'Red Rounded Cut',sans-serif;letter-spacing:-1px;margin:29px 0 14px}.breed-detail-table td:last-child{width:68%}@media(max-width:720px){.breed-explorer-controls{grid-template-columns:1fr}.breed-explorer-controls input,.breed-explorer-controls select,.breed-explorer-controls .button{height:54px}.breed-profile-layout{grid-template-columns:1fr;gap:10px}.breed-profile-card{grid-template-columns:1fr}.breed-profile-card>img{min-height:230px;max-height:320px}.breed-profile-card>div{padding:23px}.breed-detail-table td:last-child{width:auto}}
.health-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.health-details-grid .result-card{padding:25px}.health-details-grid h3{font-size:25px}@media(max-width:720px){.health-details-grid{grid-template-columns:1fr;gap:10px}.health-details-grid .result-card{padding:23px}}

/* Полный рейтинг пород внутри выбранной FCI-группы. */
.breed-rank{display:inline-flex!important;width:max-content;padding:6px 9px;border-radius:999px;background:#e6dfd1;color:#2f6540!important;font:400 13px 'CoFo Sans',Arial,sans-serif!important;margin-bottom:13px}.breed-ranking{list-style:none;margin:17px 0 0;padding:0;border-top:1px solid #e8e2d8;font:400 18px/1.35 'CoFo Sans',Arial,sans-serif}.breed-ranking li{display:grid;grid-template-columns:34px 1fr auto;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid #e8e2d8}.breed-ranking-place{color:#a69d91;font-variant-numeric:tabular-nums}.breed-ranking-name{color:#181814}.breed-ranking-score{color:#2f6540;white-space:nowrap}@media(max-width:720px){.breed-ranking{font-size:16px}.breed-ranking li{grid-template-columns:28px 1fr auto;gap:12px;padding:14px 0}.breed-rank{margin-bottom:11px}}

/* Компактная единая высота экранов квиза на десктопе. */
@media(min-width:721px){
  .quiz-page{height:100vh;height:100svh;min-height:720px;box-sizing:border-box;overflow-y:auto}
  .quiz-page .quiz-content{width:min(1240px,100%);margin-top:30px}
  .quiz-page .quiz-progress{margin-bottom:20px}
  .quiz-page .quiz-progress span{margin-bottom:9px}
  .quiz-page .quiz-content h1{max-width:100%;margin-bottom:24px;font-size:clamp(44px,3.7vw,58px);line-height:.98;letter-spacing:-3.5px;text-wrap:balance}
  .quiz-page .question-hint{margin:-12px 0 18px}
  .quiz-page .answers{gap:8px}
  .quiz-page .answer{height:62px;padding:0 30px;border-radius:12px;font-size:22px;line-height:1.15}
  .quiz-page .answers-dense{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quiz-page .answers-dense .answer{height:58px;padding:8px 64px 8px 26px;font-size:20px}
  .quiz-page .answers-multi .answer{padding-right:70px}
  .quiz-page .answers-multi.answers-dense .answer{padding-right:64px}
  .quiz-page .answers-multi .answer:after{right:27px;width:20px;height:20px;border-radius:6px}
  .quiz-page .answer-scale{padding:21px 30px 18px}
  .quiz-page .scale-value{min-height:30px;margin-bottom:18px;font-size:22px}
  .quiz-page .scale-points{margin-bottom:16px}
  .quiz-page .scale-unknown{margin-top:10px}
  .quiz-page .selection-count{margin-top:10px}
  .quiz-page .nav{margin-top:14px}
  .quiz-page .back,.quiz-page .button{padding:13px 30px;font-size:22px}
  .quiz-page .site-footer{padding-top:18px}
}

/* Компактный мобильный экран квиза: вопрос и ответы видны без декоративной иллюстрации. */
@media(max-width:720px){
  .quiz-page{padding:20px 18px;min-height:100svh}
  .quiz-logo img{width:128px;height:42px}
  .quiz-content{margin-top:20px}
  .question-art{display:none}
  .quiz-content:not(.with-art):before{display:none;content:none}
  .quiz-progress{margin-bottom:22px;font-size:15px}
  .quiz-progress span{margin-bottom:9px}
  .quiz-progress .progress{width:100%;height:9px}
  .quiz-content h1{font-size:clamp(30px,8.7vw,40px);line-height:.98;letter-spacing:-2px;margin-bottom:22px;text-wrap:balance}
  .question-hint{font-size:14px;line-height:1.35;margin:-12px 0 18px}
  .quiz-page .answers{gap:10px}
  .quiz-page .answer{min-height:58px;height:auto;padding:14px 20px;font-size:18px;line-height:1.2}
  .quiz-page .answers-multi .answer{padding-right:58px}
  .quiz-page .answers-multi .answer:after{right:20px;width:20px;height:20px}
  .answer-scale{padding:19px 18px 17px}
  .scale-value{min-height:28px;margin-bottom:17px;font-size:18px}
  .scale-points{margin-bottom:16px}
  .scale-ends{font-size:12px}
  .quiz-page .nav{margin-top:14px;padding-top:0}
  .quiz-page .back,.quiz-page .button{padding:13px 20px;font-size:18px}
  .site-footer{padding-top:26px;font-size:14px}
  .site-footer img{width:34px;height:34px}
}

/* Компактный первый экран результатов на мобильных устройствах. */
@media(max-width:720px){
  .result-page{padding:20px 18px}
  .result-page .result-header{margin-bottom:22px}
  .result-page .result-hero{min-height:0;padding:25px 20px;border-radius:20px}
  .result-page .result-hero:after{display:none}
  .result-page .result-hero h1{max-width:none;margin-bottom:15px;font-size:clamp(30px,8.5vw,36px);line-height:.98;letter-spacing:-2px;text-wrap:balance}
  .result-page .result-hero>p:not(.result-kicker){font-size:15px;line-height:1.38}
  .result-page .result-kicker{margin-bottom:10px;font-size:14px}
  .result-page,.result-page .result-hero,.result-page .result-section,.result-page .breed-grid,.result-page .breed-card{min-width:0;max-width:100%}
  .result-page .breed-grid{grid-template-columns:minmax(0,1fr)}
  .result-page .breed-card h3,.result-page .result-section h2{overflow-wrap:anywhere}
  .result-page .breed-card-meta{flex-wrap:wrap}
}

/* Square breed photos and keep wide result content inside the viewport. */
.breed-card>img,
.breed-ranking-card>img{
  aspect-ratio:1/1;
  object-fit:cover;
}

.result-page{
  width:100%;
  min-width:0;
  overflow-x:hidden;
}

.result-page .result-section,
.result-page .result-table-wrap,
.result-page .breed-grid,
.result-page .breed-ranking-grid,
.result-page .breed-card,
.result-page .breed-ranking-card{
  min-width:0;
  max-width:100%;
}

.result-page .result-table-wrap{
  width:100%;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
}

@media(max-width:720px){
  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  .result-page .result-section{
    width:100%;
  }

  .result-page .result-table{
    width:100%;
    min-width:0;
    table-layout:fixed;
  }

  .result-page .result-table th,
  .result-page .result-table td{
    width:auto;
    padding:10px 7px;
    font-size:11px;
    line-height:1.25;
    overflow-wrap:anywhere;
  }

  .result-page .result-table th:first-child,
  .result-page .result-table td:first-child,
  .result-page .breed-detail-table td:last-child{
    width:auto;
  }

  .result-page .result-table .trait-meter{
    gap:2px;
  }

  .result-page .result-table .trait-meter i{
    width:8px;
    height:6px;
  }
}