/* HealthLens skin for the qna (/qna /c /result) and checkup (/q, /checkup/consult-result) public screens.
   Loaded after the apps' own CSS: portal font, colors and full-width body. Only overrides — no markup assumptions beyond class names. */
:root{--font-sans:var(--hl-font);--accent:#236cf6;--navy:#236cf6;--navy-50:#eaf1fe}
body{font-family:var(--hl-font)!important;letter-spacing:-.01em;background:#fff!important;color:#29292c;-webkit-font-smoothing:antialiased}
:lang(ko) body{word-break:keep-all}
body{overflow-x:hidden}

/* full width, side gutters only */
.cs-main{max-width:none!important;padding:28px var(--hl-g) 64px!important}
.cs-shell{min-height:auto}
.wc-wrap,body:has(.gx-hero) .wc-wrap,body:has(.fc-page) .wc-wrap,body:has(.cmp-page) .wc-wrap{max-width:none!important;margin:0!important;padding:28px var(--hl-g) 64px!important}
.cs-prose,.cs-hero-inner{max-width:860px}

/* local (service) navigation under the portal header */
.hls-local{border-bottom:1px solid var(--hl-line);background:#fafafc}
.hls-local .hlc-in{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding-top:12px;padding-bottom:12px}
.hls-local .hlc-in::-webkit-scrollbar{display:none}
.hls-local strong{flex:none;font-size:17px;font-weight:800;color:#29292c;margin-inline-end:10px;white-space:nowrap}
.hls-local a{flex:none;display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid var(--hl-line);color:#3d3d43;font-size:15px;text-decoration:none;white-space:nowrap;line-height:1}
.hls-local a:hover{color:var(--hl-blue);border-color:var(--hl-blue)}
.hls-local a[aria-current]{background:#3d3d43;border-color:#3d3d43;color:#fff}
.hls-local a.cta{background:var(--hl-blue);border-color:var(--hl-blue);color:#fff;font-weight:700}

/* worker questionnaire (/q) and consult-result forms */
.wc-card{border-radius:16px!important;border:1px solid var(--hl-line)!important;box-shadow:none!important}
.wc-btn--primary,.wc-btn:not(.wc-btn--ghost){background:var(--hl-blue)!important;color:#fff!important;border-radius:8px!important}
.wc-btn--primary:hover,.wc-btn:not(.wc-btn--ghost):hover{background:var(--hl-blue-d)!important}
.wc-btn--ghost{border-radius:8px!important;border-color:#cfcfd8!important;color:#3d3d43!important}
.wc-input{border-radius:8px!important;border-color:#d5d5de!important}
.wc-input:focus{outline-color:var(--hl-blue)!important}
.wc-foot,.hls-note{max-width:none!important;padding:18px var(--hl-g) 0!important;margin:0!important;text-align:start!important;font-size:13px!important;color:var(--hl-muted)!important}
.wc-foot+.hlc-ft,.hls-note+.hlc-ft{margin-top:24px}

/* consult suite */
.cs-btn--primary,.cs-btn-primary,.cs-nav-cta{background:var(--hl-blue)!important;border-color:var(--hl-blue)!important;color:#fff!important}
.cs-card,.cs-panel{border-radius:16px}

/* /q portal (questionnaire home): portal palette instead of purple gradients */
.pt-hero{background:var(--hl-hero2)!important;border:0!important;border-radius:20px!important}
.pt-ev{background:var(--hl-blue)!important}
.pt-ev:nth-child(2){background:#3d3d43!important}
.pt-ev:nth-child(3){background:#1b58cf!important}
.pt-ev:nth-child(4){background:#29292c!important}
.pt-tile{background:var(--hl-blue)!important;border-radius:20px!important}
.pt-tile:nth-child(2){background:#3d3d43!important}
.pt-tile:nth-child(3){background:#1b58cf!important}
.pt-tile:nth-child(4){background:#29292c!important}
.pt-box--accent{background:#f6f6fa!important;border-color:var(--hl-line)!important}
.pt-banner{background:#3d3d43!important;border-radius:20px!important}
.gx-hero{background:var(--hl-hero2)!important;color:#29292c!important;border-radius:20px!important}
.gx-hero *{color:inherit}
.gx-card-icon{background:var(--hl-blue-50)!important;color:var(--hl-blue)!important}
.gx-btn--start{background:var(--hl-blue)!important}