/* Align the existing inner pages and footer with the shared navigation. */
body.site-header-page footer.site-content-container{padding-inline:0!important}
body.site-header-page main.site-content-container{padding-inline:0!important}
body.site-header-page main.site-content-container>.shell{width:100%;max-width:none;margin-inline:0;padding-inline:0}
/* Legal links form one continuous sentence; touch-target rules must not turn them into blocks. */
.figma-layout #quiz-form .check.consent{align-items:flex-start;gap:12px;font:400 13px/1.5 Inter,Arial,sans-serif;color:var(--muted)}
.figma-layout #quiz-form .check.consent>span{min-width:0}
.figma-layout #quiz-form .check.consent a{display:inline;min-width:0;min-height:0;width:auto;padding:0;color:inherit;text-decoration:underline;text-underline-position:from-font}
.figma-layout #quiz-form .check input{appearance:none;position:relative;flex:0 0 18px;width:18px;height:18px;margin:0!important;border:1px solid var(--line);border-radius:4px;background:#fdfaf5}
.figma-layout #quiz-form .check input:checked{background:var(--accent);border-color:var(--accent)}
.figma-layout #quiz-form .check input:checked::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:var(--paper);font:700 14px/16px Inter,Arial,sans-serif}
.figma-layout #quiz-form .button.primary{min-width:0!important}
.figma-layout #quiz-form .quiz-submit-label{min-width:0;white-space:nowrap;text-wrap:nowrap}
@media(max-width:600px){
 .figma-layout #quiz-form .button.primary{gap:8px!important;padding-inline:12px!important;white-space:nowrap!important}
 .figma-layout #quiz-form .button.primary>.figma-arrow{width:24px!important;flex:0 0 24px!important}
 .figma-layout #quiz-form .button.primary>.figma-arrow img{width:24px!important;height:24px!important}
}
@media(max-width:360px){
 .figma-layout #quiz-form .button.primary{gap:6px!important;padding-inline:8px!important}
 .figma-layout #quiz-form .button.primary>.figma-arrow{width:20px!important;flex-basis:20px!important}
 .figma-layout #quiz-form .button.primary>.figma-arrow img{width:20px!important;height:20px!important}
}
/* Keep every mobile FAQ control in the same right-hand column. */
@media(max-width:760px){
 .figma-layout #faq .faq-item summary{display:grid!important;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:20px}
 .figma-layout #faq .faq-item summary>span{justify-self:end;margin-left:0}
 .figma-layout .quiz-expert>div:last-child{max-width:none;min-width:0;flex:1}
 .figma-layout .quiz-expert>div:last-child>div:nth-child(2){white-space:nowrap;font-size:clamp(12px,3.5vw,14px)!important}
 .figma-layout .quiz-role-break{display:none}
 body #request-dialog #request-title{font-size:clamp(18px,5.6vw,26px)!important;line-height:1.15}
 body #request-dialog .request-title-first{white-space:nowrap}
}
/* Preserve the top of the portrait rather than cropping the head centrally. */
.figma-layout .quiz-avatar img{object-position:50% 0%}
@media(max-width:360px){.figma-layout .quiz-expert{gap:6px}.figma-layout .quiz-avatar{width:44px!important;height:44px!important;flex:0 0 44px!important}}
/* Practical lists share one marker position across every article. */
body .vc-practical li::before{top:50%;transform:translateY(-50%)}
/* Match the homepage FAQ feedback in every article. */
body .vc-faq summary{transition:color 180ms ease}
body .vc-faq summary::after{top:50%;transform:translateY(-50%);transition:background-color 180ms ease,color 180ms ease}
@media(min-width:761px) and (hover:hover) and (pointer:fine){
 body .vc-faq summary:hover{color:var(--vc-accent)}
 body .vc-faq summary:hover::after{background:var(--vc-accent);color:var(--vc-paper)}
}
/* Touch feedback follows the open answer, without a sticky hover after closing. */
@media(max-width:760px){
 body .vc-faq[open] summary{color:var(--vc-accent)}
 body .vc-faq[open] summary::after{background:var(--vc-accent);color:var(--vc-paper)}
 .figma-layout #faq .faq-item:not([open]) summary{color:var(--ink)}
 .figma-layout #faq .faq-item:not([open]) summary>span{background:var(--figma-beige);color:var(--muted)}
 .figma-layout #faq .faq-item[open] summary{color:var(--accent)}
 .figma-layout #faq .faq-item[open] summary>span{background:var(--accent);color:var(--paper)}
}
@media(prefers-reduced-motion:reduce){body .vc-faq summary,body .vc-faq summary::after{transition:none}}
/* Draw symmetric FAQ signs independently of the font's baseline. */
body .faq-item summary>span,
body .vc-faq summary{
 --faq-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10M8 3v10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
 --faq-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
body .faq-item summary>span{position:relative;font-size:0!important;line-height:1!important;transform:none!important}
body .faq-item summary>span::after{display:none!important;content:none!important}
body .faq-item summary>span::before,
body .vc-faq summary::before{
 content:'';position:absolute;width:16px;height:16px;top:50%;
 background:currentColor;pointer-events:none;
 -webkit-mask:var(--faq-plus) center/16px 16px no-repeat;
 mask:var(--faq-plus) center/16px 16px no-repeat;
}
body .faq-item summary>span::before{left:50%;transform:translate(-50%,-50%)}
body .faq-item[open] summary>span::before,
body .vc-faq[open] summary::before{-webkit-mask-image:var(--faq-minus);mask-image:var(--faq-minus)}
body .vc-faq summary::after{content:''!important}
body .vc-faq summary::before{right:12px;transform:translateY(-50%);z-index:1;background:var(--faq-sign,var(--vc-ink))}
@media(min-width:761px) and (hover:hover) and (pointer:fine){body .vc-faq summary:hover{--faq-sign:var(--vc-paper)}}
@media(max-width:760px){body .vc-faq[open] summary{--faq-sign:var(--vc-paper)}}