/* Find your block — a focused extension of the ACB design system. */
html body#acb-design.questionnaire-page{
  --quiz-blue:var(--brand,#5046e5);
  --quiz-yellow:#E4E244;
  --quiz-canvas:#f0f6ff;
  --quiz-ink:var(--ink,#111118);
  min-height:100vh!important;
  margin:0!important;
  background:var(--quiz-canvas)!important;
  color:var(--quiz-ink)!important;
  overflow-x:hidden;
}

html body#acb-design.questionnaire-page::before,
html body#acb-design.questionnaire-page::after{
  content:"";
  position:fixed;
  z-index:0;
  width:28vw;
  aspect-ratio:1;
  border-radius:50%;
  filter:blur(90px);
  opacity:.18;
  pointer-events:none;
}
html body#acb-design.questionnaire-page::before{left:-11vw;bottom:-14vw;background:#a9d5f5}
html body#acb-design.questionnaire-page::after{right:-12vw;top:-13vw;background:var(--quiz-yellow)}

html body#acb-design.questionnaire-page .progress{
  position:fixed!important;
  z-index:100!important;
  top:0!important;
  left:0!important;
  width:0;
  height:5px!important;
  background:var(--quiz-yellow)!important;
  border-radius:0 5px 5px 0;
  transition:width .5s cubic-bezier(.16,1,.3,1)!important;
}

html body#acb-design.questionnaire-page .top{
  position:relative!important;
  z-index:10!important;
  width:calc(100% - 32px)!important;
  max-width:var(--site-max,1800px)!important;
  height:72px!important;
  margin:16px auto 0!important;
  padding:10px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  background:#fff!important;
  color:var(--quiz-ink)!important;
  border:0!important;
  border-radius:var(--radius-card,2rem)!important;
  box-shadow:0 0 55px rgba(0,0,0,.15)!important;
}
html body#acb-design.questionnaire-page .quiz-home{
  display:block;
  width:150px;
  height:34px;
  color:var(--quiz-blue)!important;
  background:url("logo-mobile.svg") left center/contain no-repeat;
}
html body#acb-design.questionnaire-page .quiz-wordmark{display:block;width:150px;height:auto;opacity:0}
html body#acb-design.questionnaire-page .quiz-logo{display:block!important;height:48px!important;color:var(--quiz-blue)!important}
html body#acb-design.questionnaire-page .quiz-logo svg{display:block;height:100%;width:auto}
html body#acb-design.questionnaire-page .quiz-logo svg path,
html body#acb-design.questionnaire-page .quiz-logo svg circle{fill:currentColor!important}
html body#acb-design.questionnaire-page .quiz-status{display:flex;align-items:center;gap:10px}
html body#acb-design.questionnaire-page .count{
  min-width:70px;
  color:var(--quiz-ink)!important;
  font-size:15px!important;
  line-height:1!important;
  letter-spacing:-.03em!important;
  text-align:right;
  text-transform:none!important;
}
html body#acb-design.questionnaire-page .quiz-exit{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:12px 18px;
  color:var(--quiz-blue)!important;
  background:#dcecff;
  border-radius:999px;
  font-size:16px;
  line-height:1;
  text-decoration:none;
}

html body#acb-design.questionnaire-page .stage{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  min-height:calc(100svh - 88px)!important;
  padding:clamp(34px,6vw,88px) max(16px,var(--pad,3vw))!important;
  display:grid!important;
  place-items:center!important;
}
html body#acb-design.questionnaire-page .card{
  position:relative;
  width:min(920px,100%)!important;
  max-width:none!important;
  min-height:440px;
  padding:clamp(28px,5vw,72px)!important;
  overflow:hidden;
  background:#fff!important;
  color:var(--quiz-ink)!important;
  border:0!important;
  border-radius:var(--radius-card,2rem)!important;
  box-shadow:var(--shadow-card,0 1.66px 3.3px rgba(161,158,168,.1))!important;
  transition:opacity .2s ease,transform .25s cubic-bezier(.16,1,.3,1)!important;
}
html body#acb-design.questionnaire-page .card::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-76px;
  bottom:-84px;
  border-radius:50%;
  background:var(--quiz-yellow);
  opacity:.9;
  pointer-events:none;
}
html body#acb-design.questionnaire-page #screen.step-fade{opacity:0!important;transform:translateY(8px)}
html body#acb-design.questionnaire-page .intro,
html body#acb-design.questionnaire-page .res,
html body#acb-design.questionnaire-page .card>div{position:relative;z-index:1}

html body#acb-design.questionnaire-page .qmeta{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%;
  margin:0 0 24px!important;
  padding:8px 13px!important;
  background:#dcecff!important;
  color:var(--quiz-blue)!important;
  border-radius:999px!important;
  font-size:15px!important;
  line-height:1!important;
  letter-spacing:-.03em!important;
  text-transform:none!important;
}
html body#acb-design.questionnaire-page :is(h1,.qtext,.res h2){
  color:var(--quiz-ink)!important;
  font-weight:400!important;
  letter-spacing:-.05em!important;
  text-transform:none!important;
}
html body#acb-design.questionnaire-page .intro h1{
  max-width:10ch;
  margin:0!important;
  font-size:clamp(54px,8vw,104px)!important;
  line-height:.86!important;
}
html body#acb-design.questionnaire-page .intro h1::after{content:".";color:inherit}
html body#acb-design.questionnaire-page .intro p{
  max-width:61ch!important;
  margin:30px 0!important;
  color:var(--quiz-ink)!important;
  font-size:20px!important;
  line-height:1.25!important;
  letter-spacing:-.03em!important;
}
html body#acb-design.questionnaire-page .qtext{
  max-width:19ch;
  margin:0 0 clamp(30px,5vw,54px)!important;
  font-size:clamp(38px,5.6vw,68px)!important;
  line-height:.96!important;
}

html body#acb-design.questionnaire-page .opts{display:grid!important;gap:12px!important}
html body#acb-design.questionnaire-page :is(.opt,.scale button){
  min-height:64px;
  margin:0!important;
  padding:17px 20px!important;
  border:0!important;
  border-radius:18px!important;
  background:var(--quiz-canvas)!important;
  color:var(--quiz-ink)!important;
  box-shadow:inset 0 0 0 2px transparent!important;
  font:inherit!important;
  font-size:18px!important;
  font-weight:400!important;
  line-height:1.15!important;
  letter-spacing:-.03em!important;
  text-align:left!important;
  cursor:pointer!important;
  transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
