/* Kartlegg identity finish.
 * Keeps clinical status colors and page structure intact while making the
 * default product expression quieter, more editorial and less ornamental. */
:root{
 --human-radius-panel:14px;
 --human-radius-card:11px;
 --human-radius-control:8px;
 --human-shadow:0 2px 10px color-mix(in srgb,var(--ink) 7%,transparent);
}

/* A consistent product mark replaces the generic pulse tile. */
.header .logo{
 width:40px;height:40px;border-radius:10px;background:#173b55!important;color:#fff!important;
 box-shadow:none!important;border:0!important;overflow:hidden;
}
.header .logo svg{width:100%;height:100%}
.header .brand{order:1;letter-spacing:-.035em}
.header-right{order:2}
.mobile-toggle{order:3}
.brand-small{
 margin-left:2px;padding:4px 7px;border:1px solid var(--line);border-radius:5px;
 background:transparent!important;color:var(--muted)!important;font-size:9px;letter-spacing:.11em;box-shadow:none!important;
}

/* The standard solid presentation is intentionally plain. Optional Liquid
   Glass, service identities and seasonal layers remain user choices. */
:root[data-base-theme="standard"][data-service-theme="custom"][data-surface-style="solid"]:not([data-personal-mode]) body{
 background:var(--bg)!important;
}
:root[data-base-theme="standard"][data-service-theme="custom"][data-surface-style="solid"]:not([data-personal-mode]) :is(.header,.sidebar){
 background:var(--paper)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
:root[data-base-theme="standard"][data-surface-style="solid"] :is(.section,.toolbox,.hc-tool-card,.v081-tool-search,.profile-dialog,.clinical-tool-dialog,.v08-dialog){
 border-radius:var(--human-radius-panel)!important;box-shadow:var(--human-shadow)!important;
}
:root[data-base-theme="standard"][data-surface-style="solid"] :is(.field,.meta-line,.next-step-card,.info-panel,.tool-favorites){
 border-radius:var(--human-radius-card)!important;box-shadow:none!important;
}
:root[data-base-theme="standard"][data-surface-style="solid"] :is(.control-wrap,.btn,.btn-inline,.theme-switch,.mobile-toggle,input,select,textarea){
 border-radius:var(--human-radius-control)!important;
}
:root[data-base-theme="standard"][data-surface-style="solid"] :is(.chip,.tool-tag,.score-status,.season-notice){
 border-radius:6px!important;box-shadow:none!important;
}
:root[data-base-theme="standard"][data-surface-style="solid"] .section-symbol{
 border-radius:9px!important;box-shadow:none!important;
}
:root[data-base-theme="standard"][data-surface-style="solid"] :is(.btn,.btn-inline,.toolbox,.nav){
 box-shadow:none;
}
:root[data-base-theme="standard"][data-surface-style="solid"] .toolbox:hover{transform:none;box-shadow:0 2px 12px color-mix(in srgb,var(--ink) 8%,transparent)}
:root[data-base-theme="standard"][data-surface-style="solid"] .about-v0993-hero::after{display:none}

/* Use whitespace and rules before nested decoration. */
.eyebrow{letter-spacing:.09em}
.intro h1{letter-spacing:-.035em}
.next-step-card{background:transparent;border-width:0 0 0 2px;padding:10px 12px}
.next-step-card>span{border-radius:5px}
.about-v0993-storage-item{border-radius:9px;background:transparent}
.about-v0993-card-icon,.about-v0993-hero-mark{border-radius:9px;box-shadow:none}
.mobile-primary-nav{box-shadow:0 5px 18px color-mix(in srgb,var(--ink) 15%,transparent)}
.mobile-primary-link{border-radius:9px}

@media(max-width:770px){
 .header{
  display:grid!important;grid-template-columns:minmax(0,1fr) 44px 44px;align-items:center;
  gap:7px;padding-inline:12px!important;
 }
 .header .brand{grid-column:1;grid-row:1;justify-self:start;max-width:100%;font-size:20px}
 .header .logo{width:35px;height:35px;border-radius:9px}
 .header-right{grid-column:2;grid-row:1;margin:0!important;width:44px;justify-self:end}
 .header .profile-trigger,.header-note{display:none!important}
 .mobile-toggle{grid-column:3;grid-row:1;justify-self:end;order:3;margin:0!important}
 .sidebar{
  left:auto!important;right:0!important;border-right:0!important;border-left:1px solid var(--line);
  box-shadow:-10px 20px 40px color-mix(in srgb,var(--ink) 20%,transparent)!important;
 }
 .sidebar-backdrop{left:0;right:0}
 .mobile-primary-nav{border-radius:13px}
}
@media(max-width:370px){
 .header{grid-template-columns:minmax(0,1fr) 42px 42px;gap:5px;padding-inline:8px!important}
 .header .brand{font-size:18px;gap:7px}
 .header .logo{width:33px;height:33px}
}
@media(prefers-reduced-motion:reduce){.toolbox:hover{transform:none!important}}