.hiw-demo .results-overview{--ro-bg: #f6f1e7;--ro-bg-warm: #fff1d1;--ro-bg-cool: #e1f2f1;--ro-ink: #1d1f23;--ro-muted: #5a6168;--ro-card: #ffffff;--ro-stroke: #e3d9c7;--ro-shadow: 0 18px 40px rgba(20, 24, 28, .12);--ro-grid-max: 980px;--ro-grid-gap: 16px;--ro-shell-max: 1100px;--ro-btot-size: 48px;--ro-btot-gap: 12px;position:relative;min-height:100vh;padding:32px 16px 56px;color:var(--ro-ink);font-family:var(--font-body)}.hiw-demo .ro-shell{position:relative;max-width:var(--ro-shell-max);margin:0 auto;padding:48px 24px 80px;border-radius:28px;background:radial-gradient(1200px 600px at -10% -10%,var(--ro-bg-warm) 0%,rgba(255,241,209,0) 60%),radial-gradient(900px 520px at 110% 5%,var(--ro-bg-cool) 0%,rgba(225,242,241,0) 60%),linear-gradient(180deg,var(--ro-bg),#f1f4f1 100%);box-shadow:var(--ro-shadow);overflow:hidden}.hiw-demo .ro-shell:before{content:"";position:absolute;inset:0;background-image:linear-gradient(transparent 31px,#1d1f230a 32px),linear-gradient(90deg,transparent 31px,rgba(29,31,35,.04) 32px);background-size:32px 32px;opacity:.25;pointer-events:none}.hiw-demo .ro-inner{position:relative;z-index:1;width:100%}.hiw-demo .ro-hero{display:grid;grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:24px;box-sizing:border-box;padding-right:max(calc(var(--ro-btot-size) + var(--ro-grid-gap)),calc((100% - var(--ro-grid-max) + var(--ro-btot-size) + var(--ro-grid-gap)) / 2));text-align:center}.hiw-demo .ro-hero h3{margin:0;font-size:2.4rem;line-height:1.08;text-align:center;color:var(--color-primary)}.hiw-demo .ro-hero h3:after{content:"";display:block;width:72px;height:4px;margin:12px auto 0;border-radius:999px;background:var(--color-secondary)}.hiw-demo .ro-exploration-cue{display:flex;align-items:baseline;gap:6px;margin:0;color:var(--color-primary);font-size:1rem;line-height:1.4;text-align:left}.hiw-demo .ro-cue-icon{flex-shrink:0;color:var(--color-primary)}.hiw-demo .ro-grid-area{margin:36px auto 0;display:grid;grid-template-columns:minmax(0,var(--ro-grid-max)) auto;gap:var(--ro-grid-gap);align-items:end;justify-content:center}.hiw-demo .ro-theme-grid{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,478px));gap:24px;justify-content:center;max-width:var(--ro-grid-max)}.hiw-demo .ro-theme-card{background:var(--ro-card);border-radius:20px;padding:20px 22px 18px;border:1px solid var(--ro-stroke);box-shadow:var(--ro-shadow);position:relative;overflow:hidden;animation:ro-fade-up .6s ease both;animation-delay:calc(var(--i) * .08s);transition:transform .2s ease,box-shadow .2s ease}.hiw-demo .ro-theme-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#ffffffd9,#fff0);opacity:.8;pointer-events:none}.hiw-demo .ro-theme-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px #14181c29}.hiw-demo .ro-theme-header{display:flex;gap:14px;align-items:center;position:relative;z-index:1;padding:10px 12px;border-radius:10px;background:var(--theme-color, #d1d5db);color:#fff}.hiw-demo .ro-theme-icon{width:40px;height:40px;display:grid;place-items:center;flex-shrink:0}.hiw-demo .ro-theme-icon img{width:34px;height:34px;display:block}.hiw-demo .ro-theme-meta h4{margin:0;font-size:1.35rem;color:#fff}.hiw-demo .ro-domain-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px;position:relative;z-index:1}.hiw-demo .ro-domain-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#f9f7f2eb;border:1px solid rgba(227,217,199,.8);border-left:4px solid var(--theme-color, #d1d5db)}.hiw-demo .ro-domain-trigger{font-weight:500;min-width:0;text-align:left;white-space:normal;overflow-wrap:anywhere;line-height:1.45;color:inherit;font-family:inherit;font-size:1rem;padding:4px 0;margin:0;border:0;background:transparent;cursor:pointer;text-decoration:none}.hiw-demo .ro-theme-trigger{display:block;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-align:left;padding:4px 0;margin:0;cursor:pointer;overflow-wrap:anywhere;text-decoration:none}.hiw-demo .ro-domain-row:hover,.hiw-demo .ro-domain-row:focus-within{background:var(--theme-tint, #edf3f8)}.hiw-demo .ro-theme-meta{min-width:0}.hiw-demo .ro-domain-trigger:focus-visible,.hiw-demo .ro-theme-trigger:focus-visible,.hiw-demo .ro-detail-dialog button:focus-visible{outline:3px solid #0252a9;outline-offset:4px;border-radius:3px}.hiw-demo .ro-theme-trigger:focus-visible{outline-color:#1d1f23}.hiw-demo .ro-detail-backdrop{position:fixed;inset:0;z-index:1500;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;background:#121f2c7a}body.hiw-guide-detail-open{overflow:hidden}.hiw-demo .ro-detail-dialog{width:100%;max-width:480px;max-height:calc(100dvh - 32px);overflow-y:auto;box-sizing:border-box;padding:24px;border-radius:16px;border:1px solid #d3dde7;background:#fff;color:#1d1f23;box-shadow:0 18px 55px #00000040;font-family:var(--font-body);font-size:1rem;line-height:1.5;overflow-wrap:anywhere}.hiw-demo .ro-detail-dialog h4{font-size:1.4rem;color:#0252a9;line-height:1.3;margin:0 0 16px}.hiw-demo .ro-detail-dialog p{margin:0 0 16px}.hiw-demo .ro-detail-dialog .ro-area-name{color:#0252a9;font-weight:700}.hiw-demo .ro-detail-dialog button{min-height:44px;margin:0}.hiw-demo .ro-status{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.hiw-demo .ro-status-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent}.hiw-demo .ro-status-icon img{width:100%;height:100%;display:block}.hiw-demo .ro-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:40px auto 0}.hiw-demo .ro-actions button{min-width:120px;min-height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;line-height:1.4;box-sizing:border-box;margin:0}.hiw-demo .ro-btot-btn{position:static;width:var(--ro-btot-size);height:var(--ro-btot-size);border-radius:50%;background:var(--color-primary);color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;border:none;box-shadow:0 2px 6px #0003;cursor:pointer;z-index:1000}@media(max-width:1099px){.hiw-demo .ro-hero{padding-right:max(0px,calc((100% - var(--ro-grid-max)) / 2))}.hiw-demo .ro-grid-area{grid-template-columns:1fr;justify-items:center}.hiw-demo .ro-btot-btn{margin:12px auto 0}}@keyframes ro-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1040px){.hiw-demo .ro-hero{padding-right:max(0px,calc((100% - 520px)/2))}.hiw-demo .ro-theme-grid{grid-template-columns:1fr;max-width:520px}}@media(max-width:620px){.hiw-demo .results-overview{padding:24px 12px 40px}.hiw-demo .ro-shell{padding:32px 16px 48px;border-radius:22px}.hiw-demo .ro-hero{grid-template-columns:minmax(0,1fr);gap:12px;padding-right:0}.hiw-demo .ro-exploration-cue{justify-self:center;max-width:280px}.hiw-demo .ro-hero h3{font-size:2.1rem}.hiw-demo .ro-theme-card{padding:18px}.hiw-demo .ro-domain-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}.hiw-demo .ro-actions button{padding:10px 16px;max-width:100%}.hiw-demo .ro-detail-dialog{padding:20px}.hiw-demo .ro-hero h3{font-size:clamp(1.65rem,7vw,2.1rem)}}@media(pointer:coarse){.hiw-demo .ro-theme-trigger,.hiw-demo .ro-domain-trigger{min-height:44px}}@media(prefers-reduced-motion:reduce){.hiw-demo .results-overview *{animation:none!important;transition:none!important}}.hiw-demo .summary-page{box-sizing:border-box;width:100%;border:1px solid #ccc;border-radius:8px;padding:16px;max-width:1000px;margin:24px auto;background:#fff;text-align:left;position:relative;min-height:700px;-webkit-text-size-adjust:100%}.hiw-demo .sp-header{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.hiw-demo .sp-badge{display:flex;align-items:center;justify-content:center;width:280px;margin:0;padding:8px 16px;border-radius:8px;color:#fff;max-width:100%;box-sizing:border-box}.hiw-demo .sp-badge-icon{width:45px;height:45px;margin-right:16px;flex-shrink:0}.hiw-demo .summary-page .sp-badge-text{color:inherit;margin:0;font-weight:700;font-size:1.2rem}.hiw-demo .sp-theme-description{margin-top:8px;margin-bottom:16px;line-height:1.4}.hiw-demo .sp-prose{max-width:850px;margin-left:auto;margin-right:auto;text-align:left}.hiw-demo .sp-work-areas{width:100%;max-width:850px;table-layout:fixed;border-collapse:collapse;margin:0 auto 24px;font-size:1rem;line-height:1.5}.hiw-demo .sp-area-column{width:28%}.hiw-demo .sp-description-column{width:50%}.hiw-demo .sp-response-column{width:22%}.hiw-demo .sp-work-areas--interactive .sp-area-column{width:25%}.hiw-demo .sp-work-areas--interactive .sp-description-column{width:40%}.hiw-demo .sp-work-areas--interactive .sp-response-column{width:15%}.hiw-demo .sp-explore-column{width:20%}@media(min-width:900px){.hiw-demo .sp-work-areas--interactive .sp-description-column{width:48%}.hiw-demo .sp-work-areas--interactive .sp-response-column{width:12%}.hiw-demo .sp-work-areas--interactive .sp-explore-column{width:15%}}@media(min-width:601px){.hiw-demo .sp-work-areas{position:relative;border-radius:8px;clip-path:inset(0 round 8px)}.hiw-demo .sp-work-areas:after{content:"";position:absolute;inset:0;box-sizing:border-box;border:1px solid #dce3e9;border-radius:inherit;pointer-events:none}}.hiw-demo .sp-work-areas th,.hiw-demo .sp-work-areas td{padding:12px 10px;border:1px solid #dce3e9;vertical-align:middle;text-align:left;overflow-wrap:anywhere}.hiw-demo .sp-work-areas thead th{background:#edf3f8;color:var(--color-primary);font-weight:700}.hiw-demo .sp-work-areas tbody th{font-weight:600}.hiw-demo .sp-work-areas .sp-centred-cell{text-align:center}.hiw-demo .sp-response{display:inline-flex;align-items:center;justify-content:center}.hiw-demo .sp-mobile-label{display:none}.hiw-demo .sp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hiw-demo .sp-domain-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.hiw-demo .sp-domain-icon svg{width:100%;height:100%;display:block}.hiw-demo .sp-domain-text{line-height:1.4;word-break:break-word}.hiw-demo .sp-rewatch-btn{border:1px solid var(--color-primary);background-color:#f0f0f0;color:var(--color-primary);border-radius:4px;padding:4px 8px;cursor:pointer;display:block;margin:0 auto;min-height:44px;max-width:100%;box-sizing:border-box;text-align:center}.hiw-demo .sp-rewatch-btn:hover,.hiw-demo .sp-rewatch-btn:focus-visible{background-color:var(--color-grey-light);outline:2px solid var(--color-primary);outline-offset:3px}.hiw-demo .sp-roles-list{list-style-type:none;padding-left:0;margin:0 0 16px}.hiw-demo .summary-page h3{margin-top:0;color:#222}.hiw-demo .summary-page h4{margin-bottom:4px;color:var(--color-primary)}.hiw-demo .summary-page p{margin-top:0;margin-bottom:1em}.hiw-demo .sp-audio-button{border:2px solid transparent;background:none;cursor:pointer;padding:6px;border-radius:999px;display:flex;align-items:center;justify-content:center;transition:transform .18s ease,border-color .18s ease;margin-top:4px}.hiw-demo .sp-audio-button img{width:56px;height:56px}.hiw-demo .sp-audio-button:hover,.hiw-demo .sp-audio-button.is-playing{transform:scale(1.05);border-color:var(--color-primary)}.hiw-demo .sp-audio-button:focus-visible{outline:none;border-color:var(--color-primary);transform:scale(1.05)}@media(max-width:600px)and (orientation:portrait){.hiw-demo .sp-header{flex-direction:column;gap:12px}.hiw-demo .sp-audio-button img{width:48px;height:48px}}@media(max-width:600px){.hiw-demo .summary-page{padding:14px}.hiw-demo .sp-work-areas,.hiw-demo .sp-work-areas tbody,.hiw-demo .sp-work-areas tr,.hiw-demo .sp-work-areas tbody th,.hiw-demo .sp-work-areas td{display:block;width:auto}.hiw-demo .sp-work-areas thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.hiw-demo .sp-work-areas colgroup{display:none}.hiw-demo .sp-work-areas tr{margin-bottom:16px;border:1px solid #dce3e9;border-radius:8px;overflow:hidden}.hiw-demo .sp-work-areas tbody th,.hiw-demo .sp-work-areas td{border:0;padding:10px 12px}.hiw-demo .sp-work-areas tbody th{background:#edf3f8}.hiw-demo .sp-work-areas tbody tr>*+*{border-top:1px solid #e8edf2}.hiw-demo .sp-mobile-label{display:block;margin-bottom:5px;color:var(--color-primary);font-size:.875rem;font-weight:700}.hiw-demo .sp-domain-icon{width:36px;height:36px}}