/* Result surfaces: raised paper and recessed information, approved palette A. */
:root{--raised-paper:inset 0 1px 0 #ffffffed,inset 0 -2px 0 #dce0d180,0 3px 6px #263f3010,0 16px 35px #263f3026;--raised-small:inset 0 1px 0 #ffffffc9,0 5px 13px #263f301a;--pressed:inset 0 2px 4px #43553e24,inset 0 -1px 1px #ffffffd9}
.registration-sheet,.question-sheet,.story-card,.details{box-shadow:var(--raised-paper)}
.type-card{box-shadow:var(--raised-small)}
.result-page>.topbar,.result-hero{width:min(1000px,calc(100% - 64px))}
.result-hero{background:transparent;box-shadow:none;isolation:isolate;margin-top:9px}
.result-hero:after{display:none}
.result-hero-main{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);grid-template-areas:'copy animal' 'tags animal';align-content:center;align-items:center;gap:23px 42px;min-height:410px;background:var(--sheet);border-radius:15px;box-shadow:inset 0 1px 0 #ffffffed,inset 0 -2px 0 #dce0d180,0 7px 22px #263f301a;padding:36px 40px}
.result-hero-copy{grid-area:copy;min-width:0;align-self:end}
.specimen-tags{grid-area:tags;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-self:start;gap:10px;min-width:0;margin:0;padding:0;list-style:none}
.specimen-tag{position:relative;min-width:0;padding:9px 12px 10px;background:#e8eee5;border-radius:8px 4px 8px 8px;box-shadow:inset 0 1px 0 #ffffffc9,inset 0 -1px 0 #c4d0be,0 2px 4px #263f3012}
.specimen-tag:after{content:'';position:absolute;right:10px;top:10px;width:5px;height:5px;border-radius:50%;background:var(--sheet);box-shadow:inset 0 1px 2px #34513b40}
.specimen-tag-category{display:block;padding-right:12px;font-size:10px;line-height:1.5;color:#974537}
.specimen-tag strong{display:block;margin-top:3px;font-size:15px;font-weight:650;line-height:1.4;color:var(--ink)}
.result-hero h1{font-size:58px;line-height:1.35;margin:14px 0 21px}
.result-animal-summary{min-width:0}
.result-quote{font-size:19px;font-weight:650;line-height:1.85;color:var(--ink);text-wrap:pretty}
.result-animal-description{margin:17px 0 0;font-size:16px;font-weight:400;line-height:1.95;color:var(--muted);text-wrap:pretty}
.result-animal{grid-area:animal;position:relative;display:flex;align-items:center;justify-content:center;align-self:stretch;width:100%;min-width:0;min-height:338px;margin-top:0;padding:72px 22px 23px;background:#fffefa;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff,inset 0 -3px 0 #dfe2d2b3,0 3px 5px #2d432525,0 15px 25px #2d43252b}
.result-animal .result-illustration{width:100%;height:282px;object-fit:contain}
.result-animal .ink-stamp{position:absolute;right:11px;top:11px;width:94px;height:50px;padding:0;border:0;border-radius:0;transform:rotate(-9deg);object-fit:contain;mix-blend-mode:multiply;opacity:.92}
.tag-row{margin-top:16px;gap:10px 11px}
.tag{padding:5px 10px;border-radius:6px;background:#e9eee6;box-shadow:var(--pressed);font-size:12px;color:var(--ink)}
.share-card{background:transparent;box-shadow:none;isolation:isolate}
.share-card:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--sheet);border-radius:15px;box-shadow:var(--raised-paper)}
.share-card:after{content:'';position:absolute;inset:6px -3px -6px 4px;z-index:-2;background:#e4e6da;border-radius:15px;box-shadow:0 4px 9px #263f301a}
.share-topline{min-height:39px}
.share-topline .share-stamp{width:86px;height:46px;object-fit:contain;transform:rotate(-8deg);mix-blend-mode:multiply;margin:-5px -3px -4px 0}
.share-name{font-size:43px;margin:12px 0 0}
.share-image{height:216px;margin:13px 0 20px}
.share-type-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px;border:0}
.share-type-card{padding:14px 13px 15px;background:#e9eee7;box-shadow:var(--pressed);border-radius:11px;border:0;min-width:0}
.share-type-card small{display:block;font-size:10px;line-height:1.8;color:var(--muted);margin-bottom:5px}
.share-type-card strong{display:block;font-size:15px;line-height:1.6;color:var(--ink);font-weight:650}
.share-type-card p{font-size:12px;line-height:1.85;margin:9px 0 0;color:var(--ink);overflow-wrap:break-word}
.score-item{padding:29px 0 31px}
.score-title{margin-bottom:20px}
.score-title strong{font-size:18px;line-height:1.5}
.score-title span{font-size:13px;color:var(--muted)}
.score-scale{margin-bottom:20px}
.score-dots{height:9px;gap:7px}
.score-dot{box-shadow:inset 0 1px 2px #3a4f381a}
.score-dot.on{box-shadow:inset 0 1px 0 #ffffff52,0 1px 1px #314a3a1a}
.score-endpoints{font-size:12px;line-height:1.7;margin-top:10px;color:var(--muted)}
.score-direction{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:0;line-height:1.7}
.score-direction-label{font-size:12px;font-weight:400;color:var(--muted)}
.score-direction strong{font-size:16px;font-weight:650;color:var(--ink);padding:3px 9px;background:var(--soft);border-radius:6px;box-shadow:inset 0 1px 2px #3d533c14}
.boundary-hint{margin-top:15px}
.boundary-hint p{font-size:16px;line-height:1.95;color:var(--ink)}
.interpretation-note{margin-top:24px;padding-top:17px;border-top:1px solid var(--line);color:var(--muted)}
.interpretation-note-label{display:block;font-size:13px;font-weight:650;line-height:1.6;margin-bottom:8px;color:var(--muted)}
.type-card .interpretation-note p,.animal-interpretation p{margin:0;font-size:14px;line-height:1.9;color:var(--muted)}
.animal-interpretation{margin-top:21px;padding-top:15px}
.result-hero-main>.animal-interpretation{grid-area:note;align-self:start;min-width:0;margin-top:0}
.footer-note p{max-width:none;width:100%;text-wrap:pretty}
@media(min-width:701px){.share-card{width:min(430px,100%);padding:28px}.share-wrap{grid-template-columns:minmax(350px,1fr) 1fr;gap:48px}}
@media(min-width:701px) and (max-width:900px){.result-hero-main{padding:30px 28px;gap:22px 30px}.result-hero h1{font-size:48px}.result-animal{padding-inline:17px;min-height:326px}.result-animal .result-illustration{height:270px}}
@media(max-width:700px){.result-page>.topbar,.result-hero{width:calc(100% - 40px)}.result-hero-main{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:27px 24px 24px}.result-hero-copy{align-self:auto}.result-hero-main>.tag-row{align-self:auto;margin-top:21px}.result-hero h1{font-size:41px;margin:14px 0 18px}.result-quote{font-size:16px;line-height:1.95}.result-animal{margin-top:24px;min-height:0;padding:62px 17px 20px}.result-animal .result-illustration{height:233px}.result-animal .ink-stamp{width:84px;height:45px;right:8px;top:9px}.tag-row{gap:9px;margin-top:12px}.tag{font-size:11px;padding:5px 9px}.share-card{padding:23px}.share-type-grid{gap:12px}.share-type-card{padding:13px 12px 14px}.share-image{height:206px}.score-item{padding:27px 0 29px}.score-title strong{font-size:18px}.score-endpoints{font-size:12px}.score-scale{margin-bottom:19px}}
@media(max-width:360px){.result-page>.topbar,.result-hero{width:calc(100% - 32px)}.result-hero-main{padding-inline:22px}.result-hero h1{font-size:37px}.result-animal{padding-inline:14px}.result-animal .result-illustration{height:217px}.share-card{padding:20px}.share-type-card{padding:12px 10px}.share-type-card strong{font-size:14px}.share-type-card p{font-size:12px}.share-type-grid{gap:11px}.share-name{font-size:38px}}
@media(max-width:700px){.specimen-tags{width:100%;margin-top:22px;gap:9px}.specimen-tag{padding:10px 12px 11px}.specimen-tag strong{font-size:14px;line-height:1.5}.result-hero-main>.animal-interpretation{margin-top:22px}}

/* Approved expanded readings and four independent life scenes, 2026-11-01. */
.portrait-readings{max-width:50rem}
.portrait-reading{min-width:0}
.portrait-reading+.portrait-reading{margin-top:29px;padding-top:27px;border-top:1px solid var(--line)}
.portrait-reading h3{margin:0 0 12px;font-size:20px;line-height:1.65;font-weight:650;text-wrap:pretty}
.portrait-reading p{margin:0;font-size:17px;line-height:2;text-wrap:pretty;overflow-wrap:break-word}
.life-scenes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.life-scenes-grid .story-card{min-width:0}
.life-scenes-grid .story-card h3{margin-bottom:17px;font-size:21px;line-height:1.65;text-wrap:pretty}
.life-scenes-grid .story-body p{font-size:16px;line-height:2;text-wrap:pretty;overflow-wrap:break-word}
@media(max-width:700px){.portrait-reading+.portrait-reading{margin-top:25px;padding-top:23px}.portrait-reading h3{font-size:19px;margin-bottom:11px}.portrait-reading p{font-size:16px;line-height:1.95}.life-scenes-grid{grid-template-columns:minmax(0,1fr);gap:20px}.life-scenes-grid .story-card h3{font-size:20px;margin-bottom:14px}.life-scenes-grid .story-body p{font-size:16px;line-height:1.95}}
@media(max-width:700px){.result-animal-summary .result-quote{font-size:18px;line-height:1.85}.result-animal-description{font-size:16px;line-height:1.95;margin-top:15px}}
.details-heading{display:flex;align-items:baseline;gap:15px;min-width:0}
.details-heading .section-number{flex:none;font-weight:400}
@media(max-width:700px){.details-heading{gap:12px}}

/* One heading scale for every numbered report section, including the disclosure. */
.result-content{--section-title-size:clamp(24px,3vw,29px);--section-number-size:14px;--section-heading-gap:15px}
.result-content .section-heading h2,.result-content .details-title{margin:0;font-family:inherit;font-size:var(--section-title-size);font-weight:650;line-height:1.5;color:var(--ink)}
.result-content .section-heading,.result-content .details-heading{align-items:baseline;gap:var(--section-heading-gap)}
.result-content .section-number{font-family:inherit;font-size:var(--section-number-size);font-weight:400;line-height:1.5;font-variant-numeric:tabular-nums;color:var(--red)}
@media(max-width:700px){.result-content{--section-title-size:24px;--section-number-size:13px;--section-heading-gap:12px}}
@media(max-width:360px){.result-content{--section-title-size:23px}}

/* Desktop prose uses the available container width; mobile layout stays intact. */
@media(min-width:701px){
  .portrait-readings{max-width:none;width:100%}
  .result-quote,.result-animal-description,.portrait-reading p,.type-card p,
  .life-scenes-grid .story-body p,.boundary-hint p,.share-type-card p,
  .share-side>p,.footer-note p{word-break:normal;overflow-wrap:normal;line-break:strict;text-wrap:wrap}
  .portrait-reading h3,.life-scenes-grid .story-card h3,.section-heading h2{line-break:strict;text-wrap:balance}
}