html body#acb-design.questionnaire-page :is(.opt,.scale button):hover{
  background:#dcecff!important;
  color:var(--quiz-ink)!important;
  transform:translateY(-2px);
}
html body#acb-design.questionnaire-page :is(.opt,.scale button).sel{
  background:var(--quiz-blue)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 2px var(--quiz-blue)!important;
}
html body#acb-design.questionnaire-page .scale{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:12px!important}
html body#acb-design.questionnaire-page .scale button{min-height:76px;text-align:center!important;font-size:24px!important}
html body#acb-design.questionnaire-page .labels{
  display:flex!important;
  justify-content:space-between!important;
  margin-top:10px!important;
  color:var(--quiz-ink)!important;
  font-size:14px!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}
html body#acb-design.questionnaire-page .nav{display:flex!important;flex-wrap:wrap;gap:12px!important;margin-top:30px!important}
html body#acb-design.questionnaire-page .btn,
html body#acb-design.questionnaire-page .btn.alt{
  min-height:60px!important;
  padding:20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:0!important;
  border-radius:16px!important;
  background:var(--quiz-yellow)!important;
  color:var(--quiz-ink)!important;
  box-shadow:none!important;
  font-size:20px!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:-.03em!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
html body#acb-design.questionnaire-page .btn.alt{background:#dcecff!important;color:var(--quiz-blue)!important}
html body#acb-design.questionnaire-page .btn.alt::after{display:none!important}
html body#acb-design.questionnaire-page main.stage #screen :is(a.btn,button.btn):not(.alt){
  background:#E4E244!important;
  color:#111118!important;
  border-color:#E4E244!important;
}

html body#acb-design.questionnaire-page .res h2{
  margin:0 0 32px!important;
  font-size:clamp(52px,7vw,88px)!important;
  line-height:.9!important;
}
html body#acb-design.questionnaire-page .result-grid{display:grid!important;grid-template-columns:1.15fr .85fr!important;gap:14px!important}
html body#acb-design.questionnaire-page .result-card{
  padding:24px!important;
  background:var(--quiz-canvas)!important;
  color:var(--quiz-ink)!important;
  border:0!important;
  border-radius:20px!important;
  box-shadow:none!important;
}
html body#acb-design.questionnaire-page .result-card small{
  color:var(--quiz-blue)!important;
  font-size:14px!important;
  letter-spacing:-.02em!important;
}
html body#acb-design.questionnaire-page .result-card h3{
  margin:14px 0!important;
  color:var(--quiz-ink)!important;
  font-size:30px!important;
  line-height:.95!important;
  letter-spacing:-.04em!important;
  text-transform:none!important;
}
html body#acb-design.questionnaire-page .result-card p{
  margin:12px 0 0!important;
  color:var(--quiz-ink)!important;
  font-size:17px!important;
  line-height:1.32!important;
  letter-spacing:-.02em!important;
}
html body#acb-design.questionnaire-page .state{
  margin:14px 0!important;
  padding:24px!important;
  background:var(--quiz-yellow)!important;
  color:var(--quiz-ink)!important;
  border-radius:20px!important;
}
html body#acb-design.questionnaire-page .state strong{color:var(--quiz-ink)!important;font-size:24px!important;text-transform:none!important}
html body#acb-design.questionnaire-page .state p{margin:10px 0 0!important;color:var(--quiz-ink)!important;font-size:17px!important;line-height:1.3!important}
html body#acb-design.questionnaire-page .bars{margin:28px 0!important;padding:24px;background:#fff;border-radius:20px;box-shadow:inset 0 0 0 1px #dcecff}
html body#acb-design.questionnaire-page .bar{
  display:grid!important;
  grid-template-columns:minmax(145px,210px) 1fr 26px!important;
  gap:14px!important;
  align-items:center!important;
  margin:12px 0!important;
  color:var(--quiz-ink)!important;
  font-size:14px!important;
  line-height:1.1!important;
  letter-spacing:-.02em!important;
  text-transform:none!important;
}
html body#acb-design.questionnaire-page .track{height:10px!important;overflow:hidden;background:#dcecff!important;border-radius:999px!important}
html body#acb-design.questionnaire-page .fill{height:100%!important;background:var(--quiz-blue)!important;border-radius:999px!important}
html body#acb-design.questionnaire-page .bar b{font-weight:400!important;color:var(--quiz-blue)!important;text-align:right}
html body#acb-design.questionnaire-page .note{max-width:72ch;margin:20px 0 0!important;color:#555565!important;font-size:14px!important;line-height:1.4!important;letter-spacing:-.02em!important}

@media(max-width:700px){
  html body#acb-design.questionnaire-page .top{width:calc(100% - 20px)!important;height:62px!important;margin-top:10px!important;padding:7px 10px!important}
  html body#acb-design.questionnaire-page .quiz-logo{height:42px!important}
  html body#acb-design.questionnaire-page .quiz-home{width:118px;height:28px}
  html body#acb-design.questionnaire-page .quiz-wordmark{width:118px}
  html body#acb-design.questionnaire-page .quiz-exit{min-height:40px;padding:10px 13px;font-size:14px}
  html body#acb-design.questionnaire-page .count{min-width:auto;font-size:13px!important}
  html body#acb-design.questionnaire-page .stage{min-height:calc(100svh - 72px)!important;padding:24px 10px 40px!important;place-items:start center!important}
  html body#acb-design.questionnaire-page .card{min-height:calc(100svh - 112px);padding:28px 20px!important;border-radius:24px!important}
  html body#acb-design.questionnaire-page .card::after{width:120px;height:120px;right:-60px;bottom:-65px}
  html body#acb-design.questionnaire-page .qmeta{margin-bottom:20px!important;font-size:13px!important}
  html body#acb-design.questionnaire-page .intro h1{font-size:clamp(52px,18vw,76px)!important}
  html body#acb-design.questionnaire-page .intro p{margin:24px 0!important;font-size:18px!important}
  html body#acb-design.questionnaire-page .qtext{font-size:clamp(38px,11vw,54px)!important;margin-bottom:30px!important}
  html body#acb-design.questionnaire-page :is(.opt,.scale button){min-height:58px;padding:15px 16px!important;font-size:17px!important;border-radius:15px!important}
  html body#acb-design.questionnaire-page .scale{gap:6px!important}
  html body#acb-design.questionnaire-page .scale button{min-height:62px;padding-inline:8px!important;font-size:20px!important}
  html body#acb-design.questionnaire-page .btn,html body#acb-design.questionnaire-page .btn.alt{min-height:54px!important;padding:17px 18px!important}
  html body#acb-design.questionnaire-page .result-grid{grid-template-columns:1fr!important}
  html body#acb-design.questionnaire-page .res h2{font-size:clamp(48px,15vw,68px)!important}
  html body#acb-design.questionnaire-page .bar{grid-template-columns:100px 1fr 18px!important;gap:8px!important;font-size:12px!important}
  html body#acb-design.questionnaire-page .bars{padding:18px 14px}
}

