.c-btn{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  padding:.65rem 1.1rem;
  border:1px solid currentColor;
  border-radius:var(--oak-radius-control);
  font-family:var(--oak-font-body);
  font-size:var(--oak-fs-2);
  font-weight:700;
  line-height:1.35;
  text-align:center;
  cursor:pointer;
  transition:transform var(--oak-duration) var(--oak-ease),background var(--oak-duration),color var(--oak-duration),border-color var(--oak-duration)
}
.c-btn:hover{transform:translateY(-2px)}
.c-btn:active{transform:translateY(0)}
.c-btn--primary{color:#fff;background:var(--oak-ink);border-color:var(--oak-ink)}
.c-btn--primary:hover{background:var(--oak-ink-2)}
.c-btn--secondary{color:var(--oak-ink);background:#fff;border-color:color-mix(in srgb,currentColor 28%,transparent)}
.c-btn--ghost{color:inherit;background:transparent;border-color:color-mix(in srgb,currentColor 38%,transparent)}
.c-btn--violet{color:#fff;background:var(--oak-violet-dark);border-color:var(--oak-violet-dark)}
.c-btn svg{width:1rem;height:1rem;flex:0 0 auto}
.c-card,.c-note,.c-price,.c-cta{
  min-width:0;
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:var(--oak-warm);
  color:var(--oak-ink)
}
.c-card--paper{background:#fff;color:var(--oak-ink)}
.c-card--violet{background:var(--oak-surface);color:var(--oak-ink)}
.c-card--dark{background:var(--oak-ink-2);color:#fcf9f5}
.c-card--dark .muted{color:#c1b7c5}
.c-card h3,.c-card h4{color:inherit}
.c-card p{font-size:var(--oak-fs-2)}
.c-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:var(--oak-space-2);align-items:start}
.c-paired{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:var(--oak-space-3);align-items:stretch}
.c-paired__side{display:flex;min-width:0;flex-direction:column;gap:var(--oak-space-2)}
.c-paired__side>*{flex:1}
.c-badge,.c-kicker{
  display:inline-flex;
  width:fit-content;
  align-self:flex-start;
  align-items:center;
  gap:.5rem;
  padding:.4em .8em;
  border-radius:999px;
  font-family:var(--oak-font-mono);
  font-size:var(--oak-fs-0);
  line-height:1.35;
  color:#5f5167;
  background:#fff;
  border:1px solid var(--oak-line)
}
.c-kicker + :is(h1,h2,h3),
.c-badge + :is(h1,h2,h3){margin-top:var(--oak-space-2)}
.c-badge__dot{width:7px;height:7px;border-radius:50%;background:var(--oak-violet);box-shadow:0 0 0 4px #eee4f5}
.c-note{display:flex;align-items:flex-start;gap:var(--oak-space-2);background:var(--oak-violet-pale);border-left:3px solid var(--oak-violet);padding:var(--oak-space-2) var(--oak-space-3)}
.c-note__icon,.c-note>svg,.c-note__icon svg{width:1.25rem;height:1.25rem;flex:0 0 auto;color:var(--oak-violet-dark)}
.c-note p{min-width:0;font-size:var(--oak-fs-2)}
.c-price{background:var(--oak-warm)}
.c-price--featured{background:var(--oak-surface);color:var(--oak-ink)}
.c-price__value{font-family:var(--oak-font-mono);font-size: clamp(1.8rem,8cqi,2.5rem);line-height:1;font-weight:550;letter-spacing:-.05em;overflow-wrap:anywhere}
.c-price__meta{font-family:var(--oak-font-mono);font-size:var(--oak-fs-1);line-height:1.6;color:var(--oak-muted)}
.c-price ul{padding:var(--oak-space-2) 0 0;margin:var(--oak-space-2) 0 0;border-top:1px solid var(--oak-line);list-style:none}
.c-price li{padding:.3rem 0;font-size:var(--oak-fs-2)}
.c-price li::before{content:"—";margin-right:.65rem;color:var(--oak-violet)}
.c-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.c-table{display:table;width:100%;border-collapse:collapse;background:#fff;color:var(--oak-ink)}
.c-table th,.c-table td{padding:.85rem .75rem;border-bottom:1px solid var(--oak-line);text-align:left;vertical-align:top}
.c-table th{color:var(--oak-violet-dark);background:var(--oak-violet-pale);white-space:normal}
.c-table td.mono{text-align:right;white-space:nowrap}
.c-table tr:hover td{background:#fbf8fc;color:var(--oak-ink)}
.c-table .is-highlight{background:var(--oak-surface);color:var(--oak-ink)}
.c-code{max-width:100%;overflow-x:auto;padding:var(--oak-space-3);border-radius:var(--oak-radius-card);background:var(--oak-terminal);color:#eee7f2}
.c-faq{border-bottom:1px solid var(--oak-line);background:transparent;color:var(--oak-ink)}
.c-faq:first-child{border-top:1px solid var(--oak-line)}
.c-faq summary{position:relative;padding:1.25rem 2.5rem 1.25rem 0;list-style:none;font-family:var(--oak-font-heading);font-size:var(--oak-fs-3);font-weight:600;line-height:1.45;cursor:pointer}
.c-faq summary::-webkit-details-marker{display:none}
.c-faq summary svg{position:absolute;right:0;top:1.35rem;width:1rem;height:1rem;transition:transform var(--oak-duration)}
.c-faq[open] summary svg{transform:rotate(180deg)}
.c-faq__body{padding:0 2.5rem 1.5rem 0;color:var(--oak-muted)}
.c-faq__body p{font-size:var(--oak-fs-2)}
.c-field{display:grid;gap:.5rem;min-width:0}
.c-input,.c-select,.c-textarea{
  width:100%;
  min-height:46px;
  padding:.7rem .85rem;
  color:var(--oak-ink);
  background:#fff;
  border:1px solid var(--oak-control-line);
  border-radius:var(--oak-radius-control);
  font-size:var(--oak-fs-2);
  line-height:1.45
}
.c-select{appearance:none;padding-inline-end:2.75rem;background-image:linear-gradient(45deg,transparent 50%,#63586a 50%),linear-gradient(135deg,#63586a 50%,transparent 50%);background-position:calc(100% - 17px) 52%,calc(100% - 12px) 52%;background-size:5px 5px;background-repeat:no-repeat}
.c-textarea{min-height:140px;resize:vertical}
.c-input:focus,.c-select:focus,.c-textarea:focus{outline:2px solid #d9c4e7;border-color:var(--oak-violet)}
.c-filter{display:flex;flex-wrap:wrap;gap:.5rem}
.c-filter__button{min-height:36px;padding:.45rem .8rem;border:1px solid var(--oak-line);border-radius:var(--oak-radius-control);background:#fff;color:var(--oak-ink);font-size:var(--oak-fs-1);cursor:pointer}
.c-filter__button[aria-pressed="true"]{background:var(--oak-ink);border-color:var(--oak-ink);color:#fff}
.c-breadcrumb{margin:0 0 var(--oak-space-4);padding:0}
.c-breadcrumb ol,.c-breadcrumb ul{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}
.c-breadcrumb span,.c-breadcrumb li,.c-breadcrumb a{font-size:var(--oak-fs-1);line-height:1.45;color:var(--oak-muted)}
.c-breadcrumb li+li::before{content:"/";margin-right:.5rem;color:#a79eaa}
.c-breadcrumb a:hover{color:var(--oak-violet-dark)}
.c-doc-hero:has(.c-breadcrumb),
.oak-blog-hero:has(.c-breadcrumb),
.oak-article-shell:has(.c-breadcrumb){padding-top:var(--oak-space-4)}
.c-page-hero:has(.c-breadcrumb) .c-page-hero__grid{align-items:start}
.c-page-hero__copy:has(> .c-breadcrumb),
.c-doc-hero :is(.container,.container-narrow):has(> .c-breadcrumb){gap:0}
.c-breadcrumb + *{margin-top:0}
.c-page-hero__copy:has(> .c-breadcrumb) > .c-kicker + :is(h1,h2){margin-top:var(--oak-space-2)}
.c-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--oak-space-4);padding:clamp(2rem,5vw,4rem);background:var(--oak-ink);color:#fff}
.c-cta p{max-width:650px;color:#c6bbc9;font-size:var(--oak-fs-2)}
.c-cta__actions{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:.75rem}
.c-cta .c-btn--secondary{color:var(--oak-ink);background:#fff}
.site-header{position:sticky;top:0;z-index:100;overflow:visible;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--oak-line)}
.site-header__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.25rem;min-height:74px}
.site-brand{display:flex;min-width:max-content;align-items:center;gap:.65rem;font-family:var(--oak-font-heading);font-size:var(--oak-fs-3);font-weight:700;line-height:1.2}
.site-brand img{width:30px;height:30px}
.site-brand small{display:none}
.site-nav{display:flex;justify-content:center;min-width:0}
.site-nav__panel{display:flex;align-items:center;gap:clamp(.75rem,1.65vw,1.7rem)}
.site-nav a{position:relative;font-size:var(--oak-fs-1);font-weight:650;color:#443b47}
.site-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-.55rem;height:1px;background:var(--oak-violet);transition:right var(--oak-duration)}
.site-nav a:hover::after,.site-nav a.active::after,.site-nav a[aria-current="page"]::after{right:0}
.site-nav a[aria-current="page"]{color:var(--oak-violet-dark)}
.site-header__tools{display:flex;align-items:center;gap:.5rem}
.site-header__portal{min-height:38px;padding:.45rem .8rem}
.site-menu-toggle{display:none;width:30px;height:30px;padding:6px;border:1px solid var(--oak-line);border-radius:var(--oak-radius-control);background:#fff}
.site-menu-toggle span{display:block;height:1px;margin:4px 0;background:var(--oak-ink)}
.c-language{position:relative}
.c-language__button{display:inline-flex;height:29px;min-height:29px;align-items:center;gap:.35rem;padding:0 .55rem;border:1px solid var(--oak-line);border-radius:var(--oak-radius-control);background:#fff;color:var(--oak-ink);font-size:var(--oak-fs-0);line-height:1;cursor:pointer}
.c-language__button svg{width:13px;height:13px}
.c-language__button .chevron{width:9px;height:9px;transition:transform var(--oak-duration)}
.c-language__button[aria-expanded="true"] .chevron{transform:rotate(180deg)}
.c-language__menu{position:absolute;right:0;top:calc(100% + .55rem);z-index:110;display:grid;width:180px;padding:.5rem;border:1px solid var(--oak-line);border-radius:8px;background:#fff;box-shadow:var(--oak-shadow-float)}
.c-language__menu[hidden]{display:none}
.c-language__menu a{padding:.5rem .65rem;border-radius:var(--oak-radius-control);font-size:var(--oak-fs-1)}
.c-language__menu a:hover,.c-language__menu a[aria-current="true"]{background:var(--oak-violet-pale);color:var(--oak-violet-dark)}
.site-footer{padding:var(--oak-space-5) 0 var(--oak-space-3);background:var(--oak-warm);color:var(--oak-ink)}
.site-footer__top{display:grid;grid-template-columns:1.2fr 1.8fr;gap:var(--oak-space-5)}
.site-footer__brand p{max-width:360px;margin-top:var(--oak-space-2);color:var(--oak-muted);font-size:var(--oak-fs-1)}
.site-footer__links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--oak-space-3)}
.site-footer h3,.site-footer h4{margin:0 0 1rem}
.site-footer__group h3{margin-bottom:1rem;font-family:var(--oak-font-mono);font-size:var(--oak-fs-0);letter-spacing:.08em;text-transform:uppercase;color:var(--oak-muted)}
.site-footer__group a{display:block;margin:.55rem 0;font-size:var(--oak-fs-1)}
.site-footer__group a:hover{color:var(--oak-violet-dark)}
.site-footer__words{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:var(--oak-space-4);padding-top:var(--oak-space-3);border-top:1px solid var(--oak-line)}
.site-footer__words a{padding:.35rem .55rem;border:1px solid var(--oak-line);border-radius:var(--oak-radius-control);background:#fff;font-size:var(--oak-fs-0);color:var(--oak-muted)}
.site-footer__bottom{display:flex;justify-content:space-between;gap:var(--oak-space-2);margin-top:var(--oak-space-3);font-size:var(--oak-fs-0);color:var(--oak-muted)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s var(--oak-ease),transform .65s var(--oak-ease)}
.reveal--left{transform:translateX(-18px)}
.reveal--right{transform:translateX(18px)}
.reveal.is-visible{opacity:1;transform:none}
@media(max-width:72rem) and (min-width:64.01rem){
  .site-header__inner{gap:.7rem}
  .site-brand{font-size:var(--oak-fs-2)}
  .site-nav__panel{gap:.65rem}
  .site-nav a,.site-header__portal{font-size:var(--oak-fs-0)}
}
@media(max-width:64rem){
  .site-header__inner{grid-template-columns:minmax(0,1fr) auto auto auto;gap:.45rem;min-height:62px}
  .site-nav{position:absolute;left:var(--oak-gutter);right:var(--oak-gutter);top:calc(100% + .45rem);display:none;padding:.65rem;border:1px solid var(--oak-line);border-radius:10px;background:#fff;box-shadow:var(--oak-shadow-float)}
  .site-nav.is-open{display:block}
  .site-nav__panel{display:grid;gap:0}
  .site-nav a{padding:.7rem .65rem}
  .site-nav a::after{display:none}
  .site-menu-toggle{display:block}
  .site-header__portal{min-width:38px;padding-inline:.55rem;font-size:0}
  .site-header__portal svg{width:15px;height:15px}
  .c-paired{grid-template-columns:1fr}
}
@media(max-width:44rem){
  .c-btn{max-width:100%}
  .c-cta{align-items:flex-start;flex-direction:column}
  .site-brand span{font-size:.82rem}
  .c-language__label{display:none}
  .c-language__button{width:29px;justify-content:center;padding:0}
  .c-language__button .chevron{display:none}
  .site-footer__top,.site-footer__links{grid-template-columns:1fr}
  .site-footer__top{gap:var(--oak-space-4)}
  .site-footer__bottom{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  .reveal,.reveal--left,.reveal--right{opacity:1;transform:none}
}