/* The VOU face quiz 5.1: one portrait system, useful results and a clear invitation. */
#vou-face-quiz,#vou-face-reference,#vou-face-faq{--vf5-photo-width:180px;--ink:#17382d;--muted:#526057;--gold:#8b6736;--paper:#f7f4ed;--line:#d8ded3;font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);max-width:1080px;margin:24px auto;text-align:left}
#vou-face-quiz *,#vou-face-reference *,#vou-face-faq *{box-sizing:border-box}
#vou-face-quiz [hidden],#vou-face-reference [hidden]{display:none!important}
#vou-face-quiz p,#vou-face-quiz li,#vou-face-reference p,#vou-face-reference li,#vou-face-faq p{font-family:inherit!important;font-size:inherit!important;line-height:1.55!important;color:inherit;margin:0 0 12px}
#vou-face-quiz h2,#vou-face-quiz legend{font:clamp(28px,3vw,42px)/1.14 Georgia,serif!important;color:var(--ink);padding:0;margin:0 0 16px;float:none;width:100%}
#vou-face-quiz h3,#vou-face-reference h2,#vou-face-faq h2{font:30px/1.2 Georgia,serif;color:var(--ink);margin:0 0 20px}
#vou-face-quiz h4,#vou-face-reference h4{font:650 19px/1.25 system-ui,sans-serif;color:var(--ink);margin:2px 0 12px}
#vou-face-quiz button{font:650 14px/1.3 system-ui,sans-serif!important;border:1px solid #a8b5a4;border-radius:5px;background:white;color:var(--ink);min-height:44px;padding:12px 18px;cursor:pointer;white-space:normal}
#vou-face-quiz button:hover:not(:disabled){background:#eef1e8;border-color:#6a7d64}
#vou-face-quiz button:disabled{opacity:.45;cursor:not-allowed}
#vou-face-quiz .vf4-primary{background:var(--ink);border-color:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:22px}
#vou-face-quiz .vf4-primary:hover:not(:disabled){background:#2d503a;color:white}
#vou-face-quiz :focus-visible,#vou-face-reference :focus-visible,#vou-face-faq :focus-visible{outline:3px solid #a17a37;outline-offset:3px}
#vou-face-quiz [data-focus]:focus{outline:none}
#vou-face-quiz{scroll-margin-top:16px}
#vou-face-quiz .vf4-shell{border:1px solid var(--line);background:var(--paper);border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #1535200a}
#vou-face-quiz .vf4-stages{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:14px 26px;background:var(--ink);color:#c7d0c4}
#vou-face-quiz .vf4-stages li{flex:1 1 auto;display:flex;align-items:center;gap:8px;margin:0;font-size:12px!important}
#vou-face-quiz .vf4-stages span{display:inline-grid;place-items:center;width:23px;height:23px;border:1px solid #788b75;border-radius:50%;font-size:11px}
#vou-face-quiz .vf4-stages [aria-current]{color:white}
#vou-face-quiz .vf4-stages [aria-current] span{background:#dcc392;border-color:#dcc392;color:#163126}
#vou-face-quiz .vf4-prepare{display:flex;flex-wrap:wrap;align-items:center;gap:26px;padding:36px}
#vou-face-quiz .vf4-eyebrow{font-size:11px!important;letter-spacing:.12em;color:var(--gold);font-weight:700;margin-bottom:12px}
#vou-face-quiz .vf4-lead{font-size:18px!important;line-height:1.5!important}
#vou-face-quiz .vf5-benefits{list-style:none;padding:0;margin:20px 0 24px}
#vou-face-quiz .vf5-benefits li{position:relative;padding-left:24px;font-size:14px!important;margin:8px 0}
#vou-face-quiz .vf5-benefits li:before{content:'✓';position:absolute;left:0;top:0;color:#456342;font-weight:700}
#vou-face-quiz .vf4-note{font-size:13px!important;color:var(--muted);margin:12px 0}
#vou-face-quiz .vf5-mirror{font-size:13px;border-top:1px solid var(--line);padding-top:13px;margin-top:16px}
#vou-face-quiz summary,#vou-face-reference summary,#vou-face-faq summary{cursor:pointer;font-weight:650;line-height:1.45}
#vou-face-quiz .vf5-mirror p{margin-top:12px}
#vou-face-quiz .vf4-prepare-copy{flex:1 1 330px;min-width:0}
#vou-face-quiz .vf4-prepare-visual{display:flex;flex:0 0 auto;flex-wrap:wrap;max-width:100%;justify-content:flex-start;gap:12px}
#vou-face-quiz .vf4-prepare-visual>div{flex:0 0 var(--vf5-photo-width);width:var(--vf5-photo-width);text-align:center}
#vou-face-quiz .vf4-prepare-visual>div>span:last-child{display:block;font:12px/1.4 system-ui;margin-top:12px;color:#4e5f50}
#vou-face-quiz .vf4-portrait,#vou-face-reference .vf4-portrait{display:block;position:relative;width:var(--vf5-photo-width);height:calc(var(--vf5-photo-width)*1.25);margin:auto;background:#efe8dc;border-radius:5px;overflow:hidden;flex-shrink:0}
#vou-face-quiz .vf5-art,#vou-face-reference .vf5-art{display:block;width:100%;height:100%;background:#efe8dc}
#vou-face-quiz .vf4-question,#vou-face-quiz .vf4-review,#vou-face-quiz .vf4-result{padding:26px 30px 12px}
#vou-face-quiz .vf4-question-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);margin-bottom:8px}
#vou-face-quiz progress{display:block;width:100%;height:5px;border:0;accent-color:var(--gold);margin-bottom:20px}
#vou-face-quiz progress::-webkit-progress-bar{background:#e0e4da;border-radius:4px}
#vou-face-quiz progress::-webkit-progress-value{background:#8d723f;border-radius:4px}
#vou-face-quiz fieldset{border:0;margin:0;padding:0;min-width:0}
#vou-face-quiz .vf4-question legend{font-size:30px!important;margin-bottom:12px}
#vou-face-quiz .vf4-instruction{font-size:14px!important;max-width:850px;margin-bottom:20px}
#vou-face-quiz .vf4-options{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:12px}
#vou-face-quiz .vf4-option{position:relative;display:flex;flex-direction:column;flex:0 0 calc(var(--vf5-photo-width) + 8px);width:calc(var(--vf5-photo-width) + 8px);padding:3px;border:1px solid #d3d9ce;border-radius:7px;background:white;overflow:hidden}
#vou-face-quiz .vf4-option.is-selected{border-color:#8b6736;box-shadow:0 0 0 2px #aa8a4e}
#vou-face-quiz .vf4-option:focus-within{outline:2px solid #8b6736;outline-offset:3px}
#vou-face-quiz .vf4-option-label{display:block;cursor:pointer;margin:0;flex:1}
#vou-face-quiz .vf4-option-caption{display:flex;align-items:flex-start;gap:7px;padding:12px 6px 8px;font-size:14px;line-height:1.35}
#vou-face-quiz input[type=radio]{position:static;appearance:auto;-webkit-appearance:radio;opacity:1;flex-shrink:0;width:18px;height:18px;margin:1px 0 0;accent-color:#8b6736}
#vou-face-quiz .vf4-option-caption strong{overflow-wrap:anywhere}
#vou-face-quiz .vf4-option-help{display:none}
#vou-face-quiz .vf4-option:has(.vf4-image-error) .vf4-option-help{display:block;font-size:13px;padding:7px}
#vou-face-quiz .vf4-zoom{display:block;position:static;align-self:center;min-width:44px;min-height:44px;padding:4px 12px;margin:0 auto 3px;font-size:20px!important}
#vou-face-quiz .vf4-image-note{font-size:12px!important;color:#59665b;line-height:1.4!important;margin:12px 0}
#vou-face-quiz .vf41-guide-key{text-align:center;font-size:13px!important;margin:14px 0}
#vou-face-quiz .vf4-nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 0 10px;margin-top:14px;border-top:1px solid var(--line);background:var(--paper)}
#vou-face-quiz .vf4-review-list{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:white;margin:20px 0}
#vou-face-quiz .vf4-review-row{display:grid;grid-template-columns:var(--vf5-photo-width) 1fr auto;align-items:center;gap:20px;padding:12px;border-bottom:1px solid var(--line)}
#vou-face-quiz .vf4-review-row:last-child{border-bottom:0}
#vou-face-quiz .vf4-review-row strong{font-size:18px;display:block}
#vou-face-quiz .vf4-review-row>div>span{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}
#vou-face-quiz .vf4-result-hero{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:center;margin-bottom:30px}
#vou-face-quiz .vf4-result-hero>.vf4-portrait{margin:auto}
#vou-face-quiz .vf4-result-hero .vf4-image-note{text-align:center}
#vou-face-quiz .vf4-aliases{font-size:13px!important;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}
#vou-face-quiz .vf5-result-promise{font:italic 22px/1.4 Georgia,serif!important;color:#607447}
#vou-face-quiz .vf5-style-section{margin:28px 0}
#vou-face-quiz .vf5-style-grid,#vou-face-reference .vf5-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#vou-face-quiz .vf5-style-card,#vou-face-reference .vf5-style-card{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;background:white;border:1px solid #d8dfd0;border-radius:7px;padding:22px;text-align:left}
#vou-face-quiz .vf5-style-card:last-child,#vou-face-reference .vf5-style-card:last-child{grid-column:1/-1}
#vou-face-quiz .vf5-style-icon{width:36px;height:42px;color:#8b6736}
#vou-face-quiz .vf5-card-label,#vou-face-reference .vf5-card-label{font-size:11px!important;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:#667448;margin:0 0 6px}
#vou-face-quiz .vf5-style-card p,#vou-face-reference .vf5-style-card p{font-size:14px!important}
#vou-face-quiz .vf5-use,#vou-face-reference .vf5-use{border-top:1px solid #e3e6dc;padding-top:12px;color:#50604e}
#vou-face-quiz .vf5-fit-note{font-size:13px!important;color:var(--muted);margin-top:16px}
#vou-face-quiz .vf5-context{background:#e9eddf;padding:16px 18px;border-left:3px solid #91a378;font-size:14px!important;margin:18px 0}
#vou-face-quiz .vf4-reasons,#vou-face-quiz .vf4-differences,#vou-face-quiz .vf4-observations{border-top:1px solid var(--line);padding:16px 0}
#vou-face-quiz .vf4-reasons ul{padding-left:23px;margin:16px 0 0}
#vou-face-quiz .vf4-reasons li{font-size:14px!important}
#vou-face-quiz .vf4-differences>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
#vou-face-quiz .vf4-differences article{padding:15px;background:#eeefe6;border-left:3px solid #a6976d}
#vou-face-quiz .vf4-differences p{font-size:14px!important}
#vou-face-quiz .vf4-observations dl{display:grid;grid-template-columns:1fr 2fr;gap:12px;font-size:14px}
#vou-face-quiz dd{margin:0}
#vou-face-quiz .vf4-status{font-size:13px!important;margin:8px 30px;color:#655124}
#vou-face-quiz .vf4-status button{margin:8px}
#vou-face-quiz .vf4-disclosure{font-size:12px!important;line-height:1.4!important;color:#65705e;margin:10px 30px 18px}
#vou-face-quiz .vf4-loading{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:10px;z-index:2;background:#efe8dc;color:#50604d;font-size:12px}
#vou-face-quiz .vf4-modal{position:fixed;inset:0;background:#14241edf;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:20px}
#vou-face-quiz .vf4-modal-card{width:min(520px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:#fff;padding:18px;border-radius:10px}
#vou-face-quiz .vf4-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-18px;z-index:3;background:white;padding:8px 0;margin-bottom:14px}
#vou-face-quiz .vf4-modal .vf4-portrait{width:min(320px,100%);height:auto;aspect-ratio:4/5}
#vou-face-quiz .vf4-modal p{font-size:14px!important;margin-top:14px}
#vou-face-quiz .vf4-reset{border:1px solid #ac925c;padding:16px;margin:15px 0}
#vou-face-quiz .vf5-copy-fallback textarea{width:100%;height:240px;font:14px/1.5 system-ui}
#vou-face-quiz .vf4-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#vou-face-quiz:not([data-booted]){min-height:420px;padding:30px;background:#f7f4ed}
.vf5-page-intro{max-width:1080px;margin:12px auto 22px;font:17px/1.6 system-ui;color:#42543f}
#vou-face-reference,#vou-face-faq{margin:36px auto;padding:0 16px}
#vou-face-reference details,#vou-face-faq details{border-top:1px solid #d9dfd1;padding:17px 0}
#vou-face-reference details p,#vou-face-faq details p{margin-top:14px}
#vou-face-reference .vf5-library-head{display:flex;align-items:center;gap:24px;margin:20px 0}
#vou-face-reference .vf5-library-head>div{flex:1}
#vou-face-reference .vf5-style-card{display:block}
#vou-face-reference .vf5-style-card h4{font-size:17px}
#vou-face-reference a,#vou-face-faq a{text-decoration:underline;text-underline-offset:3px}
body.page-id-88706 .td-main-content{width:100%!important}body.page-id-88706 .td-main-sidebar{display:none!important}body.page-id-88706 .td-page-title{font:clamp(29px,3.2vw,42px)/1.15 Georgia,serif!important;margin:12px 0 18px!important}
@media(max-width:700px){
#vou-face-quiz,#vou-face-reference,#vou-face-faq{--vf5-photo-width:clamp(76px,calc((100vw - 108px)/3),100px);font-size:15px}
#vou-face-quiz .vf4-stages{padding:12px 14px;gap:7px 10px}#vou-face-quiz .vf4-stages li{font-size:11px!important;gap:5px}#vou-face-quiz .vf4-stages span{width:19px;height:19px;font-size:10px}
#vou-face-quiz .vf4-prepare{grid-template-columns:1fr;padding:24px 18px;gap:22px}#vou-face-quiz .vf4-prepare h2{font-size:33px!important}#vou-face-quiz .vf4-lead{font-size:16px!important}#vou-face-quiz .vf4-prepare-visual{justify-content:flex-start;gap:16px}#vou-face-quiz .vf4-prepare-visual>div>span:last-child{font-size:11px}
#vou-face-quiz .vf4-question,#vou-face-quiz .vf4-review,#vou-face-quiz .vf4-result{padding:20px 14px 8px}#vou-face-quiz .vf4-question legend{font-size:24px!important}#vou-face-quiz .vf4-instruction{font-size:13px!important;margin-bottom:16px}#vou-face-quiz .vf4-options{gap:6px}
#vou-face-quiz .vf4-option-caption{font-size:13px;display:block;padding:10px 3px 7px}#vou-face-quiz input[type=radio]{width:16px;height:16px;margin-right:5px;vertical-align:middle}#vou-face-quiz .vf4-nav button{font-size:13px!important;padding:11px 12px}
#vou-face-quiz .vf4-review-row{grid-template-columns:var(--vf5-photo-width) minmax(0,1fr);gap:12px;padding:12px 8px}#vou-face-quiz .vf4-review-row button{grid-column:2;width:max-content}#vou-face-quiz .vf4-review-row strong{font-size:14px}
#vou-face-quiz .vf4-result-hero{grid-template-columns:var(--vf5-photo-width) minmax(0,1fr);gap:14px;align-items:start}#vou-face-quiz .vf4-result h2{font-size:30px!important}#vou-face-quiz .vf4-result-hero .vf4-lead{font-size:14px!important}#vou-face-quiz .vf4-result-hero .vf4-image-note{font-size:10px!important}#vou-face-quiz .vf5-result-promise{font-size:18px!important}#vou-face-quiz .vf4-result-hero button{padding:10px;font-size:12px!important}
#vou-face-quiz .vf5-style-grid,#vou-face-reference .vf5-style-grid{grid-template-columns:1fr}#vou-face-quiz .vf5-style-card,#vou-face-reference .vf5-style-card{padding:17px;gap:10px}#vou-face-quiz h3,#vou-face-reference h2,#vou-face-faq h2{font-size:26px}#vou-face-quiz .vf5-style-card h4{font-size:18px}
#vou-face-quiz .vf4-differences>div{grid-template-columns:1fr}#vou-face-quiz .vf4-disclosure,#vou-face-quiz .vf4-status{margin-left:14px;margin-right:14px}#vou-face-quiz .vf4-modal{padding:12px}#vou-face-quiz .vf4-modal-card{max-height:calc(100dvh - 24px);padding:14px}
#vou-face-reference .vf5-library-head{gap:16px;align-items:flex-start}#vou-face-reference .vf5-library-head p{font-size:14px!important}#vou-face-reference,#vou-face-faq{padding:0 4px}.vf5-page-intro{font-size:15px}
}

/* Review uses concise text rows; it does not introduce miniature portraits. */
#vou-face-quiz .vf4-review-row{grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:16px 18px}
#vou-face-quiz .vf4-review-row strong{font-size:16px}
#vou-face-quiz .vf4-review-row button{grid-column:auto}
#vou-face-quiz .vf4-result-hero{display:flex;flex-wrap:wrap}
#vou-face-quiz .vf4-result-hero>div:first-child{flex:0 0 220px}
#vou-face-quiz .vf4-result-hero>div:last-child{flex:1 1 20em;min-width:0}
@media(max-width:700px){#vou-face-quiz .vf4-review-row{padding:12px 10px}#vou-face-quiz .vf4-review-row strong{font-size:14px}#vou-face-quiz .vf4-result-hero>div:first-child{flex-basis:var(--vf5-photo-width)}#vou-face-quiz .vf4-result-hero>div:last-child{flex-basis:12em}}

.vf5-quick-start{display:none}.vf5-quick-start[hidden]{display:none!important}
@media(max-width:700px){.vf5-quick-start{display:inline-block;padding:13px 18px;min-height:44px;background:#17382d;color:white!important;font:650 14px/1.3 system-ui;text-decoration:none!important;border-radius:5px;margin:0 0 6px}.vf5-quick-start:focus-visible{outline:3px solid #a17a37;outline-offset:3px}}

#vou-face-quiz h2,#vou-face-quiz h3,#vou-face-quiz h4,#vou-face-quiz legend{overflow-wrap:anywhere}
/* Portrait dimensions inherit one shared viewport value in entry, questions, results and reference. Flexible rows wrap; portraits never shrink independently. */
#vou-face-reference .vf5-library-head{flex-wrap:wrap}
#vou-face-reference .vf5-library-head>div{flex:1 1 260px;min-width:0}