/* Shared navigation and browser-local tools. */
:root{--surface:#fff;--control:#848C98}html{color-scheme:light;scrollbar-gutter:stable}html[data-theme=dark]{color-scheme:dark;--ink:#fff;--paper:#151719;--surface:#202327;--muted:#b8bec7;--line:#3d444c;--control:#788392;--focus:#91B8FF;--error:#FFB4AB}.theme-logo{display:block;position:relative}.theme-logo .dark-logo{position:absolute;inset:0;visibility:hidden}html[data-theme=dark] .light-logo{visibility:hidden}html[data-theme=dark] .dark-logo{visibility:visible}.site-header{position:relative;gap:32px;z-index:30;height:100px}.site-header .brand-link{flex-shrink:0}.site-header .logo{width:132px;height:36px}.site-header #main-menu{display:flex;gap:30px;margin-right:auto;margin-left:16px;font-size:13px;align-items:center}.site-header #main-menu a{padding:10px 0;white-space:nowrap}.site-header #main-menu a:hover,.site-header #main-menu a[aria-current=page]{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:16px}.header-actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.theme-toggle,.menu-toggle{border:0;display:flex;justify-content:center;align-items:center;background:transparent;color:var(--ink);cursor:pointer;width:40px;height:40px;border-radius:50%;padding:10px}.theme-toggle:hover,.menu-toggle:hover{background:var(--surface)}.theme-toggle svg:last-child{display:none}html[data-theme=dark] .theme-toggle svg:first-child{display:none}html[data-theme=dark] .theme-toggle svg:last-child{display:block}.workspace-link{display:flex;align-items:center;gap:9px;padding:12px 17px;background:var(--surface);border:1px solid var(--line);border-radius:30px;font-size:12px;white-space:nowrap}.workspace-link:hover,.workspace-link[aria-current=page]{border-color:var(--control)}.menu-toggle{display:none}.simple-main{padding-top:20px;padding-bottom:70px}.simple-main .tool-intro{max-width:950px}.simple-main .tool-intro h1{font-size:clamp(30px,4vw,48px)}.workspace-privacy{font-size:13px;max-width:670px}.workspace-section{margin:40px 0}.workspace-section-top{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:20px}.workspace-section-top h2{font:600 20px Inter,sans-serif;letter-spacing:0;margin:0}.workspace-section-top>span{color:var(--muted);font-size:13px}.workspace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.workspace-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.workspace-card>a{display:block;padding:24px}.workspace-card:hover{border-color:var(--control)}.workspace-card .symbol{font-size:28px}.workspace-card h3{font-size:16px;line-height:1.5;margin:25px 0 18px}.workspace-open{font-size:12px;color:var(--muted)}.workspace-card>button{margin:0 16px 16px}.workspace-empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:12px;margin:0;padding:30px;font-size:14px}.workspace-section .text-button:disabled{opacity:.5;cursor:default}#workspace-status{font-size:13px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.resource-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:30px}.resource-card h2,.resource-note h2{font:600 22px/1.5 Inter,sans-serif;letter-spacing:0;margin:20px 0 12px}.resource-card p,.resource-note p{font-size:14px}.resource-card a,.resource-note a{display:inline-block;font-size:13px;font-weight:600;margin-top:16px;text-decoration:underline;text-underline-offset:5px}.resource-note{max-width:800px;margin-top:50px}.conversion-card-top h2{margin-right:auto}.conversion-card-top .save-tool{border:1px solid var(--line);border-radius:20px;font-size:11px;padding:8px 12px}.save-tool[aria-pressed=true]{color:var(--ink);border-color:var(--control)}
/* Brandbook dark surfaces, controls and contrast. */
html[data-theme=dark] body{background:var(--paper);color:var(--ink)}html[data-theme=dark] :is(.tool,.search-box,.conversion-card,.equivalents,.preset-grid a,.preset-grid button,.supported-units li,.task-math,.task-reference,.length-task-links a,.picker-trigger,.picker-panel,#swap-converter,.skip){background:var(--surface);color:var(--ink);border-color:var(--line)}html[data-theme=dark] :is(.planned,.picker-code,.picker-option:hover,.picker-option.highlighted,.picker-option[aria-selected=true],.task-reference tbody tr:nth-child(even)){background:#292d32}html[data-theme=dark] :is(.converter-page input,.converter-page select,.converter-page .picker-search){background:var(--paper);color:var(--ink);border-color:var(--control)}html[data-theme=dark] .picker-trigger{border-color:var(--control)}html[data-theme=dark] .answer-panel{background:#101214;border-color:var(--line)}html[data-theme=dark] #copy-result{background:white;color:#141618}html[data-theme=dark] .button{background:white;color:#141618}html[data-theme=dark] .button:hover{background:#dce0e5}html[data-theme=dark] :is(.category-buttons a.selected,.converter-sidebar .category-buttons a[aria-current=page],.temperature-mode button.selected,.length-task-links a[aria-current=page],.filter-tabs button.active){background:white;color:#141618}html[data-theme=dark] .precision-label .picker-trigger{background:#202327;color:white}html[data-theme=dark] .conversion-error{background:#391e19;color:#ffb3a2;border-color:#995849}html[data-theme=dark] .hero{background-image:linear-gradient(90deg,#151719 0%,#151719ed 35%,#15171966 100%),url('/assets/hero-desk-v2.webp')}html[data-theme=dark] .hero-description{color:var(--muted)}html[data-theme=dark] .hero h1{color:white}html[data-theme=dark] .hero h1>span{color:var(--orange)}html[data-theme=dark] .tool small b{color:var(--ink)}html[data-theme=dark] .filter-tabs{border-color:var(--line)}
@media(max-width:1000px){.site-header{gap:20px}.site-header #main-menu{gap:20px;margin-left:0}.header-actions{gap:8px}.workspace-link{padding:11px 13px}}
@media(max-width:850px){.site-header{height:82px;gap:12px;justify-content:space-between}.site-header .logo{width:112px;height:32px}.site-header #main-menu{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;padding:18px 22px;margin:0;background:var(--surface);border:1px solid var(--line);border-radius:0 0 14px 14px;box-shadow:0 14px 25px #14161815;gap:4px}.site-header.menu-open #main-menu{display:flex;flex-direction:column;align-items:stretch}.site-header #main-menu a{padding:14px;font-size:15px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line)}.menu-toggle span{display:block;width:16px;height:1px;background:currentColor}.header-actions{gap:5px}.workspace-link{font-size:11px;padding:10px 12px;gap:6px}.header-actions svg{width:17px;height:17px}.workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-card{padding:24px}}
@media(max-width:540px){.workspace-grid,.resource-grid{grid-template-columns:1fr}.site-header .logo{width:96px}.site-header{gap:6px}.header-actions{gap:2px}.theme-toggle,.menu-toggle{width:35px;height:35px;padding:8px}.workspace-link{padding:10px;font-size:10px}.workspace-link svg{width:14px;height:14px}.conversion-card-top{flex-wrap:wrap;gap:8px}.conversion-card-top h2{width:100%;margin-bottom:4px}.conversion-card-top .save-tool{margin-right:auto}.resource-card h2{font-size:20px}}
html[data-theme=dark] .hero{background:none}html[data-theme=dark] .hero::before{background-image:linear-gradient(90deg,#151719f5 0%,#151719e6 35%,#15171966 100%),url('/assets/hero-desk-v2.webp')}html[data-theme=dark] .hero .search-box{background:#202327f2;border-color:var(--control)}html[data-theme=dark] .search-examples button{background:transparent}html[data-theme=dark] :is(.filters button.selected,#reset-search){background:#fff;color:#141618}html[data-theme=dark] .converter-page .picker-search:focus-visible{outline-color:white}html[data-theme=dark] #swap-converter:hover{background:#292d32}@media(max-width:760px){html[data-theme=dark] .hero::before{background-image:linear-gradient(180deg,#151719f5 0%,#151719e6 58%,#15171955 100%),url('/assets/hero-desk-v2.webp')}}