/* Accepted VAC result layout, scoped to every role result. Other four pages retain their CSS. */
#result.compact-result{--blue:#0786d3;--ink:#080d0e;--paper:#f6f0e5;--teal:#2bdad7;height:auto;transform:none!important;font-family:Replica,sans-serif}
#result.compact-result{position:relative;isolation:isolate;width:100%;max-width:520px;margin:auto;padding:21px 21px 16px;background:var(--blue) url('assets/result-base-texture.png') center/600px 20px repeat;overflow:hidden}
#result.compact-result .identity{position:relative;z-index:2}
#result.compact-result .eyebrow{display:table;margin:0 0 7px 9px;padding:7px 11px 8px;border:3px solid var(--paper);background:var(--pink) url('assets/pink-texture.png') center/180px auto;font:900 16px/1 Arial,sans-serif;transform:rotate(-5deg);box-shadow:2px 3px #064b74}
#result.compact-result .role{height:86px;margin-left:-6px;width:calc(100% + 4px);padding:17px 23px 18px;background:url('assets/result-role-stock-clean.png') center/100% 100% no-repeat;display:flex;align-items:center;gap:15px;transform:rotate(-2deg)}
#result.compact-result .role strong{color:var(--teal);font-size:39px;font-weight:900;white-space:nowrap;letter-spacing:-1px}
#result.compact-result .role>span{color:var(--paper);border-left:2px solid var(--paper);padding-left:15px;font-size:21px;white-space:nowrap;font-weight:900}
#result.compact-result .hero{position:relative;height:318px;margin-top:-2px}
#result.compact-result .verdict-paper{position:absolute;left:-10px;top:32px;width:66%;height:232px;background:url('assets/result-title-paper.png') center/100% 100% no-repeat;transform:rotate(-5deg)}
#result.compact-result .verdict-paper h2{position:absolute;left:26px;top:24px;font-size:34px;line-height:1.37;letter-spacing:-1px;font-weight:900;z-index:2}
#result.compact-result .verdict-paper h2 span{display:block;white-space:nowrap}
#result.compact-result .verdict-paper h2 span:last-child{text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:5px;text-underline-offset:6px}
#result.compact-result .portrait{position:absolute;right:-8px;top:2px;width:50%;height:100%;object-fit:contain;filter:drop-shadow(3px 0 #fff9ee) drop-shadow(-3px 0 #fff9ee) drop-shadow(0 3px #fff9ee) drop-shadow(0 -3px #fff9ee) drop-shadow(3px 5px #004d79);z-index:3;pointer-events:none}
#result.compact-result .sync{position:absolute;left:14px;bottom:0;display:flex;align-items:center;gap:9px;padding:5px 10px;background:var(--yellow) url('assets/yellow-texture.png') center/150px auto;border:2px solid #101313;transform:rotate(-4deg);z-index:4;box-shadow:3px 3px #fff6e9}
#result.compact-result .sync>strong{font:900 34px/1.1 Arial,sans-serif}
#result.compact-result .sync>strong>span{font-size:20px}
#result.compact-result .sync>span{font-size:12px;line-height:1.25;font-weight:800;max-width:48px}
#result.compact-result .star{position:absolute;right:-17px;bottom:10px;width:50px;height:auto;transform:rotate(10deg);z-index:4;pointer-events:none}
#result.compact-result .recognition{position:relative;z-index:5;margin:14px -7px 0;padding:14px 16px 16px;text-align:center;background:url('assets/result-quote-stock.png') center/100% 100% no-repeat;font-size:20px;line-height:1.35;font-weight:900;transform:rotate(.5deg)}
#result.compact-result .evidence{position:relative;margin-top:19px;padding:30px 18px 15px;background:var(--paper) url('assets/paper-texture.png') center/260px auto;box-shadow:4px 5px #00578a;transform:rotate(-.7deg)}
#result.compact-result .evidence>h2{position:absolute;left:14px;top:-11px;padding:4px 12px 5px;background:#071012 url('assets/black-texture.png') center/180px auto;color:var(--paper);font-size:17px;line-height:1.4;font-weight:900;transform:rotate(-1deg)}
#result.compact-result .evidence-row+.evidence-row{margin-top:13px;padding-top:12px;border-top:1px dashed #737771}
#result.compact-result .choice{font-size:13px;font-weight:500;line-height:1.5;color:#44504e}
#result.compact-result .read{margin-top:3px;font-size:19px;line-height:1.45;font-weight:900;letter-spacing:-.5px}
#result.compact-result .share-button{position:relative;width:calc(100% - 9px);min-height:61px;margin:21px 5px 0;padding:9px 16px;display:flex;align-items:center;justify-content:center;gap:12px;border:3px solid var(--ink);border-radius:60px;background:var(--pink) url('assets/pink-texture.png') center/200px auto;box-shadow:0 0 0 5px var(--paper),0 5px 0 5px #77b8cc;font-size:23px;font-weight:900;line-height:1.3}
#result.compact-result .share-button img{width:38px;height:38px;object-fit:contain;flex-shrink:0}
#result.compact-result .share-button:active{transform:translateY(2px);box-shadow:0 0 0 5px var(--paper),0 3px 0 5px #77b8cc}
#result.compact-result .more{margin-top:19px;border-top:1px solid #125985;color:var(--paper)}
#result.compact-result .more summary{min-height:47px;padding:10px 1px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;font-size:14px;font-weight:750}
#result.compact-result .more summary::-webkit-details-marker{display:none}
#result.compact-result .disclosure{font-size:11px;line-height:1.4;font-weight:500}
#result.compact-result .more-body{margin:0 0 12px;padding:5px 15px 15px;background:var(--paper) url('assets/paper-texture.png') center/260px auto;color:var(--ink)}
#result.compact-result .more-body article{padding:13px 0;border-bottom:1px dashed #9a9e96}
#result.compact-result .more-body h3{font-size:13px;font-weight:550;line-height:1.5;color:#4b514c}
#result.compact-result .more-body article p{font-size:16px;font-weight:850;line-height:1.5;margin-top:3px}
#result.compact-result .fish-meaning{margin-top:18px;padding:14px 16px;background:var(--yellow) url('assets/yellow-texture.png') center/180px auto;border-left:4px solid var(--ink);font-size:17px;line-height:1.6;font-weight:900;color:var(--ink)}
#result.compact-result footer{display:flex;justify-content:space-between;gap:10px;padding-top:5px;font-size:9px;font-weight:500;line-height:1.6;color:#e0f3f8}
@media(max-width:430px){#result.compact-result{padding:19px 17px 14px}
#result.compact-result .role{height:73px;padding:13px 19px 15px;gap:12px}
#result.compact-result .role strong{font-size:33px}
#result.compact-result .role>span{font-size:17px;padding-left:12px}
#result.compact-result .eyebrow{font-size:13px;padding:6px 10px;margin-bottom:7px}
#result.compact-result .hero{height:270px}
#result.compact-result .verdict-paper{top:27px;height:202px;width:67%}
#result.compact-result .verdict-paper h2{left:21px;top:22px;font-size:28px;line-height:1.4}
#result.compact-result .portrait{right:-6px;width:49%;top:2px}
#result.compact-result .sync{left:7px;bottom:0;padding:4px 8px;gap:7px}
#result.compact-result .sync>strong{font-size:28px}
#result.compact-result .sync>span{font-size:10px;max-width:40px}
#result.compact-result .recognition{margin-top:13px;padding:12px 9px 14px;font-size:16px}
#result.compact-result .evidence{margin-top:17px;padding:25px 14px 12px}
#result.compact-result .evidence>h2{font-size:15px;left:11px}
#result.compact-result .choice{font-size:11px}
#result.compact-result .read{font-size:16px;letter-spacing:-.35px}
#result.compact-result .evidence-row+.evidence-row{margin-top:11px;padding-top:10px}
#result.compact-result .share-button{margin-top:19px;min-height:56px;padding:7px 10px;gap:9px;font-size:19px}
#result.compact-result .share-button img{width:34px;height:34px}
#result.compact-result .more{margin-top:17px}
#result.compact-result .more summary{min-height:43px;font-size:13px}
#result.compact-result footer{font-size:8px}
}
@media(max-width:350px){#result.compact-result{padding-left:14px;padding-right:14px}
#result.compact-result .role strong{font-size:29px}
#result.compact-result .role>span{font-size:15px}
#result.compact-result .hero{height:248px}
#result.compact-result .verdict-paper h2{font-size:25px;left:19px}
#result.compact-result .verdict-paper{height:184px}
#result.compact-result .recognition{font-size:14px}
#result.compact-result .read{font-size:14px}
#result.compact-result .share-button{font-size:16px}
#result.compact-result .share-button img{width:30px;height:30px}
#result.compact-result .choice{font-size:10px}
#result.compact-result footer{font-size:7px}
}