@media(prefers-reduced-motion:reduce){
  html body#acb-design.questionnaire-page *{scroll-behavior:auto!important;transition:none!important}
}


/* Quiz polish: keep the card clean, make the opening action blue, and keep
   the interaction cursor stable across every clickable surface. */
html body#acb-design.questionnaire-page .card::after{display:none!important}
html body#acb-design.questionnaire-page main.stage #screen .intro .btn.btn{
  background:var(--quiz-blue)!important;
  color:#fff!important;
  border-color:var(--quiz-blue)!important;
}
html body#acb-design.questionnaire-page :is(a.btn,button.btn,.opt,.scale button),
html body#acb-design.questionnaire-page :is(a.btn,button.btn,.opt,.scale button) *{
  cursor:pointer!important;
}
html body#acb-design.questionnaire-page :is(a.btn,button.btn,.opt,.scale button)::before,
html body#acb-design.questionnaire-page :is(a.btn,button.btn,.opt,.scale button)::after{
  pointer-events:none!important;
  cursor:pointer!important;
}

/* Compact quiz scale: preserve the existing character while keeping each step
   comfortably inside common laptop and tablet viewports. */
html body#acb-design.questionnaire-page .stage{
  padding:clamp(20px,4vw,48px) max(14px,var(--pad,3vw))!important;
}
html body#acb-design.questionnaire-page .card{
  width:min(840px,100%)!important;
  min-height:380px!important;
  padding:clamp(22px,3.5vw,48px)!important;
}
html body#acb-design.questionnaire-page .intro h1{font-size:clamp(48px,7vw,86px)!important}
html body#acb-design.questionnaire-page .intro p{margin:22px 0!important;font-size:18px!important}
html body#acb-design.questionnaire-page .qtext{margin-bottom:30px!important;font-size:clamp(34px,4.8vw,58px)!important}
html body#acb-design.questionnaire-page :is(.opt,.scale button){min-height:56px;padding:14px 17px!important;font-size:17px!important}
html body#acb-design.questionnaire-page .scale button{min-height:66px!important;font-size:21px!important}
html body#acb-design.questionnaire-page .btn,
html body#acb-design.questionnaire-page .btn.alt{min-height:52px!important;padding:16px 18px!important;font-size:18px!important}

/* Landscape result: summary on the left, comparison bars on the right. This
   keeps the whole result visible as one screenshot without removing content. */
@media(orientation:landscape) and (min-width:701px){
  html body#acb-design.questionnaire-page .stage{padding:12px 16px!important}
  html body#acb-design.questionnaire-page .card:has(.res){
    width:min(1120px,100%)!important;
    min-height:0!important;
    max-height:none!important;
    padding:14px 16px!important;
  }
  html body#acb-design.questionnaire-page .res{
    display:grid!important;
    grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
    grid-template-areas:"meta bars" "title bars" "domains bars" "state bars" "skill bars" "note bars" "actions bars"!important;
    column-gap:14px!important;
    row-gap:6px!important;
    align-items:start!important;
  }
  html body#acb-design.questionnaire-page .res>.qmeta{grid-area:meta;margin:0!important;padding:5px 9px!important;font-size:10px!important}
  html body#acb-design.questionnaire-page .res>h2{grid-area:title;margin:0!important;font-size:clamp(30px,3.4vw,40px)!important;line-height:.92!important}
  html body#acb-design.questionnaire-page .res>.result-grid{grid-area:domains;grid-template-columns:1.15fr .85fr!important;gap:8px!important}
  html body#acb-design.questionnaire-page .res>.state{grid-area:state}
  html body#acb-design.questionnaire-page .res>.result-card{grid-area:skill}
  html body#acb-design.questionnaire-page .res>.bars{grid-area:bars;align-self:stretch}
  html body#acb-design.questionnaire-page .res>.note{grid-area:note}
  html body#acb-design.questionnaire-page .res>.nav{grid-area:actions}
  html body#acb-design.questionnaire-page .result-card{padding:10px 11px!important;border-radius:12px!important}
  html body#acb-design.questionnaire-page .result-card small{font-size:9px!important}
  html body#acb-design.questionnaire-page .result-card h3{margin:4px 0!important;font-size:17px!important;line-height:1!important}
  html body#acb-design.questionnaire-page .result-card p{margin:4px 0 0!important;font-size:10.5px!important;line-height:1.18!important}
  html body#acb-design.questionnaire-page .result-grid .result-card:first-child h3{display:none!important}
  html body#acb-design.questionnaire-page .res>.result-card{display:grid!important;grid-template-columns:auto 1fr!important;gap:7px!important;align-items:start!important}
  html body#acb-design.questionnaire-page .res>.result-card :is(h3,p){margin:0!important}
  html body#acb-design.questionnaire-page .state{margin:0!important;padding:10px 11px!important;border-radius:12px!important}
  html body#acb-design.questionnaire-page .state strong{font-size:16px!important}
  html body#acb-design.questionnaire-page .state p{margin:3px 0 0!important;font-size:10.5px!important;line-height:1.18!important}
  html body#acb-design.questionnaire-page .bars{margin:0!important;padding:10px!important;border-radius:12px!important}
  html body#acb-design.questionnaire-page .bar{grid-template-columns:minmax(100px,135px) 1fr 18px!important;gap:7px!important;margin:5px 0!important;font-size:10px!important}
  html body#acb-design.questionnaire-page .track{height:6px!important}
  html body#acb-design.questionnaire-page .note{margin:0!important;font-size:9px!important;line-height:1.18!important}
  html body#acb-design.questionnaire-page .nav{margin:0!important;gap:8px!important}
  html body#acb-design.questionnaire-page .res .btn,
  html body#acb-design.questionnaire-page .res .btn.alt{min-height:38px!important;padding:10px 12px!important;font-size:13px!important}
}

/* Portrait result: a compact vertical summary sized for a single mobile
   screenshot, including the diagnostic note and both actions. */
