/* Teabowl identity: shared by the public site and interactive examples. */
:root{
  color-scheme:light;
  --tb-ink:#121723;--tb-navy:#091735;--tb-blue:#154fd4;--tb-hover:#0c39a2;
  --tb-text:#373c46;--tb-muted:#555e70;--tb-rule:#dce0e8;--tb-pale:#f7f8fa;--tb-tint:#edf3ff;
  --tb-sans:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",YuGothic,Meiryo,sans-serif;
  --tb-display:"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Noto Serif JP",serif;
}
a.tb-brand{display:inline-flex;align-items:center;gap:7px;color:var(--tb-navy);font:650 36px/1 "Segoe UI",Arial,sans-serif;letter-spacing:-.073em;text-decoration:none;white-space:nowrap}
.tb-brand img{width:1.03em;height:.95em;flex:none}.tb-brand:hover{color:var(--tb-navy)}
.tb-mast{background:white;border-bottom:1px solid var(--tb-rule)}
.tb-shell{width:min(1240px,calc(100% - clamp(40px,10.8vw,172px)));margin:auto;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.tb-mast nav{display:flex;align-items:center;gap:26px;font:650 14px/1.5 var(--tb-sans)}
.tb-mast nav a{color:var(--tb-ink);text-decoration:none}.tb-mast nav a:hover{color:var(--tb-blue)}
a.tb-cta,.tb-mast a.tb-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--tb-blue);border-radius:4px;color:white;text-decoration:none;font:650 14px/1.5 var(--tb-sans);padding:11px 16px}
a.tb-cta:hover,.tb-mast a.tb-cta:hover{background:var(--tb-hover);color:white}
.tb-mast a:focus-visible,.tb-cta:focus-visible{outline:3px solid #5889ff;outline-offset:3px}
@media(max-width:900px){a.tb-brand{font-size:30px}.tb-shell{min-height:65px}}
@media(max-width:680px){a.tb-brand{font-size:27px}.tb-shell{min-height:57px;width:calc(100% - 32px);gap:8px}.tb-mast nav{gap:12px;font-size:12px}.tb-mast a.tb-cta{font-size:12px;padding:7px 9px}}
@media(max-width:345px){a.tb-brand{font-size:24px}.tb-shell{width:calc(100% - 24px)}}