#result.compact-result .evidence-row+.evidence-row{margin-top:13px;padding-top:12px;border-top:1px dashed #737771}
#result.compact-result .more-body article{padding:13px 0;border-bottom:1px dashed #9a9e96}
#result.compact-result .more-body h3{font-size:13px;font-weight:550;line-height:1.5;color:#4b514c}
#result.compact-result .more-body article p{font-size:16px;font-weight:850;line-height:1.5;margin-top:3px}
#result.compact-result .result-secondary{display:flex;justify-content:center;gap:20px;margin:5px 0 12px;color:var(--paper)}
#result.compact-result .result-secondary button{padding:8px;font-size:12px;text-decoration:underline;font-weight:650}
#result.compact-result .shared-note{font-size:15px;line-height:1.65;font-weight:700;padding:4px 0}
#result.compact-result .role strong,#result.compact-result .role>span,#result.compact-result .verdict-paper h2,#result.compact-result .recognition,#result.compact-result .read,#result.compact-result .share-button,#result.compact-result .fish-meaning{font-weight:900}
#result.compact-result .long-headline h2{font-size:30px}
#result.compact-result .reference-layer{height:auto;aspect-ratio:941/1672}
.result-gallery{max-width:min(94vw,700px);width:700px}.result-gallery .review-roles{grid-template-columns:repeat(3,1fr)}
.result-gallery .review-roles button img{height:94px;width:100%;object-fit:contain;margin:0 auto 5px}.result-gallery .review-roles button strong{display:block;font-size:15px}.result-gallery .review-roles button small{font-size:10px}
.share-actions{display:flex;gap:10px;margin-top:15px}.share-actions a,.share-actions button{flex:1;text-align:center;padding:11px 10px;background:#ff298a;font-size:15px;font-weight:800;border-radius:6px;text-decoration:none}.share-actions button{background:#2bdad7}
@media(max-width:430px){#result.compact-result .long-headline h2{font-size:25px}#result.compact-result .choice{font-size:12px}#result.compact-result .read{font-size:16px}.result-gallery .review-roles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:350px){#result.compact-result .long-headline h2{font-size:23px}#result.compact-result .choice{font-size:11px}#result.compact-result .role strong{font-size:28px}#result.compact-result .role>span{font-size:14px;padding-left:10px}#result.compact-result .role{gap:9px}}

.share-preview-stage{position:relative;display:grid;place-items:center;aspect-ratio:3/4;width:100%;max-width:340px;margin:16px auto 0;background:#eee8dc url(assets/paper-texture.png)}
.share-preview-stage #shareCardPreview{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;object-fit:contain}
#shareCardPreview[hidden]{display:none}
#shareCardLoading{font-size:14px;color:#586466}

.share-dialog{width:min(92vw,430px)}
#detailDialog.share-dialog .share-actions a,#detailDialog.share-dialog .share-actions button:not(.dialog-close){display:flex;align-items:center;justify-content:center;flex:1;min-height:48px;margin:0;padding:11px 10px;border:2px solid #080d0e;border-radius:6px;background:#ff298a;font:800 15px/1.4 Replica,sans-serif;text-decoration:none}
#detailDialog.share-dialog .share-actions button:not(.dialog-close){background:#2bdad7}

#detailDialog.share-dialog .share-actions a[aria-disabled=true]{opacity:.45;pointer-events:none}