.quiz-ui{--line:var(--rule);--text:var(--ink);--accent:var(--brown);--raised:#e9e1d4}
.quiz-ui main{padding:28px 20px 44px;max-width:1500px;margin:auto;min-height:65vh}
.quiz-ui h1{font:400 clamp(34px,4vw,62px)/1.1 var(--serif);letter-spacing:-1px;margin:0 0 26px;max-width:1050px}
.quiz-ui h2{font:400 28px/1.2 var(--serif);margin:0 0 18px}
.quiz-ui p{font-size:16px;line-height:1.7;max-width:780px;color:var(--muted);margin:0 0 22px}
.quiz-ui .meta{font-size:13px;line-height:1.65}
.quiz-ui button,.quiz-ui .primary,.quiz-ui .secondary{min-height:48px;border:1px solid var(--rule);border-radius:8px;background:var(--surface);padding:13px 18px;line-height:1.4;display:inline-flex;justify-content:center;align-items:center;gap:12px;font-size:15px}
.quiz-ui .primary{background:var(--brown);color:var(--surface);border-color:var(--brown);font-weight:600}
.quiz-ui .primary:hover{background:#5b432c}
.quiz-ui button:disabled{cursor:default;color:var(--muted);opacity:.65}
.quiz-ui .text-button{background:transparent;border-color:transparent;padding-left:0;padding-right:0;justify-content:flex-start;text-decoration:underline;text-underline-offset:4px}
.quiz-stepper{display:flex;gap:6px;overflow:auto;padding:0 0 12px;margin-bottom:20px;scrollbar-width:thin}
.quiz-ui .quiz-stepper button{border:0;background:none;flex:0 0 auto;padding:8px 10px;font-size:13px;color:var(--muted);gap:8px;min-height:44px}
.quiz-ui .quiz-stepper button[aria-current]{color:var(--ink);background:var(--raised);opacity:1;font-weight:600}
.step-number{width:23px;height:23px;border:1px solid var(--rule);border-radius:50%;display:grid;place-items:center;font-size:12px}
[aria-current] .step-number{background:var(--brown);color:var(--surface);border-color:var(--brown)}
.quiz-progress{display:flex;gap:16px;align-items:center;margin-bottom:32px;font-size:12px;color:var(--muted)}
.quiz-progress progress{appearance:none;height:4px;border:0;flex:1;background:var(--line);accent-color:var(--accent)}
.quiz-progress progress::-webkit-progress-bar{background:var(--line)}
.quiz-progress progress::-webkit-progress-value{background:var(--accent)}
.quiz-progress progress::-moz-progress-bar{background:var(--accent)}
.quiz-options{display:grid;grid-template-columns:1fr;gap:12px;margin:26px 0}
.quiz-ui .quiz-choice{display:flex;flex-direction:column;align-items:stretch;text-align:left;overflow:hidden;padding:0;min-height:80px;gap:0;border-radius:10px;position:relative}
.quiz-choice>span{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}
.quiz-choice strong{font-size:16px;line-height:1.4;font-weight:600}
.quiz-choice small{font-size:14px;line-height:1.6;color:var(--muted)}
.quiz-choice img{width:100%;aspect-ratio:1.3;object-fit:cover;height:auto}
.quiz-ui .quiz-choice.selected{border-color:var(--brown);box-shadow:inset 0 0 0 1px var(--brown);background:#e7ddcd}
.quiz-ui .quiz-choice:hover{background:#efe7da}
.quiz-style-gallery .quiz-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.quiz-style-gallery .quiz-choice>span{padding:15px}
.quiz-style-other .quiz-options{display:flex;flex-wrap:wrap;margin:16px 0 24px}
.quiz-style-other .quiz-choice{min-height:48px}.quiz-style-other .quiz-choice>span{padding:13px 18px}
.quiz-ui .field{display:flex;flex-direction:column;gap:12px;margin:26px 0;max-width:700px;font-size:15px}
.quiz-ui input{font:inherit;min-width:0;color:var(--ink)}
.quiz-ui .field input{min-height:52px;padding:14px;background:var(--surface);border:1px solid var(--rule);border-radius:8px;width:100%;font-size:16px}
.quiz-entire-home{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--rule);border-radius:10px;cursor:pointer;margin:24px 0;background:var(--surface)}
.quiz-entire-home input{width:22px;height:22px;flex:0 0 auto;accent-color:var(--brown)}
.quiz-entire-home span{display:grid;gap:8px}.quiz-entire-home small{line-height:1.6;color:var(--muted)}
.quiz-room-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:24px 0}
.quiz-room-item{border:1px solid var(--rule);border-radius:10px;overflow:hidden;background:var(--surface);display:flex;align-items:center;gap:8px;padding:8px}
.quiz-room-item.selected{border-color:var(--brown);background:#e7ddcd}
.quiz-ui .quiz-room-item>button{flex:1;text-align:left;justify-content:flex-start;min-height:52px;background:transparent;border:0;padding:12px;font-size:16px}
.quiz-room-count{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.quiz-ui .quiz-room-count button{width:44px;min-height:46px;padding:6px;font-size:20px}
.quiz-room-count input{width:48px;min-height:46px;text-align:center;padding:4px;border:1px solid var(--rule);border-radius:6px;font-size:16px;background:var(--surface);appearance:textfield;-moz-appearance:textfield}
.quiz-room-count input::-webkit-inner-spin-button{appearance:none}
.quiz-contact-method{border:0;padding:0;margin:24px 0}.quiz-contact-method legend{font-size:15px}
.quiz-contact-method .quiz-options{grid-template-columns:1fr 1fr;max-width:440px}.quiz-contact-method .quiz-choice{min-height:60px}
.quiz-actions{display:grid;grid-template-columns:auto 1fr;gap:12px;margin-top:32px;padding:16px 0 0}
.quiz-actions .primary{grid-column:1/-1;order:-1;width:100%}.quiz-actions .text-button{justify-self:end}
.quiz-intro{display:flex;flex-direction:column;gap:28px}.quiz-intro>img{order:-1;width:100%;height:260px;object-fit:cover;border-radius:10px}
.quiz-intro .text-button{display:block;margin:12px 0 22px}
.quiz-brief{display:grid;grid-template-columns:1fr;gap:20px;margin:32px 0 40px}
.quiz-brief>div{padding-bottom:16px;border-bottom:1px solid var(--rule);overflow-wrap:anywhere}
.quiz-brief dt{font-size:13px;color:var(--muted);margin-bottom:10px}.quiz-brief dd{font-size:18px;line-height:1.6;margin:0}
.quiz-consult{padding:24px;background:var(--raised);border-radius:12px;margin:32px 0}
.result-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.quiz-consult .meta{margin:20px 0 0}
.quiz-learning{padding:24px 0}.quiz-learning ul{padding-left:22px;line-height:1.8;margin:0 0 20px}.quiz-learning li{padding-bottom:8px}
.quiz-footer{display:flex;flex-direction:column;gap:20px;border-top:1px solid var(--rule);padding:28px 20px;font-size:13px;color:var(--muted)}
.quiz-footer a{width:fit-content;padding:10px 0}.quiz-footer p{font-size:13px;margin:0}
.save-status:empty{display:none}.save-status{padding:16px 20px;background:#e9e1d4;font-size:14px;line-height:1.6}
@media(max-width:399px){.quiz-room-item{flex-wrap:wrap}.quiz-room-item>button{flex-basis:100%}.quiz-room-count{margin:0 12px 8px}.quiz-style-gallery .quiz-choice strong{font-size:14px}.quiz-style-gallery .quiz-choice small{font-size:12px}.quiz-style-gallery .quiz-choice>span{padding:12px}.result-actions>*{width:100%}}
@media(min-width:760px){.quiz-ui main{padding:40px 5% 64px}.quiz-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.quiz-room-grid{grid-template-columns:1fr 1fr;gap:20px}.quiz-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;max-width:1000px}.quiz-contact-fields .field:first-child{grid-column:1/-1}.quiz-actions{display:flex;align-items:center;gap:24px}.quiz-actions .primary{margin-left:auto;width:auto;order:0}.quiz-brief{grid-template-columns:1fr 1fr;gap:28px 48px}.quiz-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;min-height:600px;align-items:center}.quiz-intro>img{order:0;height:500px}.quiz-footer{padding:28px 5%;flex-direction:row;justify-content:space-between;align-items:center}}
@media(min-width:1100px){.quiz-style-gallery .quiz-options{grid-template-columns:repeat(4,minmax(0,1fr))}.quiz-ui main{padding:48px 48px 72px}.quiz-stepper{gap:20px}.quiz-ui .quiz-stepper button{padding:12px 18px}.quiz-consult{padding:32px}}
@media(prefers-reduced-motion:reduce){.quiz-ui *{scroll-behavior:auto}}
@media print{.site-header,.quiz-stepper,.quiz-progress,.result-actions,.quiz-footer,.skip-link{display:none}.quiz-ui main{padding:0}.quiz-consult{background:none}.quiz-ui{background:white;color:black}}