@media(orientation:portrait) and (max-width:700px){
  html body#acb-design.questionnaire-page .stage{padding:10px!important;place-items:center!important}
  html body#acb-design.questionnaire-page .card{min-height:0!important;padding:20px 16px!important}
  html body#acb-design.questionnaire-page .card:has(.res){
    max-height:none!important;
    padding:12px!important;
  }
  html body#acb-design.questionnaire-page .res>.qmeta{margin:0 0 7px!important;padding:5px 9px!important;font-size:10px!important}
  html body#acb-design.questionnaire-page .res>h2{margin:0 0 8px!important;font-size:clamp(26px,8vw,34px)!important;line-height:.92!important}
  html body#acb-design.questionnaire-page .result-grid{grid-template-columns:1.1fr .9fr!important;gap:5px!important}
  html body#acb-design.questionnaire-page .result-card{padding:9px 10px!important;border-radius:12px!important}
  html body#acb-design.questionnaire-page .result-card small{font-size:9px!important}
  html body#acb-design.questionnaire-page .result-card h3{margin:4px 0!important;font-size:16px!important;line-height:1!important}
  html body#acb-design.questionnaire-page .result-card p{margin:4px 0 0!important;font-size:10px!important;line-height:1.18!important}
  html body#acb-design.questionnaire-page .state{margin:6px 0!important;padding:9px 10px!important;border-radius:12px!important}
  html body#acb-design.questionnaire-page .state strong{font-size:14px!important}
  html body#acb-design.questionnaire-page .state p{margin:3px 0 0!important;font-size:10px!important;line-height:1.18!important}
  html body#acb-design.questionnaire-page .result-grid .result-card:first-child h3{display:none!important}
  html body#acb-design.questionnaire-page .res>.result-card{display:grid!important;grid-template-columns:auto 1fr!important;gap:6px!important;align-items:start!important}
  html body#acb-design.questionnaire-page .res>.result-card :is(h3,p){margin:0!important}
  html body#acb-design.questionnaire-page .bars{margin:6px 0!important;padding:7px 9px!important;border-radius:12px!important}
  html body#acb-design.questionnaire-page .bar{grid-template-columns:82px 1fr 13px!important;gap:5px!important;margin:3px 0!important;font-size:9px!important;line-height:1!important}
  html body#acb-design.questionnaire-page .track{height:5px!important}
  html body#acb-design.questionnaire-page .note{margin:5px 0 0!important;font-size:8.5px!important;line-height:1.18!important}
  html body#acb-design.questionnaire-page .nav{margin-top:7px!important;gap:6px!important;flex-wrap:nowrap!important}
  html body#acb-design.questionnaire-page .res .btn,
  html body#acb-design.questionnaire-page .res .btn.alt{flex:1 1 0!important;min-height:36px!important;padding:9px 8px!important;font-size:12px!important}
}

@media(orientation:portrait) and (max-width:700px) and (max-height:720px){
  html body#acb-design.questionnaire-page .top{height:54px!important;margin-top:6px!important}
  html body#acb-design.questionnaire-page .quiz-logo{height:34px!important}
  html body#acb-design.questionnaire-page .stage{min-height:calc(100svh - 60px)!important;padding:6px 8px!important}
  html body#acb-design.questionnaire-page .card:has(.res){max-height:none!important;padding:9px!important}
  html body#acb-design.questionnaire-page .res>h2{font-size:24px!important}
  html body#acb-design.questionnaire-page .result-card{padding:7px 9px!important}
  html body#acb-design.questionnaire-page .result-card p{font-size:9px!important}
  html body#acb-design.questionnaire-page .bar{margin:2px 0!important}
  html body#acb-design.questionnaire-page .note{font-size:8px!important}
}

/* Result viewport hardening: the site-wide type system intentionally uses
   strong selectors, so the quiz result needs its own equally explicit scale. */
html body#acb-design.questionnaire-page #screen .res .result-card p,
html body#acb-design.questionnaire-page #screen .res .state p,
html body#acb-design.questionnaire-page #screen .res .note{
  text-wrap:pretty!important;
}
@media (orientation:landscape) and (min-width:701px){
  html body#acb-design.questionnaire-page #screen .res .result-card p{font-size:10.5px!important;line-height:1.18!important}
  html body#acb-design.questionnaire-page #screen .res .state p{font-size:10.5px!important;line-height:1.18!important}
  html body#acb-design.questionnaire-page #screen .res .note{font-size:9px!important;line-height:1.18!important}
  html body#acb-design.questionnaire-page #screen .res .result-card h3{font-size:17px!important;line-height:1!important}
  html body#acb-design.questionnaire-page #screen .res .state strong{font-size:16px!important}
}
@media (orientation:portrait) and (max-width:700px){
  html body#acb-design.questionnaire-page #screen .res .result-card p{font-size:10px!important;line-height:1.18!important}
  html body#acb-design.questionnaire-page #screen .res .state p{font-size:10px!important;line-height:1.18!important}
  html body#acb-design.questionnaire-page #screen .res .note{font-size:8.5px!important;line-height:1.18!important}
  html body#acb-design.questionnaire-page #screen .res .result-card h3{font-size:16px!important;line-height:1!important}
  html body#acb-design.questionnaire-page #screen .res .state strong{font-size:14px!important}
}
@media (orientation:portrait) and (max-width:700px) and (max-height:720px){
  html body#acb-design.questionnaire-page #screen .res .result-card p{font-size:9px!important;line-height:1.12!important}
  html body#acb-design.questionnaire-page #screen .res .state p{font-size:9px!important;line-height:1.12!important}
  html body#acb-design.questionnaire-page #screen .res .note{font-size:8px!important;line-height:1.12!important}
}

/* Result actions: two compact rows in portrait, one row when space allows. */
html body#acb-design.questionnaire-page #screen .res .result-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
html body#acb-design.questionnaire-page #screen .res .result-actions .btn{
  width:100%!important;
  white-space:nowrap!important;
}
@media (orientation:landscape) and (min-width:701px){
  html body#acb-design.questionnaire-page #screen .res .result-actions{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  html body#acb-design.questionnaire-page #screen .res .result-actions .btn{
    padding-inline:8px!important;
    font-size:11px!important;
  }
}

/* Native browser print-to-PDF layout. The result becomes a clean A4 document
   while interactive quiz chrome and controls stay out of the saved file. */
