/* Shared action language: ink primary, paper secondary, editorial text links.
   Purposeful chart nodes and in-context data controls retain their own geometry. */
:root{--control-ink:#223933;--control-muted:#586d63;--control-paper:#f5f7f2;--control-line:#bcc9bd;--control-hover:#e6ede1;--control-accent:#a44c36;--control-radius:4px;--control-font:'Avenir Next','Trebuchet MS',sans-serif;--control-height:44px;--control-motion:160ms}
html body .ui-control.ui-control{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:var(--control-height);width:auto;max-width:100%;padding:11px 18px;margin:0;border:1px solid var(--control-line);border-radius:var(--control-radius);background:transparent;background-image:none;color:var(--control-ink);box-shadow:none;font:500 12px/1.5 var(--control-font);letter-spacing:.005em;text-align:left;text-transform:none;text-decoration:none;text-wrap:pretty;vertical-align:middle;cursor:pointer;transform:none;transition:background-color var(--control-motion),border-color var(--control-motion),color var(--control-motion);-webkit-tap-highlight-color:transparent}
html body .ui-control.ui-control::before{box-shadow:none;background-image:none}
html body .ui-control[data-direction]::after{content:attr(data-direction);margin:0 0 0 5px;color:currentColor;font:400 14px/1 var(--control-font);opacity:.7}
html body .ui-primary.ui-primary{background:var(--control-ink);border-color:var(--control-ink);color:var(--control-paper)}
html body .ui-primary.ui-primary:hover{background:#38564a;border-color:#38564a;color:var(--control-paper);transform:none;box-shadow:none}
html body .ui-secondary.ui-secondary{background:var(--control-paper);border-color:var(--control-line)}
html body .ui-secondary.ui-secondary:hover{background:var(--control-hover);border-color:#8b9e8f;color:var(--control-ink);transform:none;box-shadow:none}
html body .ui-text.ui-text{justify-content:flex-start;border:0;border-bottom:1px solid var(--control-line);border-radius:0;background:none;padding:10px 0 7px;gap:18px;min-height:40px;color:var(--control-ink);font-weight:500}
html body .ui-text.ui-text:hover{background:none;color:var(--control-accent);border-color:var(--control-accent);text-decoration:none;transform:none;box-shadow:none}
html body .ui-nav.ui-nav{min-height:40px;justify-content:flex-start;padding:8px 0;border:0;border-radius:0;background:none;color:var(--control-muted);font-size:11px}
html body .ui-nav.ui-nav:hover{color:var(--control-ink);background:none;box-shadow:none;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--control-line);transform:none}
html body .ui-utility.ui-utility{min-height:36px;min-width:36px;padding:7px 11px;font-size:11px;color:var(--control-muted);border-color:transparent;background:transparent;border-radius:var(--control-radius)}
html body .ui-utility.ui-utility:hover{background:var(--control-hover);border-color:var(--control-line);color:var(--control-ink);transform:none;box-shadow:none}
html body .ui-choice.ui-choice{min-height:36px;min-width:38px;font-size:11px;padding:7px 12px;border-color:transparent;background:transparent;color:var(--control-muted)}
html body .ui-choice.ui-choice:hover{background:var(--control-hover);color:var(--control-ink);box-shadow:none;transform:none}
html body .ui-choice.ui-choice[aria-pressed=true],html body .ui-choice.ui-choice.is-suggested{border-color:var(--control-line);background:var(--control-hover);color:var(--control-ink);box-shadow:none}
html body .ui-control.ui-control:focus-visible{outline:2px solid var(--control-accent);outline-offset:4px}
html body .ui-control.ui-control:active:not(:disabled){filter:brightness(.96)}
html body .ui-control.ui-control:disabled{opacity:.38;cursor:default;pointer-events:none}
html body .ui-control[hidden]{display:none!important}
/* Let content determine width; never stretch a short label into a full-width slab. */
html body :is(.hero-actions,.sample-actions,.hero-contact-actions,.assessment-actions,.closing-actions){display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px 18px}
html body .sample-actions-stack{flex-direction:column;align-items:flex-start}
html body .hero-actions>.ui-control{flex:0 1 auto}
html body .hero-utility-links{margin-top:15px;display:flex;align-items:center;gap:22px}
html body .hero-utility-links .ui-control{font-size:11px;min-height:32px;padding:5px 0}
html body .lab-header .lab-nav{gap:24px}
html body .lab-size{gap:4px;border-left:1px solid var(--control-line);padding-left:16px}
html body .lab-size .ui-control{padding:7px;min-width:34px}
html body .amazon-region-links{gap:6px;max-width:510px}
html body .copy-button.ui-control{color:var(--control-ink);border-color:var(--control-line);background:var(--control-paper);min-height:32px}
html body .copy-button.ui-control:hover{background:var(--control-hover);color:var(--control-ink);border-color:#8b9e8f}
html body .related-card .article-link.ui-control::after{content:attr(data-direction)}
html body .writing-filters{gap:5px;flex-wrap:wrap}
html body .reader-size{gap:6px}
html body .reader-size>span{color:var(--control-muted);font:11px var(--control-font);margin-right:5px}
/* English-only navigation needs no old compact language-switch workaround. */
html body.work-apps .lab-header .lab-nav>a:nth-child(2){font-size:11px}
html body.work-apps .lab-header .lab-nav>a:nth-child(2)::after{content:none}
@media(max-width:620px){html body .lab-header .lab-nav{gap:16px}html body .ui-control.ui-control{font-size:12px}html body .ui-nav.ui-nav{font-size:11px}html body .ui-utility.ui-utility,html body .ui-choice.ui-choice{min-height:40px;font-size:11px}html body .lab-size{padding-left:9px}html body .hero-actions{gap:10px 16px}html body .hero-actions .ui-control{padding-left:14px;padding-right:14px}html body .hero-actions .ui-text{padding-left:0;padding-right:0}html body .apps-card-actions{gap:16px 24px}html body .apps-card-actions .ui-control{font-size:11px}html body .reader-top{flex-wrap:wrap;gap:14px}}
@media(prefers-reduced-motion:reduce){html body .ui-control.ui-control{transition:none}}
@media print{html body .ui-control.ui-control{display:none}}