#vou-face-quiz{--vf-ink:#27302a;--vf-gold:#8a6829;--vf-paper:#f5f3ed;color:var(--vf-ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;max-width:940px;margin:0 auto 36px;text-align:left}#vou-face-quiz *{box-sizing:border-box}#vou-face-quiz [hidden]{display:none!important}#vou-face-quiz h2,#vou-face-quiz legend{font:clamp(25px,3.4vw,38px)/1.2 Georgia,serif;color:var(--vf-ink);margin:0 0 20px;padding:0;float:none;width:100%;max-width:100%}#vou-face-quiz h3{font:24px/1.25 Georgia,serif;color:var(--vf-ink);margin:22px 0 12px}#vou-face-quiz p,#vou-face-quiz li{font:inherit;margin:0 0 14px}#vou-face-quiz ul,#vou-face-quiz ol{padding-left:23px;margin:12px 0 20px}#vou-face-quiz .vf-intro,#vou-face-quiz .vf-step,#vou-face-quiz .vf-result{background:#fff;padding:32px;border:1px solid #dcded6;border-radius:8px}#vou-face-quiz .vf-kicker{color:#6a5328;letter-spacing:.12em;font-size:12px;font-weight:650}#vou-face-quiz .vf-small{font-size:13px;line-height:1.5;color:#5b6259;margin-top:18px}#vou-face-quiz .vf-prep,#vou-face-quiz .vf-callout{padding:20px 24px;background:var(--vf-paper);margin:24px 0;border-left:3px solid #a68e5c}#vou-face-quiz .vf-prep h3,#vou-face-quiz .vf-callout h3{margin-top:0}#vou-face-quiz button{font:600 15px/1.35 system-ui,sans-serif;min-height:46px;border:1px solid #5d665b;background:white;color:var(--vf-ink);padding:12px 20px;border-radius:4px;cursor:pointer;white-space:normal}#vou-face-quiz button.vf-primary{background:var(--vf-ink);color:white;border-color:var(--vf-ink)}#vou-face-quiz button:disabled{opacity:.45;cursor:not-allowed}#vou-face-quiz button:hover:not(:disabled){box-shadow:0 0 0 2px #ae9b70}#vou-face-quiz :focus-visible{outline:3px solid #986f23;outline-offset:4px}#vou-face-quiz [data-focus]{scroll-margin-top:90px}#vou-face-quiz .vf-progress-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin:0 0 6px;color:#5b6259}#vou-face-quiz progress{display:block;width:100%;height:7px;accent-color:var(--vf-gold);margin:0 0 28px;border:0}#vou-face-quiz fieldset{border:0;padding:0;margin:0;min-width:0}#vou-face-quiz .vf-hint{color:#535d51;margin-bottom:22px;line-height:1.55}#vou-face-quiz .vf-choices{display:grid;grid-template-columns:1fr;gap:12px}#vou-face-quiz .vf-choices.has-images{grid-template-columns:repeat(2,minmax(0,1fr))}#vou-face-quiz .vf-choice{display:flex;position:relative;flex-direction:row;align-items:flex-start;gap:12px;border:1px solid #c9cdc3;border-radius:5px;padding:16px;cursor:pointer;margin:0;min-width:0;background:#fff}#vou-face-quiz .vf-choice:hover{border-color:#876728}#vou-face-quiz .vf-choice.is-selected{border-color:#806121;box-shadow:inset 0 0 0 2px #a28a58;background:#fbf9f3}#vou-face-quiz .has-images .vf-choice{display:grid;grid-template-columns:22px 1fr;gap:8px;padding:12px}#vou-face-quiz .vf-choice input[type=radio]{appearance:auto;-webkit-appearance:radio;position:static;display:block;opacity:1;width:19px;height:19px;margin:3px 0;flex-shrink:0;accent-color:var(--vf-gold)}#vou-face-quiz .vf-choice img{display:block;grid-column:1/-1;grid-row:1;width:100%;max-height:280px;object-fit:contain;background:var(--vf-paper);height:auto;aspect-ratio:800/680;margin:0 0 8px}#vou-face-quiz .vf-choice-copy{display:flex;flex-direction:column;gap:5px;line-height:1.4}#vou-face-quiz .vf-choice-copy strong{font-weight:650}#vou-face-quiz .vf-choice-copy span{font-size:14px;color:#5a6257}#vou-face-quiz .vf-nav{display:flex;justify-content:space-between;gap:14px;margin:24px 0 8px}#vou-face-quiz .vf-profiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:24px 0}#vou-face-quiz .vf-profile{padding:16px;background:var(--vf-paper);border:1px solid #dddcd3;border-radius:5px}#vou-face-quiz .vf-profile img{width:100%;height:auto;max-height:310px;object-fit:contain;margin:0}#vou-face-quiz .vf-advice{border-top:1px solid #ddd;padding:10px 0}#vou-face-quiz .vf-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}#vou-face-quiz details{padding:16px 0;border-top:1px solid #d8dcd3}#vou-face-quiz summary{cursor:pointer;font-weight:650;min-height:32px}#vou-face-quiz details[open] summary{margin-bottom:14px}#vou-face-quiz .vf-notice{color:#5c4517;font-size:14px}#vou-face-quiz .vf-import{font-size:14px;display:block;margin-top:20px}#vou-face-quiz .vf-import input{display:block;max-width:100%;margin-top:8px}#vou-face-reference{max-width:940px;margin:25px auto;font:16px/1.6 system-ui,sans-serif}#vou-face-reference h2{font:30px/1.25 Georgia,serif}#vou-face-reference h3{font:23px/1.3 Georgia,serif}#vou-face-reference summary{cursor:pointer;padding:15px 0;font-weight:600}#vou-face-reference details{border-top:1px solid #ddd}#vou-face-reference img{display:block;width:220px;max-width:100%;height:auto}#vou-face-reference a{text-decoration:underline}#vou-face-reference .vf-library{display:grid;grid-template-columns:1fr 1fr;gap:20px}#vou-face-reference .vf-library article{padding:18px;background:#f5f3ed}#vou-face-reference .vf-method{padding:20px;background:#f5f3ed}#vou-face-reference li{margin-bottom:10px}
@media(max-width:600px){#vou-face-quiz .vf-intro,#vou-face-quiz .vf-step,#vou-face-quiz .vf-result{padding:22px 16px}#vou-face-quiz .vf-choices.has-images{grid-template-columns:1fr}#vou-face-quiz .vf-choice img{max-height:240px}#vou-face-quiz .vf-nav{position:static}#vou-face-quiz .vf-nav button{flex:1;padding:12px}#vou-face-quiz .vf-prep,#vou-face-quiz .vf-callout{padding:16px}#vou-face-quiz .vf-profiles{grid-template-columns:1fr}#vou-face-reference .vf-library{grid-template-columns:1fr}}


#vou-face-quiz .vf-choices .vf-secondary{grid-column:1/-1;display:flex;flex-direction:row;padding:14px 16px;background:#f8f8f5}#vou-face-quiz .vf-help{margin:0 0 20px;padding:14px 18px;background:#f5f3ed;border:1px solid #d9d5c8;border-radius:5px}#vou-face-quiz .vf-help summary{color:#654b17}
/* Compact closest-match comparisons: two or three illustrations per screen. */
#vou-face-quiz{scroll-margin-top:76px}#vou-face-quiz .vf-step{padding:22px 24px}#vou-face-quiz .vf-step legend{font-size:29px;line-height:1.18;margin-bottom:12px}#vou-face-quiz .vf-step .vf-hint{font-size:15px;line-height:1.4;margin-bottom:16px}#vou-face-quiz .vf-step progress{margin-bottom:18px}#vou-face-quiz .vf-choices{gap:8px}#vou-face-quiz .vf-choices.has-images{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}#vou-face-quiz .vf-choice{padding:12px;min-height:48px}#vou-face-quiz .vf-choice img{max-height:175px;margin-bottom:4px}#vou-face-quiz .vf-choice-copy strong{font-size:15px}#vou-face-quiz .vf-choice-copy span{font-size:13px}#vou-face-quiz .vf-nav{position:sticky;bottom:0;padding:12px 0;background:#fff;border-top:1px solid #e0e2dc;z-index:3;margin:16px 0 0}#vou-face-quiz .vf-step .vf-small{margin:10px 0 0;font-size:12px}#vou-face-quiz .vf-advice summary{font:23px/1.3 Georgia,serif;color:#293a2c}#vou-face-quiz .vf-actions{position:sticky;bottom:0;background:#fff;padding:12px 0;border-top:1px solid #ddd;z-index:3}#vou-face-quiz .vf-profile{display:grid;grid-template-columns:150px 1fr;column-gap:18px}#vou-face-quiz .vf-profile img{grid-column:1;grid-row:1/4;max-height:180px}#vou-face-quiz .vf-profile h3,#vou-face-quiz .vf-profile p{grid-column:2;margin-top:0}
@media(max-width:600px){#vou-face-quiz .vf-step{padding:16px 12px}#vou-face-quiz .vf-step legend{font-size:23px}#vou-face-quiz .vf-step .vf-hint{font-size:14px;margin-bottom:12px}#vou-face-quiz .vf-step progress{margin-bottom:14px}#vou-face-quiz .vf-choices.has-images{grid-template-columns:1fr}#vou-face-quiz .has-images .vf-choice{display:grid;grid-template-columns:18px 90px 1fr;gap:10px;align-items:center;padding:8px;min-height:94px}#vou-face-quiz .has-images .vf-choice img{grid-column:2;grid-row:1;max-height:85px;width:90px;height:auto;margin:0}#vou-face-quiz .has-images .vf-choice input{grid-column:1;grid-row:1}#vou-face-quiz .has-images .vf-choice-copy{grid-column:3;grid-row:1}#vou-face-quiz .vf-choice-copy strong{font-size:14px}#vou-face-quiz .vf-choice-copy span{font-size:12px}#vou-face-quiz .vf-profile{grid-template-columns:105px 1fr;column-gap:12px;padding:12px}#vou-face-quiz .vf-profile h3{font-size:23px}#vou-face-quiz .vf-profile p{font-size:14px}#vou-face-quiz .vf-actions{position:static}#vou-face-quiz .vf-nav{padding:10px 0}}
@media(max-width:600px){#vou-face-quiz .has-images .vf-choice{grid-template-columns:18px clamp(84px,14svh,115px) 1fr;min-height:0}#vou-face-quiz .has-images .vf-choice img{width:clamp(84px,14svh,115px);max-height:clamp(84px,14svh,115px);aspect-ratio:520/560}}
/* Isolate the application text from the article template's forced double spacing. */
#vou-face-quiz .vf-step .vf-hint{font-size:15px!important;line-height:1.4!important}#vou-face-quiz .vf-step .vf-small{font-size:12px!important;line-height:1.4!important}#vou-face-quiz .vf-result p,#vou-face-quiz .vf-result li{line-height:1.5!important}
@media(max-width:600px){#vou-face-quiz .vf-step .vf-hint{font-size:14px!important}#vou-face-quiz .has-images .vf-choice{grid-template-columns:18px clamp(72px,11svh,94px) 1fr}#vou-face-quiz .has-images .vf-choice img{width:clamp(72px,11svh,94px);max-height:clamp(72px,11svh,94px)}}