@media print{
  @page{size:A4 portrait;margin:14mm}
  html,body,html body#acb-design.questionnaire-page{
    width:auto!important;
    min-height:0!important;
    margin:0!important;
    background:#fff!important;
    color:#111118!important;
  }
  html body#acb-design.questionnaire-page .top,
  html body#acb-design.questionnaire-page .progress,
  html body#acb-design.questionnaire-page #screen .res .result-actions{
    display:none!important;
  }
  html body#acb-design.questionnaire-page .stage{
    display:block!important;
    min-height:0!important;
    padding:0!important;
  }
  html body#acb-design.questionnaire-page .card:has(.res){
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    background:#fff!important;
  }
  html body#acb-design.questionnaire-page #screen .res{
    display:grid!important;
    grid-template-columns:1.08fr .92fr!important;
    grid-template-areas:"meta bars" "title bars" "domains bars" "state bars" "skill bars" "note bars"!important;
    gap:8px 12px!important;
    color:#111118!important;
  }
  html body#acb-design.questionnaire-page #screen .res>.qmeta{grid-area:meta!important}
  html body#acb-design.questionnaire-page #screen .res>h2{grid-area:title!important;color:#111118!important}
  html body#acb-design.questionnaire-page #screen .res>.result-grid{grid-area:domains!important}
  html body#acb-design.questionnaire-page #screen .res>.state{grid-area:state!important}
  html body#acb-design.questionnaire-page #screen .res>.result-card{grid-area:skill!important}
  html body#acb-design.questionnaire-page #screen .res>.bars{grid-area:bars!important;align-self:stretch!important}
  html body#acb-design.questionnaire-page #screen .res>.note{grid-area:note!important;color:#555565!important}
  html body#acb-design.questionnaire-page #screen .res .result-card,
  html body#acb-design.questionnaire-page #screen .res .bars{
    break-inside:avoid!important;
    border:1px solid #dcecff!important;
    background:#f0f6ff!important;
  }
}

/* Result actions: two compact rows in portrait, one row when space allows. */
html body#acb-design.questionnaire-page #screen .res .result-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body#acb-design.questionnaire-page #screen .res .result-actions .btn{width:100%!important;white-space:nowrap!important}
@media (orientation:landscape) and (min-width:701px){
  html body#acb-design.questionnaire-page #screen .res .result-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  html body#acb-design.questionnaire-page #screen .res .result-actions .btn{padding-inline:8px!important;font-size:11px!important}
}

/* Clean native browser print-to-PDF layout. */
@media print{
  @page{size:A4 portrait;margin:14mm}
  html,body,html body#acb-design.questionnaire-page{width:auto!important;min-height:0!important;margin:0!important;background:#fff!important;color:#111118!important}
  html body#acb-design.questionnaire-page :is(.top,.progress),html body#acb-design.questionnaire-page #screen .res .result-actions{display:none!important}
  html body#acb-design.questionnaire-page .stage{display:block!important;min-height:0!important;padding:0!important}
  html body#acb-design.questionnaire-page .card:has(.res){width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:#fff!important}
  html body#acb-design.questionnaire-page #screen .res{display:grid!important;grid-template-columns:1.08fr .92fr!important;grid-template-areas:"meta bars" "title bars" "domains bars" "state bars" "skill bars" "note bars"!important;gap:8px 12px!important;color:#111118!important}
  html body#acb-design.questionnaire-page #screen .res>.qmeta{grid-area:meta!important}
  html body#acb-design.questionnaire-page #screen .res>h2{grid-area:title!important;color:#111118!important}
  html body#acb-design.questionnaire-page #screen .res>.result-grid{grid-area:domains!important}
  html body#acb-design.questionnaire-page #screen .res>.state{grid-area:state!important}
  html body#acb-design.questionnaire-page #screen .res>.result-card{grid-area:skill!important}
  html body#acb-design.questionnaire-page #screen .res>.bars{grid-area:bars!important;align-self:stretch!important}
  html body#acb-design.questionnaire-page #screen .res>.note{grid-area:note!important;color:#555565!important}
  html body#acb-design.questionnaire-page #screen .res :is(.result-card,.bars){break-inside:avoid!important;border:1px solid #dcecff!important;background:#f0f6ff!important}
}

/* Result actions: two compact rows in portrait, one row when space allows. */
html body#acb-design.questionnaire-page #screen .res .result-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body#acb-design.questionnaire-page #screen .res .result-actions .btn{width:100%!important;white-space:nowrap!important}
@media (orientation:landscape) and (min-width:701px){
  html body#acb-design.questionnaire-page #screen .res .result-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  html body#acb-design.questionnaire-page #screen .res .result-actions .btn{padding-inline:8px!important;font-size:11px!important}
}

/* Clean native browser print-to-PDF layout. */
@media print{
  @page{size:A4 portrait;margin:14mm}
  html,body,html body#acb-design.questionnaire-page{width:auto!important;min-height:0!important;margin:0!important;background:#fff!important;color:#111118!important}
  html body#acb-design.questionnaire-page :is(.top,.progress),html body#acb-design.questionnaire-page #screen .res .result-actions{display:none!important}
  html body#acb-design.questionnaire-page .stage{display:block!important;min-height:0!important;padding:0!important}
  html body#acb-design.questionnaire-page .card:has(.res){width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:#fff!important}
  html body#acb-design.questionnaire-page #screen .res{display:grid!important;grid-template-columns:1.08fr .92fr!important;grid-template-areas:"meta bars" "title bars" "domains bars" "state bars" "skill bars" "note bars"!important;gap:8px 12px!important;color:#111118!important}
  html body#acb-design.questionnaire-page #screen .res>.qmeta{grid-area:meta!important}
  html body#acb-design.questionnaire-page #screen .res>h2{grid-area:title!important;color:#111118!important}
  html body#acb-design.questionnaire-page #screen .res>.result-grid{grid-area:domains!important}
  html body#acb-design.questionnaire-page #screen .res>.state{grid-area:state!important}
  html body#acb-design.questionnaire-page #screen .res>.result-card{grid-area:skill!important}
  html body#acb-design.questionnaire-page #screen .res>.bars{grid-area:bars!important;align-self:stretch!important}
  html body#acb-design.questionnaire-page #screen .res>.note{grid-area:note!important;color:#555565!important}
  html body#acb-design.questionnaire-page #screen .res :is(.result-card,.bars){break-inside:avoid!important;border:1px solid #dcecff!important;background:#f0f6ff!important}
}

/* Comfortable quiz scale: retain the viewport-aware composition without
   shrinking the experience into fine print. */
html body#acb-design.questionnaire-page .card{width:min(900px,100%)!important;min-height:430px!important;padding:clamp(28px,4vw,56px)!important}
html body#acb-design.questionnaire-page .intro h1{font-size:clamp(52px,7.5vw,92px)!important}
html body#acb-design.questionnaire-page .intro p{font-size:20px!important;line-height:1.42!important}
html body#acb-design.questionnaire-page .qtext{font-size:clamp(40px,5.1vw,64px)!important;line-height:1.02!important}
html body#acb-design.questionnaire-page :is(.opt,.scale button){min-height:62px!important;padding:17px 20px!important;font-size:18px!important}
html body#acb-design.questionnaire-page .scale button{min-height:72px!important;font-size:22px!important}
html body#acb-design.questionnaire-page #screen:not(:has(.res)) .nav{margin-top:0!important;padding-top:24px!important}
html body#acb-design.questionnaire-page #screen:not(:has(.res)) .btn{font-size:20px!important}

