/* The real host owns its header. These adjustments use the iframe's own viewport. */
.v7-entry-name{display:none}
.v7-entry-heading{display:contents}
.v7-quiz-skip-short{display:none}
.v7-quiz-more{display:none}
html[data-v7-embedded=true][data-view=home] .af-footer-wrap{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}
html[data-v7-embedded=true] .v7-campaign-table-row>[role=columnheader]{font-size:13px}
html[data-v7-embedded=true] #dc-root>.v7-app-header{display:none!important}
html[data-v7-embedded=true] .v7-entry-heading{display:block}
html[data-v7-embedded=true] .v7-entry-name{display:block;margin:0 0 24px;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:#fff}
html[data-v7-embedded=true] #story .af-hero{min-height:100svh!important;padding:32px var(--gutter) 36px!important;gap:28px!important}
html[data-v7-embedded=true] #story .af-hero-block{gap:16px!important}
html[data-v7-embedded=true] #story .v5-photo::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.65),rgba(0,0,0,.12) 44%,transparent 70%);mix-blend-mode:normal;opacity:1}
html[data-v7-embedded=true] .v7-quiz .af-quiz-body{padding-top:32px!important}
html[data-v7-embedded=true] #results .v7-results{padding-top:40px!important}
html[data-v7-embedded=true] .v7a-people{padding-top:30px}
html[data-v7-embedded=true] .v7-brand{visibility:hidden}
html[data-v7-embedded=true] #findings .af-sec-findings{min-height:100svh!important}
@media(min-width:768px){
 html[data-v7-embedded=true] .v7-quiz-material{top:24px;min-height:min(560px,calc(100svh - 88px))}
}
/* A question is one interaction, with a stable action row. Only a longer answer
   list scrolls; neither the question nor Next falls outside the iframe. */
html[data-v7-embedded=true] .v7-quiz[data-quiz-screen=question]{height:100dvh;min-height:100dvh!important;overflow:hidden!important}
html[data-v7-embedded=true] .v7-quiz[data-quiz-screen=question] .af-quiz-body{height:100%;padding-top:24px!important;padding-bottom:12px!important}
html[data-v7-embedded=true] .v7-quiz-layout{height:100%;min-height:0}
html[data-v7-embedded=true] .v7-quiz .af-quiz-q{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;min-height:0;height:100%;flex:1}
html[data-v7-embedded=true] .v7-quiz .af-quiz-options{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#ffffff75 #ffffff10;scroll-padding-block:4px}
html[data-v7-embedded=true] .v7-quiz .af-quiz-option{flex-shrink:0}
html[data-v7-embedded=true] .v7-quiz .af-quiz-nav{position:relative;grid-template-columns:auto 1fr auto!important;gap:12px!important;padding-top:12px;border-top:1px solid #ffffff30}
html[data-v7-embedded=true] .af-quiz-q[data-v7-options-more] .v7-quiz-more{display:block;position:absolute;bottom:100%;left:0;right:0;padding:5px 0;background:#080808;color:#bbb;text-align:center;font-size:11px;line-height:1.4;pointer-events:none}
html[data-v7-embedded=true] .v7-quiz .af-quiz-nav>*{grid-row:1;grid-column:auto}
html[data-v7-embedded=true] .v7-quiz .af-quiz-foot{margin-top:8px;padding-top:0;border:0;align-items:center;min-width:0}
html[data-v7-embedded=true] .v7-quiz .af-quiz-foot a{min-height:44px!important}
html[data-v7-embedded=true] .v7-quiz-skip{min-width:44px;justify-content:center}
@media(max-width:767px){
 html[data-v7-embedded=true] .v7-quiz[data-quiz-screen=question] .af-quiz-body{padding-top:12px!important;padding-bottom:4px!important}
 html[data-v7-embedded=true] .v7-quiz-layout{gap:12px}
 html[data-v7-embedded=true] .v7-quiz-material{height:64px;min-height:64px;flex-shrink:0}
 html[data-v7-embedded=true] .v7-quiz-material .v7-quiz-artifact{width:68px;height:68px}
 html[data-v7-embedded=true] .v7-quiz-material-copy{bottom:10px;gap:5px}
 html[data-v7-embedded=true] .v7-quiz-material-name{font-size:25px}
 html[data-v7-embedded=true] .v7-quiz .af-quiz-head{margin-bottom:8px}
 html[data-v7-embedded=true] .v7-quiz-progress{margin-bottom:14px}
 html[data-v7-embedded=true] .v7-quiz #quiz-question{font-size:24px;line-height:1.18;margin-bottom:14px}
 html[data-v7-embedded=true] .v7-quiz-skip-full{display:none}
 html[data-v7-embedded=true] .v7-quiz-skip-short{display:inline}
 html[data-v7-embedded=true] .v7-quiz-skip{justify-self:center;min-height:44px}
 html[data-v7-embedded=true] .v7-quiz-next{min-width:120px;padding:12px 14px;gap:16px;font-size:14px}
 html[data-v7-embedded=true] .v7-quiz .af-quiz-foot{margin-top:0}
 html[data-v7-embedded=true] .v7-quiz .af-quiz-foot>span{display:none}
}
@media(max-width:767px) and (max-height:560px){
 html[data-v7-embedded=true] .v7-quiz-material{height:48px;min-height:48px}
 html[data-v7-embedded=true] .v7-quiz-material .v7-quiz-artifact{width:52px;height:52px}
 html[data-v7-embedded=true] .v7-quiz-material-index{display:none}
 html[data-v7-embedded=true] .v7-quiz #quiz-question{font-size:22px}
}
@media(min-width:768px) and (max-height:780px){
 html[data-v7-embedded=true] .v7-quiz #quiz-question{font-size:30px;margin-bottom:20px}
 html[data-v7-embedded=true] .v7-quiz-progress{margin-bottom:20px}
 html[data-v7-embedded=true] #results .v7-results{padding-top:24px!important;gap:36px}
 html[data-v7-embedded=true] #results .v7-results .v7r-score{font-size:112px}
 html[data-v7-embedded=true] #results .v7r-portrait{height:330px}
 html[data-v7-embedded=true] #results .v7r-reveal{gap:24px 48px}
}
html[data-v7-embedded=true] #results .v7r-portrait text{font-size:17px}
html[data-v7-embedded=true] #results .v7r-portrait text+text{font-size:15px}
@media(max-width:767px){
 html[data-v7-embedded=true] #results .v7r-portrait{height:clamp(234px,38svh,270px)}
 html[data-v7-embedded=true] #results .v7r-portrait text{font-size:18px}
 html[data-v7-embedded=true] #results .v7r-portrait text+text{font-size:18px}
 html[data-v7-embedded=true] #results .v7-results{gap:28px!important}
 html[data-v7-embedded=true] #results .v7r-reveal{gap:12px}
 html[data-v7-embedded=true] #results .v7-results .v7r-score{font-size:80px}
 html[data-v7-embedded=true] #results .v7r-reveal[data-result-complete=true]{display:flex;flex-direction:column;gap:8px}
 html[data-v7-embedded=true] #results .v7r-reveal[data-result-complete=true] .v7r-score-copy{display:contents}
 html[data-v7-embedded=true] #results .v7r-reveal[data-result-complete=true] .v7r-score-label{order:0;margin-bottom:0}
 html[data-v7-embedded=true] #results .v7r-reveal[data-result-complete=true] .v7r-score{order:1}
 html[data-v7-embedded=true] #results .v7r-reveal[data-result-complete=true] .v7r-figure{order:2}
 html[data-v7-embedded=true] #results .v7r-reveal[data-result-complete=true] .v7r-intro{order:3}
 html[data-v7-embedded=true] #results .v7r-reveal[data-result-complete=true] .v7r-start{order:4}
 html[data-v7-embedded=true] #results .v7r-reveal[data-result-complete=true] .v7r-qualification{order:5;margin-top:12px}
}
@media(max-width:767px){
 html[data-v7-embedded=true] #story .af-hero{padding:28px 24px!important}
 html[data-v7-embedded=true] #story .af-hero-block{gap:12px!important}
 html[data-v7-embedded=true] .v7-entry-name{font-size:12px;margin-bottom:24px}
 html[data-v7-embedded=true] .v7-quiz .af-quiz-body{padding-top:20px!important}
 html[data-v7-embedded=true] #results .v7-results{padding-top:24px!important}
 html[data-v7-embedded=true] .v7a-people{padding-top:24px}
}
@media(min-width:768px) and (max-height:740px){
 html[data-v7-embedded=true] #story .af-hero{padding-top:24px!important;gap:24px!important;padding-bottom:28px!important}
 html[data-v7-embedded=true] #story .af-hero-hl{font-size:clamp(44px,11.5svh,86px)}
 html[data-v7-embedded=true] .v7-topbar{height:52px}
 html[data-v7-embedded=true] .v7-dimension{min-height:48px}
 html[data-v7-embedded=true] .v7-reading{padding-top:16px;padding-bottom:8px}
 html[data-v7-embedded=true] .v7-label-row{margin-bottom:12px}
 html[data-v7-embedded=true] .v7-value{font-size:82px}
 html[data-v7-embedded=true] .v7-sentence{font-size:19px}
 html[data-v7-embedded=true] .v7-stage{height:clamp(180px,30svh,220px);min-height:180px}
 html[data-v7-embedded=true] .v7-explorer[data-comparison=true] .v7-stage{height:225px;min-height:225px}
 html[data-v7-embedded=true] .v7-explorer[data-comparison=true] .v7-sentence{font-size:16px}
}
/* Short frames need the complete survey example and its navigation together. */
@media(max-width:767px) and (max-height:600px){
 html[data-v7-embedded=true] .v7a-survey{padding-block:24px 20px}
 html[data-v7-embedded=true] :is(.v7a-survey,.v7a-framework) h2{font-size:30px}
 html[data-v7-embedded=true] .v7a-question-nav{margin-top:16px}
 html[data-v7-embedded=true] .v7a-question-copy{min-height:130px;padding-top:16px}
 html[data-v7-embedded=true] .v7a-question-text{font-size:24px}
 html[data-v7-embedded=true] .v7a-question-art{height:112px}
 html[data-v7-embedded=true] .v7a-framework{padding-block:24px}
 html[data-v7-embedded=true] .v7a-framework .v7a-deck{margin-top:16px!important}
 html[data-v7-embedded=true] .v7a-framework .v7a-note{margin-top:14px!important}
 html[data-v7-embedded=true] .v7a-framework-art{height:140px;margin-top:8px}
 html[data-v7-embedded=true] .v7a-dimension-labels{padding-top:12px!important;row-gap:12px}
 html[data-v7-embedded=true] .v7a-invitation{min-height:100svh;align-items:center}
 html[data-v7-embedded=true] .v7a-invitation-layout{padding-block:24px}
 html[data-v7-embedded=true] .v7a-invitation h2{font-size:36px}
 html[data-v7-embedded=true] .v7a-invitation .v7a-deck{margin-top:20px!important}
 html[data-v7-embedded=true] .v7a-invitation .v7a-note{margin-top:16px!important}
 html[data-v7-embedded=true] .v7a-invitation .v7a-cta{margin-top:20px}
 html[data-v7-embedded=true] .v7a-invitation .v7a-link{margin-top:12px}
}
@media(max-width:340px) and (max-height:600px){
 html[data-v7-embedded=true] .v7a-survey{padding-top:16px}
 html[data-v7-embedded=true] .v7a-survey h2{font-size:28px}
 html[data-v7-embedded=true] .v7a-question-art{height:100px}
 html[data-v7-embedded=true] .v7-moment-card .v7-campaign-human-photo{height:150px}
 html[data-v7-embedded=true] #wake .v7-home-wake{height:250px}
}
/* Rotation leaves a shallow frame: put the visual beside the interaction and
   reserve a usable answer window without reducing touch targets. */
@media(min-width:560px) and (max-height:450px){
 html[data-v7-embedded=true] .v7-quiz[data-quiz-screen=question] .af-quiz-body{padding-block:8px!important}
 html[data-v7-embedded=true] .v7-quiz-layout{display:grid;grid-template-columns:minmax(120px,.35fr) minmax(0,1fr);gap:24px}
 html[data-v7-embedded=true] .v7-quiz-material{top:0;height:100%;min-height:0}
 html[data-v7-embedded=true] .v7-quiz-material .v7-quiz-artifact{width:100%;height:100%}
 html[data-v7-embedded=true] .v7-quiz-material-name{font-size:24px}
 html[data-v7-embedded=true] .v7-quiz-material-definition{display:none}
 html[data-v7-embedded=true] .v7-quiz .af-quiz-head{margin-bottom:6px}
 html[data-v7-embedded=true] .v7-quiz .af-quiz-options{scroll-padding-bottom:30px}
 html[data-v7-embedded=true] .v7-quiz-progress{margin-bottom:8px}
 html[data-v7-embedded=true] .v7-quiz #quiz-question{font-size:22px;line-height:1.18;margin-bottom:10px}
 html[data-v7-embedded=true] .v7-quiz .af-quiz-nav{padding-top:6px}
 html[data-v7-embedded=true] .v7-quiz .af-quiz-foot{margin-top:0}
 html[data-v7-embedded=true] .v7-quiz .af-quiz-foot>span{display:none}
 html[data-v7-embedded=true] .v7-quiz-skip-full{display:none}
 html[data-v7-embedded=true] .v7-quiz-skip-short{display:inline}
 html[data-v7-embedded=true] .v7-quiz-next{min-width:120px;padding:12px 14px;gap:16px;font-size:14px}
}
/* At very shallow frame heights, a fixed question/action stack cannot leave a
   complete answer visible. Use the document's native reading flow instead. */
@media(max-height:300px){
 html[data-v7-embedded=true] .v7-quiz[data-quiz-screen=question]{height:auto;overflow:visible!important}
 html[data-v7-embedded=true] .v7-quiz[data-quiz-screen=question] .af-quiz-body{height:auto;padding-block:12px!important}
 html[data-v7-embedded=true] .v7-quiz-layout{display:block;height:auto}
 html[data-v7-embedded=true] .v7-quiz-material{display:none}
 html[data-v7-embedded=true] .v7-quiz .af-quiz-q{display:flex;height:auto}
 html[data-v7-embedded=true] .v7-quiz .af-quiz-options{overflow:visible;flex-shrink:0}
}
