@font-face{font-family:Speakrin Sans;src:url("assets/manrope.woff2") format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:Speakrin Serif;src:url("assets/fraunces.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Speakrin Serif;src:url("assets/fraunces-italic.woff2") format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
:root{
  --bg:#1d2924;--bg-raised:#24332c;--bg-card:#26372f;--bg-card-hover:#304439;
  --text:#f6f3e9;--text-muted:#b7c4bb;--text-faint:#a5b4a9;
  --accent:#e3fa63;--accent-hover:#edff98;--accent-dim:#e3fa6314;
  --accent-secondary:#ff9c83;--border:#43564a;--border-hover:#718474;
  --font-display:"Speakrin Serif",Georgia,serif;--font-body:"Speakrin Sans",sans-serif;
  --sk-highlight:#e3fa63;--sk-highlight-ink:#1d2924;--sk-nav-bg:#1d2924ed;
}
[data-theme="light"]{
  --bg:#f5f2e9;--bg-raised:#ede9de;--bg-card:#fffcf4;--bg-card-hover:#f0eddf;
  --text:#1d2924;--text-muted:#526256;--text-faint:#5d6c5f;
  --accent:#455f12;--accent-hover:#30440a;--accent-dim:#455f1210;
  --accent-secondary:#9a3d23;--border:#d2d8c8;--border-hover:#869578;
  --sk-nav-bg:#f5f2e9ed;
}
html{scroll-padding-top:130px}
body::after{opacity:.045}
body::before{background:var(--sk-highlight);height:3px}
.sk-wrap{width:min(1184px,100%);margin-inline:auto;padding-inline:24px;position:relative;z-index:1}
.sk-skip{position:absolute;left:16px;top:-100px;z-index:1000;padding:12px 20px;background:var(--sk-highlight);color:var(--sk-highlight-ink)}
.sk-skip:focus{top:12px}
.sk-nav{position:sticky;top:0;z-index:100;background:var(--sk-nav-bg);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
.sk-nav__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:16px}
.sk-brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;letter-spacing:-.04em}
.sk-brand img{width:34px;height:34px;border-radius:10px}
.sk-nav__links{display:flex;align-items:center;gap:18px;order:3;width:100%;font-size:.8rem;font-weight:700}
.sk-nav__links a{min-height:34px;display:inline-flex;align-items:center;color:var(--text-muted)}
.sk-nav__links a:hover,.sk-nav__links a[aria-current="page"]{color:var(--accent)}
.sk-controls{display:flex;align-items:center;gap:10px}
.sk-languages{display:flex;gap:4px;font-size:.75rem;font-weight:800;border:1px solid var(--border);border-radius:30px;padding:3px}
.sk-languages a{padding:5px 9px;border-radius:20px;min-height:32px;display:grid;place-items:center}
.sk-languages [aria-current="true"]{background:var(--text);color:var(--bg)}
.sk-theme{width:40px;height:40px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;font-size:1.2rem}
.sk-theme:hover{background:var(--bg-card)}
.sk-eyebrow{display:block;color:var(--accent);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;margin-bottom:22px}
.sk-hero{padding-block:58px 70px}
.sk-hero__grid{display:grid;gap:48px;align-items:center}
.sk-title{font-size:clamp(3.5rem,9.7vw,6.6rem);line-height:.99;letter-spacing:-.055em;max-width:800px}
.sk-title em{font-weight:400;color:var(--accent)}
.sk-lede{color:var(--text-muted);font-size:1.06rem;max-width:580px;margin-top:26px;line-height:1.85}
.sk-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.sk-button{min-height:48px;padding:13px 21px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:.86rem;font-weight:800;border:1px solid var(--border);border-radius:8px;transition:background .2s,transform .2s}
.sk-button:hover{transform:translateY(-2px);background:var(--bg-card)}
.sk-button--primary{background:var(--sk-highlight);color:var(--sk-highlight-ink);border-color:var(--sk-highlight)}
.sk-button--primary:hover{background:var(--sk-highlight);box-shadow:0 4px 0 var(--border)}
.sk-caption{font-size:.77rem;color:var(--text-muted);margin-top:20px;line-height:1.7}
.sk-photo{position:relative;max-width:340px;margin:auto}
.sk-photo::before{content:"";position:absolute;inset:7% -7%;border:1px solid var(--border);border-radius:48% 52% 46% 54%;transform:rotate(-12deg);z-index:-1}
.sk-photo img{width:100%;border-radius:32px;border:1px solid var(--border);box-shadow:0 20px 80px #0003}
.sk-photo figcaption{font-size:.72rem;text-align:center;margin-top:16px;color:var(--text-muted)}
.sk-band{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.sk-band__inner{display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;padding-block:22px;font-size:.75rem;font-weight:700;letter-spacing:.03em}
.sk-band span::before{content:"↗";color:var(--accent);margin-right:12px}
.sk-section{padding-block:70px}
.sk-section__header{display:flex;flex-direction:column;gap:18px;margin-bottom:40px}
.sk-section__title{font-size:clamp(2.25rem,5vw,3.4rem);letter-spacing:-.04em;max-width:700px}
.sk-section__intro{color:var(--text-muted);max-width:590px;line-height:1.8}
.sk-features{display:grid;gap:0}
.sk-feature{padding:28px 0;border-top:1px solid var(--border)}
.sk-feature__number{font-size:.75rem;color:var(--accent);display:block;margin-bottom:22px;letter-spacing:.14em}
.sk-feature h3{font-size:1.85rem;letter-spacing:-.03em;margin-bottom:14px}
.sk-feature p{color:var(--text-muted);line-height:1.85;font-size:.93rem}
.sk-feature ul{margin-top:18px;display:grid;gap:9px;color:var(--text);font-size:.8rem}
.sk-feature li::before{content:"—";color:var(--accent);margin-right:10px}
.sk-note{border-left:3px solid var(--accent);padding:22px 24px;background:var(--accent-dim);border-radius:0 10px 10px 0;font-size:.9rem;line-height:1.85;color:var(--text-muted)}
.sk-note strong{color:var(--text)}
.sk-help{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:30px;display:grid;gap:24px;align-items:start}
.sk-help h2{font-size:2.4rem;letter-spacing:-.04em;margin-bottom:14px}
.sk-help p{color:var(--text-muted);font-size:.93rem;max-width:640px}
.sk-inline{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.sk-footer{border-top:1px solid var(--border);padding-block:30px}
.sk-footer__inner{display:flex;flex-wrap:wrap;gap:18px 35px;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}
.sk-footer__links{display:flex;flex-wrap:wrap;gap:18px}
.sk-footer a:hover{color:var(--accent)}
.sk-page-header{padding-block:58px 36px}
.sk-page-header h1{font-size:clamp(2.9rem,7.4vw,5.1rem);line-height:1.08;letter-spacing:-.05em;max-width:820px}
.sk-page-header .sk-lede{max-width:700px}
.sk-document{display:grid;gap:28px;padding-bottom:80px}
.sk-toc{align-self:start;border:1px solid var(--border);border-radius:10px;padding:22px;font-size:.78rem}
.sk-toc__label{font-weight:800;margin-bottom:14px;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}
.sk-toc a{display:block;padding:8px 0;color:var(--text-muted)}
.sk-toc a:hover{color:var(--accent)}
.sk-article{min-width:0}
.sk-article section{margin-bottom:42px;scroll-margin-top:145px}
.sk-article h2{font-size:1.9rem;letter-spacing:-.03em;margin:35px 0 18px}
.sk-article h3{font-family:var(--font-body);font-size:1rem;font-weight:800;margin:24px 0 12px}
.sk-article p,.sk-article li{font-size:.93rem;color:var(--text-muted);line-height:1.9}
.sk-article p+p{margin-top:14px}
.sk-article ul,.sk-article ol{padding-left:22px;margin:16px 0;list-style:disc}
.sk-article ol{list-style:decimal}
.sk-article li{padding-left:4px;margin-bottom:9px}
.sk-article a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.sk-article code{font-family:var(--font-mono);font-size:.8rem;background:var(--bg-card);padding:2px 5px}
.sk-article pre{background:var(--bg-card);border:1px solid var(--border);padding:20px;border-radius:8px;overflow:auto;white-space:pre-wrap;color:var(--text);line-height:1.8}
.sk-article .sk-note{margin-bottom:32px}
.sk-faq{border-top:1px solid var(--border)}
.sk-faq:last-child{border-bottom:1px solid var(--border)}
.sk-faq summary{list-style:none;cursor:pointer;display:flex;gap:18px;justify-content:space-between;font-weight:700;font-size:.95rem;padding:23px 0}
.sk-faq summary::-webkit-details-marker{display:none}
.sk-faq summary::after{content:"+";color:var(--accent);font-size:1.3rem;line-height:1;flex-shrink:0}
.sk-faq[open] summary::after{content:"−"}
.sk-faq__answer{padding:0 0 24px}
.sk-faq__answer p{margin-bottom:12px}
.sk-contact{scroll-margin-top:130px}
.sk-contact .sk-button{margin-top:18px}
@media(min-width:768px){
  .sk-wrap{padding-inline:40px}
  .sk-nav__links{width:auto;order:initial}
  .sk-nav__inner{flex-wrap:nowrap;padding-block:18px}
  .sk-hero{padding-block:76px 86px}
  .sk-hero__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:65px}
  .sk-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
  .sk-feature{padding-top:30px}
  .sk-section{padding-block:90px}
  .sk-help{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:44px}
  .sk-document{grid-template-columns:220px minmax(0,1fr);gap:55px}
  .sk-toc{position:sticky;top:110px}
}
@media(min-width:1040px){.sk-document{grid-template-columns:240px minmax(0,1fr);gap:90px}.sk-photo{transform:rotate(2deg)}}
@media(max-width:380px){.sk-wrap{padding-inline:18px}.sk-nav__links{gap:14px;font-size:.74rem}.sk-title{font-size:3.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