@media (orientation:landscape) and (min-width:701px){
  html body#acb-design.questionnaire-page .card:has(.res){padding:20px 22px!important}
  html body#acb-design.questionnaire-page .res{row-gap:8px!important}
  html body#acb-design.questionnaire-page #screen .res>h2{font-size:clamp(38px,4vw,48px)!important}
  html body#acb-design.questionnaire-page #screen .res .result-card{padding:13px 14px!important}
  html body#acb-design.questionnaire-page #screen .res .result-card small{font-size:11px!important}
  html body#acb-design.questionnaire-page #screen .res .result-card p{font-size:13.5px!important;line-height:1.23!important}
  html body#acb-design.questionnaire-page #screen .res .result-card h3{font-size:20px!important}
  html body#acb-design.questionnaire-page #screen .res .state{padding:13px 14px!important}
  html body#acb-design.questionnaire-page #screen .res .state strong{font-size:19px!important}
  html body#acb-design.questionnaire-page #screen .res .state p{font-size:13.5px!important;line-height:1.22!important}
  html body#acb-design.questionnaire-page #screen .res .bar{font-size:11px!important;margin:7px 0!important}
  html body#acb-design.questionnaire-page #screen .res .note{font-size:10.5px!important;line-height:1.25!important}
  html body#acb-design.questionnaire-page #screen .res .result-actions .btn{font-size:13px!important}
}
@media (orientation:portrait) and (max-width:700px){
  html body#acb-design.questionnaire-page .card{padding:26px 20px!important}
  html body#acb-design.questionnaire-page .qtext{font-size:clamp(42px,12vw,58px)!important}
  html body#acb-design.questionnaire-page #screen .res .result-card p{font-size:11.5px!important;line-height:1.2!important}
  html body#acb-design.questionnaire-page #screen .res .result-card h3{font-size:17px!important}
  html body#acb-design.questionnaire-page #screen .res .state strong{font-size:15px!important}
  html body#acb-design.questionnaire-page #screen .res .state p{font-size:11.5px!important;line-height:1.2!important}
  html body#acb-design.questionnaire-page #screen .res .bar{font-size:9.5px!important}
  html body#acb-design.questionnaire-page #screen .res .note{font-size:9.5px!important;line-height:1.2!important}
}
@media (orientation:portrait) and (max-width:700px) and (max-height:720px){
  html body#acb-design.questionnaire-page #screen .res .result-card p,
  html body#acb-design.questionnaire-page #screen .res .state p{font-size:10px!important;line-height:1.14!important}
  html body#acb-design.questionnaire-page #screen .res .note{font-size:8.5px!important}
}

/* Result actions use the same quiet ACB palette and hierarchy as the site. */
html body#acb-design.questionnaire-page #screen .res .result-actions .btn{border:0!important;box-shadow:none!important}
html body#acb-design.questionnaire-page #screen .res .result-actions .action-contact{
  background:var(--quiz-blue)!important;color:#fff!important;
}
html body#acb-design.questionnaire-page #screen .res .result-actions .action-pdf{
  background:#dcecff!important;color:var(--quiz-blue)!important;
}
html body#acb-design.questionnaire-page #screen .res .result-actions .action-map{
  background:var(--quiz-yellow)!important;color:var(--quiz-ink)!important;
}
html body#acb-design.questionnaire-page #screen .res .result-actions .action-restart{
  background:#fff!important;color:var(--quiz-ink)!important;
}
html body#acb-design.questionnaire-page main.stage #screen .res .result-actions .action-contact.action-contact{
  background:var(--quiz-blue)!important;color:#fff!important;
}

/* Branded A4 result sheet. This deliberately resets the compact screen grid so
   saved PDFs remain readable, precise and useful away from the browser. */
