.service-quiz { --sq-green:#1f6654; --sq-ink:#26312e; --sq-line:#d9ded9; color:var(--sq-ink); font-family:inherit; font-size:16px; line-height:1.7; }
.service-quiz [hidden] { display:none !important; }
.service-quiz *, .service-quiz *::before, .service-quiz *::after { box-sizing:border-box; }
.service-quiz button, .service-quiz a { -webkit-tap-highlight-color:transparent; }
.service-quiz button { font:inherit; cursor:pointer; }
.service-quiz button:disabled { cursor:default; }
.service-quiz :is(button,a):focus-visible { outline:3px solid #bb5e31; outline-offset:4px; }
.service-quiz .sq-question:focus { outline:none; }
.service-quiz p { margin:0; }
.service-quiz .sq-eyebrow { display:block; color:var(--sq-green); font-size:10px; letter-spacing:.16em; font-weight:750; }
.service-quiz .sq-entry { margin:40px 0 8px; padding:30px; border:1px solid #bed3c8; border-radius:18px; background:linear-gradient(125deg,#e5f1ec,#f8faf6); }
.service-quiz .sq-entry-title { color:var(--sq-ink); margin:8px 0 10px; padding:0; border:0; background:none; font-size:clamp(21px,3vw,27px); line-height:1.5; }
.service-quiz .sq-primary { display:flex; align-items:center; justify-content:center; gap:16px; width:100%; min-height:52px; padding:13px 20px; background:#b9472d; color:white; border:1px solid #b9472d; border-radius:10px; font-weight:750; text-align:center; text-decoration:none; line-height:1.5; transition:background .15s,box-shadow .15s; }
.service-quiz .sq-primary:hover { background:#953923; color:white; box-shadow:0 3px 9px #7a321425; }
.service-quiz .sq-entry .sq-primary { width:fit-content; min-width:240px; margin:22px 0 12px; background:var(--sq-green); border-color:var(--sq-green); }
.service-quiz .sq-note { font-size:12px; color:#59665f; line-height:1.8; }
.service-quiz .sq-icon { width:44px; height:44px; flex-shrink:0; display:grid; place-items:center; border:0; border-radius:50%; background:transparent; color:#48564f; font-size:28px; line-height:1; }
.service-quiz .sq-icon:hover { background:#e5f1ec; }
.service-quiz .sq-float { position:fixed; z-index:40; right:24px; bottom:calc(84px + env(safe-area-inset-bottom,0px)); width:300px; max-width:calc(100vw - 32px); padding:20px; border:1px solid var(--color-primary-hover,#174c3f); border-radius:16px; background:var(--sq-green); color:#fff; box-shadow:0 10px 32px #1f665430; animation:sq-float-in .3s ease-out both; }
.service-quiz .sq-float p { font-size:15px; font-weight:750; line-height:1.6; margin-right:22px; }
.service-quiz .sq-float-dismiss { position:absolute; top:4px; right:4px; color:#fff; }
.service-quiz .sq-float-dismiss:hover { background:var(--color-primary-hover,#174c3f); }
.service-quiz .sq-float-open { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:48px; margin-top:12px; padding:10px 12px; border:0; border-radius:8px; background:#fff; color:var(--sq-green); text-align:left; font-size:13px; font-weight:700; }
.service-quiz .sq-float-open:hover { background:var(--color-primary-soft,#e5f1ec); }
.service-quiz .sq-dialog { width:min(600px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 32px); margin:auto; padding:0; border:1px solid #d4ded7; border-radius:20px; background:#fff; color:var(--sq-ink); box-shadow:0 24px 90px #071d2940; overflow:hidden; }
.service-quiz .sq-dialog[open] { display:flex; flex-direction:column; }
.service-quiz .sq-dialog::backdrop { background:rgb(19 37 30 / 56%); backdrop-filter:blur(3px); }
.service-quiz .sq-header { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:20px 24px 12px; flex-shrink:0; }
.service-quiz .sq-header h2 { color:var(--sq-ink); border:0; background:none; margin:4px 0 0; padding:0; font-size:16px; line-height:1.5; }
.service-quiz .sq-progress-wrap { padding:0 28px 16px; flex-shrink:0; color:#53645b; font-size:12px; font-weight:700; }
.service-quiz .sq-progress { height:4px; margin-top:8px; border-radius:3px; background:#e8eee9; overflow:hidden; }
.service-quiz .sq-progress span { display:block; height:100%; width:0; background:var(--sq-green); transition:width .28s ease; }
.service-quiz .sq-scroll { overflow-y:auto; overscroll-behavior:contain; min-height:0; padding:6px 28px 24px; scrollbar-gutter:stable; }
.service-quiz .sq-stage { display:grid; overflow:hidden; }
.service-quiz .sq-panel { grid-area:1/1; min-width:0; padding:4px; }
.service-quiz .sq-question { margin:0 0 10px; padding:0; border:0; background:none; color:var(--sq-ink); font-size:23px; font-weight:750; line-height:1.6; letter-spacing:.01em; }
.service-quiz .sq-hint { color:#65716a; font-size:12px; margin-bottom:20px; }
.service-quiz .sq-choices { display:grid; gap:10px; }
.service-quiz .sq-choice { display:flex; align-items:center; gap:14px; width:100%; min-height:76px; padding:14px 16px; border:1px solid var(--sq-line); border-radius:12px; background:#fff; color:var(--sq-ink); text-align:left; transition:background .1s,border-color .1s; }
.service-quiz .sq-choice:hover { border-color:var(--sq-green); background:#f5faf6; }
.service-quiz .sq-choice[aria-pressed="true"] { border:2px solid var(--sq-green); padding:13px 15px; background:#e5f1ec; }
.service-quiz .sq-choice-words { flex:1; min-width:0; }
.service-quiz .sq-choice-label { display:block; font-size:15px; font-weight:750; line-height:1.6; }
.service-quiz .sq-choice-detail { display:block; margin-top:3px; color:#65716a; font-size:11px; line-height:1.6; }
.service-quiz .sq-choice-arrow { flex-shrink:0; color:var(--sq-green); font-size:20px; }
.service-quiz .sq-footer { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:10px; padding:12px 24px; border-top:1px solid #e5ebe6; background:#f8faf7; flex-shrink:0; }
.service-quiz .sq-footer>span { font-size:10px; color:#68766c; }
.service-quiz .sq-close-text { min-width:88px; min-height:44px; padding:9px 20px; border:1px solid #b9c9bf; border-radius:8px; background:#fff; color:var(--sq-green); font-size:14px; font-weight:700; }
.service-quiz .sq-close-text:hover { background:#e5f1ec; }
.service-quiz .sq-restart { min-height:44px; padding:8px 4px; background:none; border:0; color:var(--sq-green); font-size:13px; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.service-quiz .sq-back:disabled { opacity:.4; text-decoration:none; }
.service-quiz .sq-footer :is(.sq-back,.sq-close-text) { display:flex; align-items:center; justify-content:center; width:100%; min-width:0; height:44px; min-height:44px; padding:8px 10px; border:1px solid #c9d4cd; border-radius:8px; background:#fff; color:#46594e; font-size:13px; font-weight:600; line-height:1.4; text-decoration:none; }
.service-quiz .sq-footer :is(.sq-back,.sq-close-text):not(:disabled):hover { background:#eaf0eb; }
.service-quiz .sq-result-badge { display:inline-block; margin:0 0 12px; padding:4px 10px; border-radius:6px; background:#e5f1ec; color:var(--sq-green); font-size:11px; font-weight:700; }
.service-quiz .sq-reasons { margin:20px 0; }
.service-quiz h4 { margin:0 0 8px; font-size:14px; line-height:1.6; }
.service-quiz .sq-reasons p, .service-quiz .sq-service p { font-size:14px; line-height:1.85; }
.service-quiz .sq-cautions { padding:16px; margin:16px 0 20px; background:#f5f6f1; border:1px solid #e2e6da; border-radius:10px; font-size:12px; }
.service-quiz .sq-cautions-conflict { background:#fff4e7; border-color:#d8b488; }
.service-quiz .sq-cautions ul { margin:0; padding-left:18px; }
.service-quiz .sq-cautions li { margin:6px 0; }
.service-quiz .sq-cautions-details { background:#f7f7f7; border:0; border-radius:8px; color:#606060; padding:12px; margin:12px 0 16px; font-size:10px; line-height:1.65; }
.service-quiz .sq-cautions-details h4 { margin-bottom:6px; font-size:12px; }
.service-quiz .sq-cautions-details li { margin:3px 0; font-size:10px; line-height:1.65; }
.service-quiz .sq-service { border:1px solid #b4cfbf; border-radius:14px; padding:20px; margin:16px 0; background:#eaf4ee; }
.service-quiz .sq-service-name { font-size:21px; color:var(--sq-ink); }
.service-quiz .sq-service p { font-size:13px; line-height:1.8; color:#526258; }
.service-quiz .sq-service-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; margin-top:16px; padding-top:16px; border-top:1px solid #dbe5dd; }
.service-quiz .sq-service .sq-primary { flex:1 1 230px; width:auto; min-height:46px; margin:0; padding:11px 14px; border-color:#2c6a58; border-radius:8px; background:#2c6a58; font-size:13px; font-weight:600; box-shadow:none; }
.service-quiz .sq-service .sq-primary:hover { border-color:#215544; background:#215544; box-shadow:none; }
.service-quiz .sq-pricing { display:inline-flex; align-items:center; justify-content:center; min-height:44px; width:fit-content; margin:0; color:var(--sq-green); font-size:12px; line-height:1.6; text-decoration:underline; text-underline-offset:3px; }
.service-quiz .sq-restart { display:block; margin:16px auto 0; }
.service-quiz .sq-pixel { width:1px; height:1px; position:absolute; pointer-events:none; }
@keyframes sq-float-in { from { opacity:0; transform:translateX(28px); } to { opacity:1; transform:translateX(0); } }
@media (max-width:600px) {
 .service-quiz .sq-entry { padding:24px 20px; }
 .service-quiz .sq-entry .sq-primary { width:100%; min-width:0; }
 .service-quiz .sq-float { right:16px; width:280px; padding:16px; }
 .service-quiz .sq-dialog { width:calc(100vw - 20px); max-height:calc(100dvh - 20px); border-radius:16px; }
 .service-quiz .sq-header { padding:14px 12px 10px 18px; gap:4px; }
 .service-quiz .sq-header h2 { font-size:14px; }
 .service-quiz .sq-progress-wrap { padding:0 20px 12px; }
 .service-quiz .sq-scroll { padding:4px 14px 20px; }
 .service-quiz .sq-question { font-size:20px; }
 .service-quiz .sq-choice { padding:12px; min-height:72px; gap:10px; }
 .service-quiz .sq-choice[aria-pressed="true"] { padding:11px; }
 .service-quiz .sq-choice-label { font-size:14px; }
 .service-quiz .sq-footer { padding:7px 18px; }
 .service-quiz .sq-footer>span { display:none; }
 .service-quiz .sq-service { padding:16px; }
 .service-quiz .sq-service-actions { flex-direction:column; align-items:stretch; gap:4px; margin-top:14px; padding-top:14px; }
 .service-quiz .sq-service .sq-primary { flex:auto; width:100%; }
 .service-quiz .sq-pricing { align-self:center; }
}
@media (max-width:360px) {
 .service-quiz .sq-footer :is(.sq-back,.sq-close-text) { padding:8px 6px; font-size:12px; }
}
@media (max-height:480px) {
 .service-quiz .sq-header { padding-top:8px; padding-bottom:4px; }
 .service-quiz .sq-header .sq-eyebrow { display:none; }
 .service-quiz .sq-progress-wrap { padding-bottom:6px; }
 .service-quiz .sq-footer { padding-top:2px; padding-bottom:2px; }
}
@media (prefers-reduced-motion:reduce) {
 .service-quiz *, .service-quiz *::before { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}

.service-quiz .sq-service .sq-match-reason { margin-top:10px; color:var(--sq-ink); font-size:13px; font-weight:600; }