@font-face{font-family:LatteHand;src:url('fonts/ArchitectsDaughter-Regular.ttf')}@font-face{font-family:LatteTitle;src:url('fonts/Fraunces-Variable.ttf');font-weight:100 900}
.demo-nav{display:flex;align-items:center;gap:6px;margin-left:auto;font:12px/1.4 system-ui;white-space:nowrap}.demo-nav a{padding:6px 10px;border-radius:5px;text-decoration:none;color:#795438}.demo-nav a[aria-current=page]{background:#efdfcc;color:#573b2b}.demo-nav a:hover{background:#f0e4d5}.demo-nav a:focus-visible{outline:2px solid #a66b35;outline-offset:2px}.demo-recorded-note{font:10px/1.4 system-ui;color:#826c5c}
.demo-page{margin:0;background:#f7f2eb;color:#493329;font:15px/1.65 system-ui}.demo-page *{box-sizing:border-box}.demo-header{display:flex;align-items:center;gap:16px;padding:14px 28px;border-bottom:1px solid #e2d4c5;background:#fffcf6}.demo-brand{display:flex;align-items:center;gap:10px;color:#493329;text-decoration:none;font:600 22px LatteTitle,Georgia,serif}.demo-brand img{width:48px;height:48px;object-fit:contain}.demo-page main{max-width:1120px;margin:36px auto;padding:0 24px 48px}.demo-page h1{font:600 36px/1.2 LatteTitle,Georgia,serif}.demo-page h2{font:24px/1.3 LatteHand,system-ui}.demo-page h3{font-size:17px}.eyebrow{font-size:11px;letter-spacing:.12em;color:#826c5c}.demo-card{padding:20px 24px;margin:20px 0;background:#fffcf6;border:1px solid #e2d4c5;border-radius:9px}.demo-card h2{margin:0 0 12px}.demo-page a{color:#87562e}.demo-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.demo-columns .demo-card{margin:0}.demo-card dl{margin:0}.demo-card dl div{display:flex;justify-content:space-between;gap:20px;padding:5px 0;border-bottom:1px solid #eee3d7;font-size:13px}.demo-card dd{margin:0;font-variant-numeric:tabular-nums}.demo-chart{display:block;width:100%;height:auto}.demo-chart text{font:11px system-ui;fill:#826c5c}.demo-legend{display:flex;justify-content:center;gap:24px;font-size:12px}.demo-legend span:first-child{color:#a56b35}.demo-legend span:last-child{color:#538b9b}.demo-metrics{font-size:12px;color:#826c5c}.demo-corpus{max-height:360px;overflow:auto;white-space:pre-wrap;font:17px/1.8 LatteHand,system-ui}.demo-button{display:inline-block;padding:8px 12px;border:1px solid #d8c2a7;border-radius:5px;background:#efdfcc;text-decoration:none}.demo-page pre:not(.demo-corpus){padding:16px;background:#f0e4d5;overflow:auto;border-radius:5px;font-size:13px}
@media(max-width:760px){.demo-nav{gap:0;font-size:10px}.demo-nav a{padding:5px 6px}.demo-recorded-note{display:none}.demo-columns{grid-template-columns:1fr}.demo-header{flex-wrap:wrap;padding:12px 16px}.demo-page main{padding:0 16px 32px}.demo-brand{font-size:20px}.demo-page h1{font-size:30px}.demo-card{padding:16px}.demo-metrics{line-height:1.8}}
@media(max-width:600px){html[data-latte-demo] .latte-topbar .demo-nav{position:absolute;right:8px;bottom:0}.demo-page .demo-nav{margin-left:0}.demo-page .demo-header{gap:6px}}
@media(max-width:600px){html[data-latte-demo] .latte-topbar{position:relative}html[data-latte-demo] .latte-topbar .latte-brand{transform:translateY(-8px)}}

html[data-latte-demo] .latte-local-badge a{color:inherit}