@media print{
  @page{size:A4 portrait;margin:15mm}
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  html,body,html body#acb-design.questionnaire-page{width:auto!important;min-height:0!important;margin:0!important;background:#fff!important;color:#111118!important}
  html body#acb-design.questionnaire-page .progress{display:none!important}
  html body#acb-design.questionnaire-page .top{
    display:flex!important;position:static!important;width:100%!important;height:auto!important;
    margin:0 0 18px!important;padding:0 0 12px!important;border:0!important;border-bottom:2px solid #4f46e5!important;
    border-radius:0!important;background:#fff!important;box-shadow:none!important;
  }
  html body#acb-design.questionnaire-page .top img{width:132px!important;height:auto!important;filter:none!important}
  html body#acb-design.questionnaire-page .quiz-status{display:none!important}
  html body#acb-design.questionnaire-page .stage{display:block!important;min-height:0!important;padding:0!important}
  html body#acb-design.questionnaire-page #screen.card:has(.res){
    display:block!important;width:100%!important;max-width:none!important;min-height:0!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
    background:#fff!important;box-shadow:none!important;
  }
  html body#acb-design.questionnaire-page #screen .res{display:block!important;color:#111118!important}
  html body#acb-design.questionnaire-page #screen .res>.qmeta{
    display:inline-flex!important;margin:0 0 10px!important;padding:6px 10px!important;
    border-radius:8px!important;background:#dcecff!important;color:#4f46e5!important;
    font-size:11px!important;line-height:1!important;letter-spacing:-.02em!important;
  }
  html body#acb-design.questionnaire-page #screen .res>h2{
    margin:0 0 18px!important;color:#111118!important;font-size:44px!important;
    line-height:.92!important;letter-spacing:-.045em!important;
  }
  html body#acb-design.questionnaire-page #screen .res>.result-grid{
    display:grid!important;grid-template-columns:1.12fr .88fr!important;gap:10px!important;margin:0 0 10px!important;
  }
  html body#acb-design.questionnaire-page #screen .res .result-card{
    display:block!important;margin:0!important;padding:15px 16px!important;border:0!important;
    border-radius:14px!important;background:#f0f6ff!important;color:#111118!important;box-shadow:none!important;
    break-inside:avoid!important;
  }
  html body#acb-design.questionnaire-page #screen .res .result-card small{
    color:#4f46e5!important;font-size:10px!important;line-height:1!important;
  }
  html body#acb-design.questionnaire-page #screen .res .result-card h3{
    display:block!important;margin:7px 0 8px!important;color:#111118!important;
    font-size:21px!important;line-height:1!important;letter-spacing:-.035em!important;
  }
  html body#acb-design.questionnaire-page #screen .res .result-card p{
    margin:6px 0 0!important;color:#111118!important;font-size:12px!important;line-height:1.3!important;
  }
  html body#acb-design.questionnaire-page #screen .res>.state{
    margin:0 0 10px!important;padding:14px 16px!important;border-radius:14px!important;
    background:#e4e244!important;color:#111118!important;break-inside:avoid!important;
  }
  html body#acb-design.questionnaire-page #screen .res>.state strong{font-size:19px!important;line-height:1!important;color:#111118!important}
  html body#acb-design.questionnaire-page #screen .res>.state p{margin:5px 0 0!important;font-size:12px!important;line-height:1.3!important;color:#111118!important}
  html body#acb-design.questionnaire-page #screen .res>.result-card{
    display:grid!important;grid-template-columns:150px 1fr!important;gap:12px!important;align-items:start!important;margin-bottom:10px!important;background:#f0f6ff!important;
  }
  html body#acb-design.questionnaire-page #screen .res>.result-card h3,
  html body#acb-design.questionnaire-page #screen .res>.result-card p{margin:0!important}
  html body#acb-design.questionnaire-page #screen .res>.bars{
    display:block!important;margin:0 0 10px!important;padding:14px 16px!important;
    border:0!important;border-radius:14px!important;background:#fff!important;
    box-shadow:inset 0 0 0 1px #dcecff!important;break-inside:avoid!important;
  }
  html body#acb-design.questionnaire-page #screen .res .bar{
    display:grid!important;grid-template-columns:150px 1fr 22px!important;gap:10px!important;
    align-items:center!important;margin:7px 0!important;color:#111118!important;
    font-size:10.5px!important;line-height:1!important;text-transform:none!important;
  }
  html body#acb-design.questionnaire-page #screen .res .track{height:8px!important;border-radius:999px!important;background:#dcecff!important;overflow:hidden!important}
  html body#acb-design.questionnaire-page #screen .res .fill{height:100%!important;border-radius:999px!important;background:#4f46e5!important}
  html body#acb-design.questionnaire-page #screen .res .bar b{color:#4f46e5!important;font-weight:400!important;text-align:right!important}
  html body#acb-design.questionnaire-page #screen .res>.note{
    margin:0!important;padding:10px 12px!important;border-radius:10px!important;
    background:#fafafa!important;color:#555565!important;font-size:9.5px!important;line-height:1.3!important;
  }
  html body#acb-design.questionnaire-page #screen .res>.note::after{
    content:"  ·  acreativeblock.com";color:#4f46e5!important;
  }
  html body#acb-design.questionnaire-page #screen .res .result-actions{display:none!important}
}
@media print{
  html body#acb-design.questionnaire-page .top .quiz-home{display:flex!important;align-items:center!important;text-decoration:none!important}
  html body#acb-design.questionnaire-page .top .quiz-home img{display:none!important}
  html body#acb-design.questionnaire-page .top .quiz-home::before{
    content:"A CREATIVE BLOCK";color:#4f46e5!important;font:400 16px/1 Inter,Arial,sans-serif!important;letter-spacing:-.04em!important;
  }
  html body#acb-design.questionnaire-page .top::after{
    content:"Find your block · Result";margin-left:auto;color:#4f46e5!important;font:400 11px/1 Inter,Arial,sans-serif!important;letter-spacing:-.02em!important;
  }
  html body#acb-design.questionnaire-page #screen .res>.note{width:100%!important;max-width:none!important}
}
@media print{
  html body#acb-design.questionnaire-page .top .quiz-home{display:none!important}
  html body#acb-design.questionnaire-page .top::before{
    content:"A CREATIVE BLOCK";color:#4f46e5!important;font:400 16px/1 Inter,Arial,sans-serif!important;letter-spacing:-.04em!important;
  }
}

