/* Hallmark · macrostructure: product narrative · tone: Apple material clarity · anchor hue: Pally violet */
@import url('/assets/tokens.css');
html,body{overflow-x:clip}body{font-family:var(--font-body);background:var(--color-paper);color:var(--color-ink)}
h1,h2,h3,h4{font-family:var(--font-display);font-style:normal;min-width:0;overflow-wrap:anywhere}
h1 em,h2 em,h3 em{font-style:normal}
a,button{touch-action:manipulation}button,a.btn-dark,a.btn-outline,a.btn-accent,.nav a{white-space:nowrap}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px}
.site-header{top:12px;margin:12px 20px 0;border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-glass-heavy);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);box-shadow:var(--shadow-glass)}
.site-header .bar{height:64px;max-width:1248px;padding:0 24px}.brand{font-weight:650;letter-spacing:-.025em}.brand-en{font-size:12px;color:var(--color-ink-2);font-weight:450;letter-spacing:0;margin-left:2px}.nav{color:var(--color-ink-2);gap:28px}.nav a{display:inline-flex;align-items:center;min-height:44px}.nav .btn-dark{min-height:40px;height:40px;background:var(--color-ink);color:var(--color-paper)}
.card,.doc-card,.tool-card,.calc-card,.callout,.list-card{background:var(--color-glass-heavy);border-color:var(--color-rule);box-shadow:var(--shadow-glass)}
.site-footer{background:var(--color-paper-2);border-top-color:var(--color-edge)}.foot-col a{line-height:1.8}.foot-col h4{color:var(--color-ink)}
@supports not(backdrop-filter:blur(1px)){.site-header,.card,.doc-card,.tool-card{background:var(--color-glass-fallback)}}
@media(max-width:640px){.site-header{top:8px;margin:8px 8px 0}.site-header .bar{height:56px;padding:0 16px}.brand-en{display:none}.nav{gap:14px}.nav a[href='/about/']{display:none}.nav .btn-dark{padding:0 16px}.brand{font-size:16px;gap:7px}.brand img{width:27px;height:27px}.container{padding:0 20px}}
@media(max-width:360px){.nav{gap:10px}.nav a[href='/tools/']{display:none}}
@media(prefers-reduced-transparency:reduce){.site-header,.card,.doc-card,.tool-card{backdrop-filter:none;background:var(--color-glass-fallback)}}
.foot-col a{min-height:36px;display:flex;align-items:center;white-space:nowrap}.site-header .brand{white-space:nowrap}
@media(max-width:640px){.foot-col a{min-height:44px}}