/* Centre the three-line ACB mark independently of the quiz status controls. */
html body#acb-design.questionnaire-page .top .quiz-home{
  position:absolute!important;left:50%!important;top:50%!important;
  width:70px!important;height:46px!important;margin:0!important;
  transform:translate(-50%,-50%)!important;background:none!important;
}
html body#acb-design.questionnaire-page .top .quiz-logo{
  display:block!important;width:100%!important;height:100%!important;color:var(--quiz-blue)!important;
}
html body#acb-design.questionnaire-page .top .quiz-logo svg{display:block!important;width:100%!important;height:100%!important}
html body#acb-design.questionnaire-page .top .quiz-status{margin-left:auto!important}
@media(max-width:700px){
  html body#acb-design.questionnaire-page .top .quiz-home{width:58px!important;height:40px!important}
  html body#acb-design.questionnaire-page .top .quiz-logo{height:40px!important}
}
@media print{html body#acb-design.questionnaire-page .top .quiz-home{display:none!important}}
html body#acb-design.questionnaire-page .top .quiz-logo svg{color:var(--quiz-blue)!important}
html body#acb-design.questionnaire-page .top .quiz-logo svg :is(path,circle){fill:var(--quiz-blue)!important;stroke:var(--quiz-blue)!important}

/* Final result typography follows the website's real reading scale. The result
   may scroll on compact screens; legibility takes priority over forced fitting. */
html body#acb-design.questionnaire-page #screen .res>.qmeta{font-size:14px!important;padding:7px 11px!important}
html body#acb-design.questionnaire-page #screen .res>h2{font-size:clamp(48px,5.4vw,72px)!important;line-height:.9!important;margin-bottom:18px!important}
html body#acb-design.questionnaire-page #screen .res .result-card{padding:20px!important;border-radius:18px!important}
html body#acb-design.questionnaire-page #screen .res .result-card small{font-size:14px!important;line-height:1!important}
html body#acb-design.questionnaire-page #screen .res .result-card h3{font-size:28px!important;line-height:.98!important;margin:10px 0!important}
html body#acb-design.questionnaire-page #screen .res .result-card p{font-size:18px!important;line-height:1.3!important;margin:9px 0 0!important}
html body#acb-design.questionnaire-page #screen .res .state{padding:20px!important;border-radius:18px!important}
html body#acb-design.questionnaire-page #screen .res .state strong{font-size:26px!important;line-height:1!important}
html body#acb-design.questionnaire-page #screen .res .state p{font-size:18px!important;line-height:1.3!important;margin-top:8px!important}
html body#acb-design.questionnaire-page #screen .res .bars{padding:20px!important;border-radius:18px!important}
html body#acb-design.questionnaire-page #screen .res .bar{grid-template-columns:minmax(145px,210px) 1fr 24px!important;gap:12px!important;margin:9px 0!important;font-size:14px!important;line-height:1.05!important}
html body#acb-design.questionnaire-page #screen .res .track{height:9px!important}
html body#acb-design.questionnaire-page #screen .res .note{font-size:12px!important;line-height:1.35!important}
html body#acb-design.questionnaire-page #screen .res .result-actions .btn{min-height:48px!important;padding:14px 12px!important;font-size:15px!important}
@media (orientation:landscape) and (min-width:701px){
  html body#acb-design.questionnaire-page .card:has(.res){padding:26px 28px!important}
  html body#acb-design.questionnaire-page .res{row-gap:12px!important;column-gap:18px!important}
  html body#acb-design.questionnaire-page #screen .res>.result-card{grid-template-columns:190px 1fr!important;gap:16px!important}
}
@media (max-width:700px){
  html body#acb-design.questionnaire-page .stage{place-items:start center!important}
  html body#acb-design.questionnaire-page .card:has(.res){padding:18px 14px!important}
  html body#acb-design.questionnaire-page #screen .res>.qmeta{font-size:12px!important}
  html body#acb-design.questionnaire-page #screen .res>h2{font-size:clamp(40px,12vw,52px)!important;margin-bottom:14px!important}
  html body#acb-design.questionnaire-page #screen .res .result-grid{grid-template-columns:1fr!important;gap:10px!important}
  html body#acb-design.questionnaire-page #screen .res .result-card{padding:16px!important}
  html body#acb-design.questionnaire-page #screen .res .result-grid .result-card:first-child h3{display:block!important}
  html body#acb-design.questionnaire-page #screen .res .result-card small{font-size:12px!important}
  html body#acb-design.questionnaire-page #screen .res .result-card h3{display:block!important;font-size:23px!important;margin:8px 0!important}
  html body#acb-design.questionnaire-page #screen .res .result-card p{font-size:15px!important;line-height:1.28!important}
  html body#acb-design.questionnaire-page #screen .res>.result-card{display:block!important}
  html body#acb-design.questionnaire-page #screen .res .state{padding:16px!important;margin:10px 0!important}
  html body#acb-design.questionnaire-page #screen .res .state strong{font-size:21px!important}
  html body#acb-design.questionnaire-page #screen .res .state p{font-size:15px!important;line-height:1.28!important}
  html body#acb-design.questionnaire-page #screen .res .bars{padding:14px!important;margin:10px 0!important}
  html body#acb-design.questionnaire-page #screen .res .bar{grid-template-columns:112px 1fr 18px!important;gap:7px!important;margin:7px 0!important;font-size:11px!important}
  html body#acb-design.questionnaire-page #screen .res .track{height:7px!important}
  html body#acb-design.questionnaire-page #screen .res .note{font-size:11px!important;line-height:1.3!important;margin-top:9px!important}
  html body#acb-design.questionnaire-page #screen .res .nav{margin-top:12px!important;gap:8px!important}
  html body#acb-design.questionnaire-page #screen .res .result-actions .btn{font-size:14px!important}
}

/* PDF masthead: use the actual centred three-line mark, without text labels. */
@media print{
  html body#acb-design.questionnaire-page .top{
    display:flex!important;justify-content:center!important;align-items:center!important;
    margin:0 0 20px!important;padding:0!important;border:0!important;background:transparent!important;
  }
  html body#acb-design.questionnaire-page .top::before,
  html body#acb-design.questionnaire-page .top::after{content:none!important;display:none!important}
  html body#acb-design.questionnaire-page .top .quiz-home{
    display:block!important;position:static!important;width:74px!important;height:48px!important;
    margin:0 auto!important;transform:none!important;background:none!important;
  }
  html body#acb-design.questionnaire-page .top .quiz-logo,
  html body#acb-design.questionnaire-page .top .quiz-logo svg{display:block!important;width:74px!important;height:48px!important;color:#4f46e5!important}
  html body#acb-design.questionnaire-page .top .quiz-logo svg :is(path,circle){fill:#4f46e5!important;stroke:#4f46e5!important}
}
@media print{
  @page{size:A4 portrait;margin:12mm}
  html body#acb-design.questionnaire-page .top{margin-bottom:14px!important}
  html body#acb-design.questionnaire-page #screen .res>h2{font-size:44px!important;margin-bottom:16px!important}
  html body#acb-design.questionnaire-page #screen .res .result-card{padding:15px 16px!important;border-radius:14px!important}
  html body#acb-design.questionnaire-page #screen .res .result-card small{font-size:10px!important}
  html body#acb-design.questionnaire-page #screen .res .result-card h3{font-size:21px!important;line-height:1!important;margin:7px 0 8px!important}
  html body#acb-design.questionnaire-page #screen .res .result-card p{font-size:12px!important;line-height:1.3!important;margin:6px 0 0!important}
  html body#acb-design.questionnaire-page #screen .res>.state{padding:14px 16px!important;border-radius:14px!important}
  html body#acb-design.questionnaire-page #screen .res>.state strong{font-size:19px!important}
  html body#acb-design.questionnaire-page #screen .res>.state p{font-size:12px!important;line-height:1.3!important;margin-top:5px!important}
  html body#acb-design.questionnaire-page #screen .res>.result-card{grid-template-columns:150px 1fr!important;gap:12px!important}
  html body#acb-design.questionnaire-page #screen .res>.bars{padding:14px 16px!important;border-radius:14px!important}
  html body#acb-design.questionnaire-page #screen .res .bar{grid-template-columns:150px 1fr 22px!important;gap:10px!important;margin:7px 0!important;font-size:10.5px!important}
  html body#acb-design.questionnaire-page #screen .res>.note{font-size:9.5px!important;line-height:1.3!important}
}

/* Final PDF logo cleanup: suppress the obsolete wordmark fallback and give the
   centred three-line mark clear space before the result begins. */
@media print{
  html body#acb-design.questionnaire-page .top{margin-bottom:32px!important}
  html body#acb-design.questionnaire-page .top .quiz-home::before,
  html body#acb-design.questionnaire-page .top .quiz-home::after{content:none!important;display:none!important}
}

/* Landscape results use the full available frame. Actions get their own wide
   row so every label remains contained and readable. */
@media (orientation:landscape) and (min-width:701px){
  html body#acb-design.questionnaire-page .card:has(.res){
    width:min(1240px,calc(100vw - 32px))!important;max-width:none!important;
  }
  html body#acb-design.questionnaire-page .res{
    grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)!important;
    grid-template-areas:"meta bars" "title bars" "domains bars" "state bars" "skill bars" "note bars" "actions actions"!important;
  }
  html body#acb-design.questionnaire-page #screen .res .result-actions{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;
  }
  html body#acb-design.questionnaire-page #screen .res .result-actions .btn{
    min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;
  }
}

/* Preserve the site's original logo weight in print; the SVG fill already
   defines the mark, so an additional path stroke makes it look too heavy. */
@media print{
  html body#acb-design.questionnaire-page .top .quiz-logo svg :is(path,circle){
    fill:#4f46e5!important;stroke:none!important;
  }
}