/* Hobby directory demo (working name "pickup"). Source: content/hobby-directory/src/site.css.
   Never edit public/hobby-directory/site.css by hand: run node content/hobby-directory/build.js */
@font-face{font-family:"Inter Tight";src:url(/fonts/inter-tight.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{
  --ink:#17150F;--ink2:#45413A;--muted:#5F5A52;--line:#E3DFD8;--line2:#D6D1C8;--panel:#F5F3EF;--paper:#FFFFFF;
  --accent:#F26B1D;--accent-t:#B8470C;--warn:#C2331F;--dark:#2A2620;
  --head:"Inter Tight","Inter",Arial,sans-serif;
  --body:"Inter",Arial,sans-serif;
  --pad:clamp(16px,4vw,40px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;overflow-x:hidden}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--ink)}a:hover{color:var(--accent-t)}
h1,h2,h3{font-family:var(--head);font-weight:700;letter-spacing:-.025em;margin:0;text-wrap:balance}
h1{font-size:clamp(40px,6.2vw,80px);line-height:1}
h2{font-size:clamp(30px,3.8vw,48px);line-height:1.04}
h3{font-size:20px;line-height:1.2;letter-spacing:-.01em}
p{margin:0;text-wrap:pretty}
.wrap{max-width:1240px;margin:0 auto;padding:0 var(--pad)}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-t)}
.lede{font-size:clamp(18px,1.6vw,21px);line-height:1.5;color:var(--ink2);max-width:600px}
.small{font-size:14px;color:var(--muted)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;border:1.5px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;font-family:var(--body);transition:background .4s ease,color .4s ease,border-color .4s ease}
.btn:hover{background:#000;color:#fff}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}
.btn.hot{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.btn.hot:hover{background:#ff7a33;border-color:#ff7a33;color:var(--ink)}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.arrow{width:20px;height:20px;flex:none}
section{position:relative}
.sec{padding-top:clamp(56px,8vw,96px);padding-bottom:clamp(56px,8vw,96px)}
.panel{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.check{display:flex;gap:10px;align-items:flex-start}
.check svg{flex:none;margin-top:4px}

/* header */
.top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:28px;height:72px}
.logo{display:inline-flex;align-items:baseline;gap:3px;font-family:var(--head);font-weight:700;font-size:28px;letter-spacing:-.04em;text-decoration:none;color:var(--ink)}
.logo i{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:2px}
.nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-weight:600;font-size:15px}
.nav a{text-decoration:none}
.nav a[aria-current]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.nav .btn{min-height:42px;padding:0 18px;font-size:15px}
.menu-btn{display:none;margin-left:auto;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--ink);background:#fff;font:inherit;font-weight:600;font-size:15px;color:var(--ink);cursor:pointer}
.sheet-nav{display:none}
@media (max-width:860px){
  .nav{display:none}
  .menu-btn{display:inline-flex;align-items:center}
  .top .wrap{height:64px}
  .sheet-nav{position:fixed;inset:64px 0 0 0;z-index:39;background:#fff;padding:12px var(--pad) 40px;overflow:auto;display:block;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .45s ease,transform .45s ease,visibility 0s .45s}
  body.menu-open .sheet-nav{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease,transform .45s ease}
  body.menu-open{overflow:hidden}
  .sheet-nav a.row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none}
  .sheet-nav a.row b{display:block;font-family:var(--head);font-size:26px;letter-spacing:-.02em;color:var(--ink)}
  .sheet-nav a.row>span{color:var(--ink)}
  .sheet-nav a.row span{display:block;font-size:15px;color:var(--muted);margin-top:2px}
  .sheet-nav .btn{width:100%;margin-top:24px}
}

/* search */
.search{display:flex;align-items:center;gap:10px;border:1.5px solid var(--ink);border-radius:999px;padding:0 6px 0 18px;height:56px;max-width:560px;background:#fff}
.search input{flex:1;min-width:0;border:0;outline:none;font:inherit;font-size:17px;background:transparent;color:var(--ink)}
.search .btn{min-height:44px;padding:0 20px}
.popular{margin-top:14px;font-size:15px;color:var(--muted)}
.popular a{color:var(--ink);font-weight:600;text-underline-offset:3px}

/* hero */
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(32px,5vw,72px);align-items:center;padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(48px,6vw,80px)}
.hero h1{margin-top:16px}
.hero .lede{margin-top:22px}
.hero form{margin-top:32px}
@media (max-width:900px){.hero .wrap{grid-template-columns:minmax(0,1fr)}}

/* video card */
.vcard{display:block;position:relative;border-radius:18px;overflow:hidden;background:var(--ink);aspect-ratio:568/760;text-decoration:none;color:#fff}
.vcard img{width:100%;height:100%;object-fit:cover}
.vcard .play{position:absolute;top:50%;left:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;transition:transform .5s ease}
.vcard:hover .play{transform:scale(1.06)}
.vcard .tag{position:absolute;top:14px;left:14px;background:var(--accent);color:var(--ink);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.vcard .cap{position:absolute;left:0;right:0;bottom:0;padding:64px 20px 20px;background:linear-gradient(to top,rgba(23,21,15,.92),rgba(23,21,15,0))}
.vcard .cap b{display:block;font-family:var(--head);font-weight:700;font-size:24px;line-height:1.1;letter-spacing:-.02em}
.vcard .cap span{display:block;margin-top:8px;font-size:14px;color:#E9E5DE}
.feature{max-width:400px;width:100%;justify-self:center}
.under{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 2px}
.under small{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.under b{display:block;font-size:18px}
@media (max-width:900px){.feature{max-width:440px;justify-self:stretch;margin:0 auto}}

/* rows (big line, small line, arrow, hairlines) */
.rows{margin-top:36px;border-top:2px solid var(--ink)}
.rows a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 28px;gap:12px 40px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .5s ease,color .4s ease}
.rows a:hover{padding-left:10px}
.rows b{font-family:var(--head);font-weight:700;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.02em;line-height:1.1}
.rows span{color:var(--ink2)}
@media (max-width:760px){.rows a{grid-template-columns:minmax(0,1fr) 24px;padding:20px 0}.rows a span{grid-column:1;grid-row:2;font-size:15.5px}.rows a .arrow{grid-column:2;grid-row:1/3}}

/* section heads */
.shead{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 24px}
.shead h2{margin-top:10px}
.more{display:inline-flex;align-items:center;gap:6px;font-weight:600;text-decoration:none}

/* video grid */
.grid{margin-top:36px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:36px 24px}
.tile{display:flex;flex-direction:column;gap:14px;text-decoration:none}
.thumb{position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/5;background:var(--dark)}
.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}
.tile:hover .thumb img{transform:scale(1.03)}
.thumb .len{position:absolute;left:12px;bottom:12px;background:rgba(23,21,15,.82);color:#fff;font-size:13px;font-weight:600;padding:4px 10px;border-radius:999px}
.thumb .ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#CFC9BE;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.tile .h{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-t)}
.tile .t{display:block;margin-top:4px;font-family:var(--head);font-weight:700;font-size:21px;line-height:1.15;letter-spacing:-.015em}
.tile .c{display:block;margin-top:6px;font-size:15px;color:var(--muted)}
@media (max-width:640px){
  .grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:72%;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin-left:calc(var(--pad)*-1);margin-right:calc(var(--pad)*-1);padding:0 var(--pad) 8px;scrollbar-width:none}
  .grid::-webkit-scrollbar{display:none}
  .tile{scroll-snap-align:start}
}

/* steps */
.steps{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--ink)}
.steps>div{padding:28px 28px 8px 0}
.steps>div+div{padding-left:28px;border-left:1px solid var(--line)}
.steps .n{font-family:var(--head);font-weight:700;font-size:56px;line-height:1;color:var(--accent);letter-spacing:-.03em}
.steps h3{margin-top:14px}
.steps p{margin-top:8px;color:var(--ink2)}
@media (max-width:760px){.steps{grid-template-columns:minmax(0,1fr)}.steps>div,.steps>div+div{padding:22px 0;border-left:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:12px}.steps .n{font-size:40px;grid-row:1/3}.steps h3{margin-top:4px}}

/* manual promo */
.promo{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,72px);align-items:center}
@media (max-width:860px){.promo{grid-template-columns:minmax(0,1fr)}}
.stack{position:relative;width:min(300px,64vw);aspect-ratio:300/388;margin:0 auto}
.stack .back{position:absolute;left:11%;top:6%;width:87%;height:88%;background:#fff;border:1px solid var(--line2);border-radius:4px;transform:rotate(4deg)}
.stack .front{position:absolute;left:0;top:0;width:90%;height:90%;background:#fff;border:1px solid var(--line2);border-radius:4px;padding:8% 8%;display:flex;flex-direction:column;box-shadow:0 18px 40px rgba(23,21,15,.12)}
.stack .front .k{display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.stack .front .ti{margin-top:18px;font-family:var(--head);font-weight:700;font-size:clamp(28px,7vw,38px);line-height:.95;letter-spacing:-.03em}
.stack .front .su{margin-top:4px;font-family:var(--head);font-weight:500;font-size:18px;color:var(--accent-t)}
.stack .front svg{margin-top:auto;width:100%}
.ticks{margin-top:24px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}
@media (max-width:560px){.ticks{grid-template-columns:minmax(0,1fr)}}
.price{font-family:var(--head);font-weight:700;font-size:36px;letter-spacing:-.02em}

/* makers line */
.makers{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:36px 0}
.makers>div{flex:999 1 420px}

/* footer */
.foot{background:var(--ink);color:#E9E5DE;margin-top:0}
.foot a{color:#E9E5DE;text-decoration:none}
.foot a:hover{color:#fff;text-decoration:underline}
.foot .cols{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;padding:56px 0 8px}
.foot .logo{color:#fff}
.foot h4{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#A9A295}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px}
.foot .fine{font-size:13px;color:#A9A295;padding:24px 0 0;border-top:1px solid rgba(255,255,255,.12);margin-top:40px}
.foot .legal{font-size:13px;color:#A9A295;margin:14px 0 0;padding-bottom:0}
.foot .legal a{color:#E9E5DE;text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){.foot .cols{grid-template-columns:repeat(2,minmax(0,1fr))}.foot .cols>div:first-child{grid-column:1/-1}}
.preview-flag{position:fixed;left:16px;bottom:16px;z-index:30;background:rgba(23,21,15,.9);color:#E9E5DE;font-size:12px;letter-spacing:.04em;padding:8px 12px;border-radius:4px}

/* hobby page */
.crumb{font-size:15px;color:var(--muted)}
.crumb a{color:var(--muted)}
.facts{margin-top:36px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.facts>div{padding:18px 20px 18px 0}
.facts>div+div{padding-left:20px;border-left:1px solid var(--line)}
.facts small{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.facts b{display:block;margin-top:4px;font-size:19px;line-height:1.25}
@media (max-width:760px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.facts>div,.facts>div+div{padding:14px 12px 14px 0;border-left:0;border-bottom:1px solid var(--line)}.facts>div:nth-child(even){padding-left:12px;border-left:1px solid var(--line)}.facts>div:nth-last-child(-n+2){border-bottom:0}}
.main2{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:48px;align-items:start}
@media (max-width:1000px){.main2{grid-template-columns:minmax(0,1fr)}}
.watch{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:28px;align-items:start}
@media (max-width:640px){.watch{grid-template-columns:minmax(0,1fr)}.watch .vcard{max-width:420px}}
.credit{margin-top:22px;display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.credit .av{flex:none;width:46px;height:46px;border-radius:50%;background:var(--panel);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;font-family:var(--head);font-weight:700;font-size:16px}
.credit .who{flex:1;min-width:0}
.credit .who small{display:block;font-size:13px;color:var(--muted)}
.credit .btn{min-height:40px;padding:0 14px;font-size:14px}
.strip{margin-top:16px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.strip img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:8px;background:var(--dark)}
.strip li span{display:flex;gap:6px;align-items:baseline;margin-top:8px;font-size:13.5px;line-height:1.3}
.strip li span b{font-family:var(--head);color:var(--accent-t);font-size:16px}
@media (max-width:760px){.strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
.buy{border:1.5px solid var(--ink);border-radius:16px;overflow:hidden;position:sticky;top:96px}
@media (max-width:1000px){.buy{position:static}}
.buy .hd{background:var(--panel);padding:24px;display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--line)}
.buy .mini{flex:none;width:96px;aspect-ratio:96/124;background:#fff;border:1px solid var(--line2);border-radius:3px;padding:9px;display:flex;flex-direction:column;box-shadow:0 8px 18px rgba(23,21,15,.12)}
.buy .mini b{font-family:var(--head);font-size:14px;line-height:1;letter-spacing:-.02em;margin-top:6px}
.buy .mini i{font-style:normal;font-size:9px;color:var(--accent-t)}
.buy .mini small{font-size:6px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.buy .mini svg{margin-top:auto}
.buy .bd{padding:24px}
.buy .amt{display:flex;align-items:baseline;gap:10px}
.buy .amt b{font-family:var(--head);font-size:48px;letter-spacing:-.03em;line-height:1}
.buy .btn{width:100%;margin-top:16px}
.buy ul{list-style:none;margin:18px 0 0;padding:0}
.buy li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line);font-size:15.5px}
.buy li svg{flex:none;margin-top:3px}
.tools{margin-top:12px;border-top:2px solid var(--ink)}
.tools .r{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1.6fr);gap:6px 24px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.tools .r .n{font-family:var(--head);font-weight:700;font-size:20px;color:var(--accent-t)}
.tools .r b{font-size:17px}
.tools .r span{color:var(--ink2);font-size:15.5px}
@media (max-width:760px){.tools .r{grid-template-columns:32px minmax(0,1fr);gap:4px 14px}.tools .r .n{grid-column:1;grid-row:1}.tools .r b{grid-column:2;grid-row:1}.tools .r span{grid-column:2;grid-row:2;font-size:15px}}
.mist{list-style:none;margin:0;padding:0}
.mist li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:18px 0;border-top:1px solid var(--line2)}
.mist li:last-child{border-bottom:1px solid var(--line2)}
.mist .n{font-family:var(--head);font-weight:700;font-size:30px;line-height:1;color:var(--accent-t)}
.mist b{display:block;font-size:18px}
.two{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px 56px}
@media (max-width:860px){.two{grid-template-columns:minmax(0,1fr)}}
.rel{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--ink)}
.rel a{display:flex;gap:16px;align-items:center;padding:16px 16px 16px 0;border-bottom:1px solid var(--line);text-decoration:none}
.rel a+a{padding-left:16px;border-left:1px solid var(--line)}
.rel img,.rel .ph{flex:none;width:72px;height:72px;object-fit:cover;border-radius:8px;background:var(--dark)}
.rel b{display:block;font-size:18px}
.rel span{font-size:14px;color:var(--muted)}
@media (max-width:760px){.rel{grid-template-columns:minmax(0,1fr)}.rel a+a{padding-left:0;border-left:0}}

/* manual reader */
.reader-top{border-bottom:1px solid var(--line);background:#fff}
.reader-top .wrap{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px 32px;padding-top:40px;padding-bottom:32px}
.toc{display:flex;flex-wrap:wrap;gap:8px 22px;font-weight:600;font-size:15px;margin-top:16px}
.toc a{text-decoration:none}
.toc a b{color:var(--accent-t);margin-right:6px}
.desk{background:#EEEBE5;padding:clamp(20px,4vw,56px) 0}
.paper{width:min(816px,100%);margin:0 auto 32px;background:#fff;border:1px solid var(--line2);box-shadow:0 10px 30px rgba(23,21,15,.08);padding:clamp(24px,6vw,64px);color:var(--ink)}
.paper:last-child{margin-bottom:0}
.rh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.rh .logo{font-size:17px;letter-spacing:-.03em;text-transform:none}
.rh .logo i{width:5px;height:5px}
.ph2{display:flex;align-items:baseline;gap:14px;margin-top:28px}
.ph2 .n{font-family:var(--head);font-weight:700;font-size:clamp(40px,7vw,56px);line-height:1;color:var(--accent);letter-spacing:-.03em}
.ph2 h2{font-size:clamp(34px,6vw,52px)}
.intro{margin-top:10px;font-size:16px;color:var(--ink2);max-width:620px}
.legend{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--rows,5),auto);grid-auto-flow:column;column-gap:32px;border-top:1.5px solid var(--ink)}
.legend div{display:flex;gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.4}
.legend .k{flex:none;width:22px;font-family:var(--head);font-weight:700;font-size:17px;color:var(--accent-t)}
.legend span{color:var(--ink2)}
@media (max-width:620px){.legend{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row}}
.warnbox{margin-top:20px;display:flex;gap:14px;padding:16px 18px;border:1.5px solid var(--warn);border-radius:6px;font-size:15px;line-height:1.45}
.warnbox strong{color:var(--warn)}
.warnbox svg{flex:none;margin-top:1px}
.tip{margin-top:14px;display:flex;gap:12px;padding:14px 18px;background:var(--panel);border-radius:6px;font-size:14.5px;line-height:1.45}
.tip strong{flex:none;color:var(--accent-t)}
.tbl{margin-top:8px;border-top:1.5px solid var(--ink)}
.tbl .r{display:grid;grid-template-columns:24px minmax(0,1.1fr) minmax(0,2fr);gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.35}
.tbl .r.h{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.tbl .box{width:16px;height:16px;border:1.5px solid var(--ink);border-radius:3px}
.tbl .r span{color:var(--ink2)}
@media (max-width:560px){.tbl .r{grid-template-columns:24px minmax(0,1fr);row-gap:2px}.tbl .r.h{display:none}.tbl .box{grid-column:1;grid-row:1}.tbl .r strong{grid-column:2;grid-row:1}.tbl .r span{grid-column:2;grid-row:2}}
.skip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;border-top:1.5px solid var(--ink);margin-top:8px}
.skip div{padding:9px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.skip span{color:var(--ink2)}
@media (max-width:560px){.skip{grid-template-columns:minmax(0,1fr)}}
.lab{margin-top:22px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.gkey{display:flex;flex-wrap:wrap;gap:4px 20px;font-size:13.5px;color:var(--ink2)}
.gkey strong{color:var(--accent-t)}
.bowl{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}
@media (max-width:640px){.bowl{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}}
@media (max-width:420px){.bowl{grid-template-columns:minmax(0,1fr)}}
.bowl svg{width:100%;background:#FAF9F7;border:1px solid var(--line);border-radius:4px}
.bowl .st{margin-top:10px;display:flex;gap:8px;align-items:baseline}
.bowl .st b{font-family:var(--head);font-size:21px;color:var(--accent-t)}
.bowl .st strong{font-size:16px}
.bowl p{margin-top:4px;font-size:14.5px;line-height:1.45;color:var(--ink2)}
.pf{margin-top:28px;padding-top:10px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.cover .ct{font-size:clamp(44px,13vw,128px);line-height:.88;letter-spacing:-.045em;margin-top:10px}
.cover .sub{margin-top:12px;font-family:var(--head);font-weight:500;font-size:clamp(28px,5vw,44px);letter-spacing:-.02em;color:var(--accent-t)}
.cover .cv{margin-top:44px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1.5px solid var(--ink)}
.cover .cv a{padding:16px 16px 0 0;text-decoration:none}
.cover .cv a+a{padding-left:16px;border-left:1px solid var(--line)}
.cover .cv b{display:block;font-family:var(--head);font-size:28px;color:var(--accent);line-height:1}
.cover .cv strong{display:block;margin-top:6px}
.cover .cv span{font-size:14px;color:var(--muted)}
@media (max-width:560px){.cover .cv{grid-template-columns:minmax(0,1fr)}.cover .cv a,.cover .cv a+a{padding:14px 0;border-left:0;border-bottom:1px solid var(--line)}}

@media print{
  @page{size:letter;margin:0}
  body{background:#fff}
  .top,.sheet-nav,.reader-top,.foot,.preview-flag,.noprint{display:none!important}
  .desk{background:#fff;padding:0}
  .paper{width:8.5in;height:11in;margin:0;border:0;box-shadow:none;padding:.55in .7in .5in;break-after:page;overflow:hidden;display:flex;flex-direction:column}
  .paper>*{flex-shrink:0}
  .tbl .r,.legend div{padding:6px 0}
  .skip div{padding:6px 0}
  .lab{margin-top:16px}
  .paper:last-child{break-after:auto}
  .paper .pf{margin-top:auto}
  .cover .ct{font-size:112px}
  .ph2{margin-top:20px}
  .bowl{gap:16px 22px;margin-top:16px}
  .bowl .st{margin-top:8px}
  .bowl p{font-size:13.5px;line-height:1.4}
  .warnbox{margin-top:14px;padding:12px 16px;font-size:14px}
  .tip{margin-top:10px;padding:11px 16px;font-size:13.5px}
  .intro{font-size:15px}
  .legend,.skip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bowl{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}

/* YouTube player (loads only when tapped) */
.player{margin-top:22px;position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--ink)}
.player .pl{all:unset;cursor:pointer;position:absolute;inset:0;display:block}
.player .pl img{width:100%;height:100%;object-fit:cover}
.player .play{position:absolute;top:50%;left:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;transition:transform .5s ease}
.player .pl:hover .play,.player .pl:focus-visible .play{transform:scale(1.06)}
.player .pl:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.player .tag{position:absolute;top:14px;left:14px;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* creator of the month */
.cotm{background:var(--ink);color:#fff}
.cotm-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;padding-top:clamp(56px,8vw,96px);padding-bottom:clamp(56px,8vw,96px)}
.cotm h2{color:#fff;font-size:clamp(40px,5vw,64px)}
.cotm-sub{margin-top:8px;font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#BDB6AA}
.cotm-p{margin-top:18px;font-size:clamp(18px,1.6vw,20px);line-height:1.55;color:#E9E5DE;max-width:520px}
.cotm-note{margin-top:22px;font-size:14px;color:#BDB6AA}
.cotm-note a{color:#fff}
.cotm .btn.ghost.light{border-color:#fff;color:#fff}
.cotm .btn.ghost.light:hover{background:#fff;color:var(--ink)}
.cotm-pics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cotm-pics figure{margin:0;position:relative}
.cotm-pics img{width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;border-radius:12px}
.cotm-pics figcaption{position:absolute;left:12px;bottom:12px;background:rgba(23,21,15,.82);color:#fff;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;border-radius:999px}
@media (max-width:860px){.cotm-in{grid-template-columns:minmax(0,1fr)}.cotm-pics{order:2}}

/* hobby filter (text tabs, not chips) */
.filt{margin-top:28px;display:flex;flex-wrap:wrap;gap:6px 26px;border-bottom:1px solid var(--line)}
.filt button{all:unset;cursor:pointer;padding:10px 0 12px;font-weight:600;font-size:15.5px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .4s ease,border-color .4s ease}
.filt button:hover{color:var(--ink)}
.filt button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--accent)}
.filt button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tile[hidden]{display:none}
/* 16:9 video tiles */
.grid .thumb{aspect-ratio:16/9;border-radius:12px}
.thumb .pbtn{position:absolute;right:10px;bottom:10px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;opacity:.92;transition:transform .5s ease}
.thumb .pbtn svg{width:18px;height:18px}
.tile:hover .pbtn{transform:scale(1.08)}
.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:34px 24px}
@media (max-width:640px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;margin-left:0;margin-right:0;padding:0;gap:24px 14px}
  .tile{gap:10px}
  .tile .h{font-size:11px}
  .tile .t{font-size:16px;line-height:1.2}
  .tile .c{font-size:13px;margin-top:4px}
  .thumb .pbtn{width:32px;height:32px;right:8px;bottom:8px}
  .thumb .pbtn svg{width:14px;height:14px}
  .filt{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:calc(var(--pad)*-1);margin-right:calc(var(--pad)*-1);padding:0 var(--pad);gap:22px}
  .filt::-webkit-scrollbar{display:none}
  .filt button{white-space:nowrap;flex:none}
}
.rel img{width:96px;height:54px}
/* manuals index */
.mlist{border-top:2px solid var(--ink)}
.mlist a{display:grid;grid-template-columns:96px 72px minmax(0,1fr) auto 24px;gap:8px 24px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .5s ease}
.mlist a:hover{padding-left:10px}
.mlist .mc{display:block;width:96px;aspect-ratio:96/60;background:#FAF9F7;border:1px solid var(--line);border-radius:4px;padding:6px}
.mlist .mc svg{width:100%;height:100%}
.mlist .no{font-family:var(--head);font-weight:700;font-size:15px;color:var(--accent-t)}
.mlist .nm b{display:block;font-family:var(--head);font-size:clamp(20px,2vw,26px);letter-spacing:-.02em;line-height:1.1}
.mlist .nm span{display:block;margin-top:2px;color:var(--ink2);font-size:15.5px}
.mlist .pr{font-weight:700}
@media (max-width:640px){.mlist a{grid-template-columns:76px minmax(0,1fr) 20px;gap:2px 14px}.mlist .mc{width:76px;grid-row:1/4}.mlist .no{grid-column:2;font-size:13px}.mlist .nm{grid-column:2}.mlist .pr{grid-column:2;font-size:14px;color:var(--muted)}.mlist .arrow{grid-column:3;grid-row:1/4}}

/* "we make manuals, not trained professionals" lines */
.notpro{margin-top:6px;max-width:760px;font-size:13.5px;line-height:1.45}
.notpro-c{margin-top:22px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;line-height:1.45;color:var(--ink2)}
.notpro-c strong{color:var(--ink)}
.buynote{margin-top:6px;text-align:center;font-size:13px;line-height:1.4}
@media print{.notpro-c{margin-top:12px;font-size:11.5px}.cover .cv{margin-top:24px}}

/* claim line under every video */
.claim{margin-top:10px;font-size:14px;color:var(--muted)}
.claim a{color:var(--ink);font-weight:600;text-underline-offset:3px}

/* creators: pitch */
.cr-hero .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,5vw,72px);align-items:center;padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(48px,6vw,80px)}
.cr-hero h1{margin-top:16px;font-size:clamp(38px,5.4vw,68px)}
.cr-hero .lede{margin-top:22px}
.cr-earn{border-top:2px solid var(--ink)}
.cr-earn>div{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.cr-earn small{grid-column:1/-1;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cr-earn b{font-family:var(--head);font-size:clamp(48px,6vw,72px);line-height:1;letter-spacing:-.04em;color:var(--accent-t)}
.cr-earn span{align-self:center;color:var(--ink2)}
.cr-earn p{margin-top:14px}
@media (max-width:900px){.cr-hero .wrap{grid-template-columns:minmax(0,1fr)}}
.steps.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px) and (min-width:761px){.steps.four{grid-template-columns:repeat(2,minmax(0,1fr))}.steps.four>div:nth-child(3){padding-left:0;border-left:0}.steps.four>div:nth-child(n+3){border-top:1px solid var(--line)}}
.rows.tight{margin-top:0}
.rows .rw{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:6px 28px;padding:20px 0;border-bottom:1px solid var(--line)}
.rows .rw b{font-family:var(--head);font-size:20px;letter-spacing:-.015em;line-height:1.2}
.rows .rw span{color:var(--ink2)}
@media (max-width:760px){.rows .rw{grid-template-columns:minmax(0,1fr)}}
.cr-mock{border:1.5px solid var(--ink);border-radius:16px;padding:20px;background:#fff;box-shadow:0 18px 40px rgba(23,21,15,.10)}
.cr-mock .m-top{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-bottom:12px;border-bottom:1px solid var(--line)}
.cr-mock .m-top .logo{font-size:20px;letter-spacing:-.03em;text-transform:none}
.cr-mock .m-top .logo i{width:6px;height:6px}
.cr-mock .m-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.cr-mock .m-nums small{display:block;font-size:11px;color:var(--muted)}
.cr-mock .m-nums b{font-family:var(--head);font-size:clamp(18px,2.2vw,26px);letter-spacing:-.02em}
.cr-mock .m-bars{height:80px;display:flex;align-items:flex-end;gap:4px;margin:16px 0 8px;border-bottom:1px solid var(--line)}
.cr-mock .m-bars i{flex:1;background:var(--accent);border-radius:2px 2px 0 0}
.cr-mock .m-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink2)}
.cr-mock .m-note{margin-top:10px;font-size:12px;color:var(--muted);text-align:right}

/* creators: application */
.cr-app{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
@media (max-width:900px){.cr-app{grid-template-columns:minmax(0,1fr)}}
.ca{border:1.5px solid var(--ink);border-radius:16px;padding:clamp(20px,4vw,36px);background:#fff;max-width:720px}
.ca-bar{height:4px;background:var(--line);border-radius:2px;overflow:hidden}
.ca-bar i{display:block;height:100%;background:var(--accent);transition:width .6s ease}
.ca-q{margin-top:12px}
.ca fieldset{border:0;margin:0;padding:0}
.ca legend{padding:0;margin-top:14px;font-family:var(--head);font-weight:700;font-size:clamp(26px,3vw,34px);letter-spacing:-.02em;line-height:1.1}
.ca fieldset>p{margin-top:12px;color:var(--ink2)}
.ca .btn.g{margin-top:20px;background:#fff;color:var(--ink);border-color:var(--line2)}
.ca .btn.g:hover{border-color:var(--ink)}
.ca-l{display:block;margin-top:18px;font-weight:600;font-size:15px}
.ca input:not([type=checkbox]),.ca select{display:block;width:100%;margin-top:8px;min-height:50px;padding:0 14px;border:1.5px solid var(--line2);border-radius:10px;font:inherit;font-size:16px;background:#fff;color:var(--ink)}
.ca input:focus,.ca select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(242,107,29,.18)}
.ca-ok{margin-top:16px;padding:14px 16px;background:var(--panel);border-radius:10px;font-size:15px}
.ca-ok .small{display:block;margin-top:6px}
.ca-opts{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.ca-opts button{all:unset;cursor:pointer;padding:12px 18px;border:1.5px solid var(--line2);border-radius:10px;font-weight:600;transition:border-color .4s ease,background .4s ease}
.ca-opts button:hover{border-color:var(--ink)}
.ca-opts button[aria-pressed="true"]{border-color:var(--accent);background:#FFF4EC}
.ca-opts button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ca-opts.col{flex-direction:column}
.ca-opts.col button{display:block}
.ca-opts.col b{display:block}
.ca-opts.col span{display:block;margin-top:2px;font-weight:400;font-size:14.5px;color:var(--ink2)}
.ca-c{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer}
.ca-c:first-of-type{margin-top:12px;border-top:1px solid var(--line)}
.ca-c input{width:20px;height:20px;margin-top:2px;accent-color:var(--accent);flex:none}
.ca-nav{display:flex;justify-content:space-between;gap:12px;margin-top:28px}
.ca-nav [data-next]{margin-left:auto}
.ca-nav .btn:disabled{opacity:.45;cursor:not-allowed}
.ca-err{margin-top:10px;color:var(--warn)}
.ca-err:empty{display:none}
.ca-done h2{font-size:clamp(28px,3.4vw,40px)}
.ca-link{display:flex;gap:10px;align-items:center;margin-top:12px;padding:10px 10px 10px 14px;border:1.5px solid var(--line2);border-radius:10px;background:var(--panel)}
.ca-link code{flex:1;min-width:0;font-size:13.5px;line-height:1.4;word-break:break-all;font-family:ui-monospace,Menlo,monospace}
.ca-link .btn{min-height:40px;padding:0 14px;font-size:14px;flex:none;background:#fff}
.ca-side{border-top:2px solid var(--ink);padding-top:16px}
.ca-side ul{list-style:none;margin:12px 0 0;padding:0}
.ca-side li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line);font-size:15.5px}
.ca-side li svg{flex:none;margin-top:3px}

/* creators: dashboard */
.cd-top{border-bottom:1px solid var(--line)}
.cd-top .wrap{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 32px;padding-top:36px;padding-bottom:28px}
.cd-top h1{margin-top:10px;font-size:clamp(34px,4.6vw,56px)}
.cd-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.cd-nums>div{padding:18px 20px 18px 0}
.cd-nums>div+div{padding-left:20px;border-left:1px solid var(--line)}
.cd-nums small{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.cd-nums b{display:block;margin-top:6px;font-family:var(--head);font-size:clamp(28px,3.4vw,42px);letter-spacing:-.03em;line-height:1}
@media (max-width:760px){.cd-nums{grid-template-columns:repeat(2,minmax(0,1fr))}.cd-nums>div,.cd-nums>div+div{padding:14px 12px 14px 0;border-left:0;border-bottom:1px solid var(--line)}.cd-nums>div:nth-child(even){padding-left:12px;border-left:1px solid var(--line)}.cd-nums>div:nth-last-child(-n+2){border-bottom:0}}
.cd-grid{margin-top:36px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:start}
@media (max-width:900px){.cd-grid{grid-template-columns:minmax(0,1fr)}}
.cd-h{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-family:var(--body)}
.cd-chart{margin-top:12px}
.cd-chart .bars{height:180px;display:flex;align-items:flex-end;gap:3px;border-bottom:1.5px solid var(--ink)}
.cd-chart .bars i{flex:1;background:var(--accent);border-radius:2px 2px 0 0;min-height:2px}
.cd-chart .ax{display:flex;justify-content:space-between;margin-top:6px;font-size:12.5px;color:var(--muted)}
.cd-tbl{margin-top:10px;border-top:1.5px solid var(--ink)}
.cd-tbl .r{display:grid;grid-template-columns:70px minmax(0,1fr) auto auto;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;align-items:baseline}
.cd-tbl .r span{color:var(--ink2)}
.cd-tbl .r b{text-align:right}
[data-payouts] .r{grid-template-columns:70px minmax(0,1fr) auto}
.cd-tbl p{padding:12px 0}
.cd-page{margin-top:10px;border-top:1.5px solid var(--ink);padding-top:12px}
.cd-page p+p{margin-top:8px}
@media (max-width:760px){.steps.four{grid-template-columns:minmax(0,1fr)}}
[hidden]{display:none!important}

/* ---------- full manual (src/fullmanual.js) ---------- */
.ph3{margin-top:24px;font-family:var(--head);font-weight:700;font-size:clamp(24px,4vw,30px);letter-spacing:-.02em}
.fm-p{margin-top:10px;font-size:15px;line-height:1.5;color:var(--ink2)}
.fm-p .gk{font-size:13.5px}.fm-p .gk b{color:var(--accent-t)}
.fm-fig{margin:14px 0 0}
.fm-fig svg{display:block;margin:0 auto}
.fm-fig figcaption{margin-top:8px;font-size:13.5px;line-height:1.45;color:var(--ink2)}
.fm-rows{margin-top:8px;border-top:1.5px solid var(--ink)}
.fm-rows div{padding:8px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.42}
.fm-rows span{color:var(--ink2)}
.fm-rows.c2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
.fm-table{margin-top:8px;overflow-x:auto}
.fm-table table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.38}
.fm-table th,.fm-table td{text-align:left;vertical-align:top;padding:8px 12px 8px 0;border-bottom:1px solid var(--line)}
.fm-table thead th{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1.5px solid var(--ink)}
.fm-table tbody th{font-weight:700;color:var(--ink)}
.fm-table td{color:var(--ink2)}
.fm-table.log td,.fm-table.log th{height:34px}
.fm-check{list-style:none;margin:8px 0 0;padding:0;border-top:1.5px solid var(--ink)}
.fm-check li{display:flex;gap:12px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.4;color:var(--ink2)}
.fm-check li strong{color:var(--ink)}
.fm-check .box{flex:none;width:16px;height:16px;margin-top:2px;border:1.5px solid var(--ink);border-radius:3px}
.fm-check.c2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
.fm-two{margin-top:6px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;align-items:start}
.fm-icons{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.fm-icons svg{width:100%;max-width:150px;display:block;background:#FAF9F7;border:1px solid var(--line);border-radius:4px}
.fm-icons strong{display:block;margin-top:8px;font-size:15px}
.fm-icons span{display:block;margin-top:2px;font-size:13.5px;line-height:1.4;color:var(--ink2)}
.fm-dd{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.fm-dd .hd{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding-bottom:6px;border-bottom:1.5px solid var(--ink)}
.fm-dd .hd.do{color:var(--ink)}.fm-dd .hd.dont{color:var(--warn)}
.fm-dd ul{list-style:none;margin:0;padding:0}
.fm-dd li{padding:7px 0 7px 18px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.4;color:var(--ink2);position:relative}
.fm-dd li::before{content:"";position:absolute;left:2px;top:13px;width:7px;height:7px;border-radius:50%;background:var(--ink)}
.fm-dd div:last-child li::before{border-radius:0;background:none;width:9px;height:2px;top:15px;background:var(--warn)}
.fm-grit{list-style:none;margin:10px 0 6px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.fm-grit li{background:var(--panel);padding:10px 10px 12px;border-top:3px solid var(--accent)}
.fm-grit li:nth-child(n+2){border-top-color:#F59C66}.fm-grit li:nth-child(n+3){border-top-color:#F8BE99}.fm-grit li:nth-child(n+4){border-top-color:#FBDBC6}.fm-grit li:nth-child(n+5){border-top-color:var(--line2)}
.fm-grit b{display:block;font-family:var(--head);font-size:24px;letter-spacing:-.02em}
.fm-grit span{display:block;font-size:12.5px;line-height:1.35;color:var(--ink2)}
.fm-toc{list-style:none;margin:8px 0 0;padding:0;border-top:1.5px solid var(--ink);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
.fm-toc a{display:flex;gap:12px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line);text-decoration:none}
.fm-toc b{flex:none;width:26px;font-family:var(--head);font-size:17px;color:var(--accent-t)}
.fm-toc span{flex:1;min-width:0}
.fm-toc strong{display:block;font-size:15px;line-height:1.25}
.fm-toc em{display:block;font-style:normal;font-size:12.5px;color:var(--muted);line-height:1.3}
.fm-toc i{font-style:normal;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.fm-gloss{margin:8px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;border-top:1.5px solid var(--ink)}
.fm-gloss div{padding:8px 0;border-bottom:1px solid var(--line)}
.fm-gloss dt{font-weight:700;font-size:14.5px}
.fm-gloss dd{margin:2px 0 0;font-size:13.5px;line-height:1.4;color:var(--ink2)}
.bowl.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cover .cv div{padding:16px 16px 0 0}
.cover .cv div+div{padding-left:16px;border-left:1px solid var(--line)}
.cover .cv div b{display:block;font-family:var(--head);font-size:28px;color:var(--accent);line-height:1}
.cover .cv div strong{display:block;margin-top:6px}
.cover .cv div span{font-size:14px;color:var(--muted)}
@media (max-width:620px){
  .fm-two,.fm-dd,.fm-toc,.fm-gloss,.fm-rows.c2,.fm-check.c2{grid-template-columns:minmax(0,1fr)}
  .fm-icons{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .fm-grit{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fm-table table{font-size:13px}
  .cover .cv div,.cover .cv div+div{padding:14px 0;border-left:0;border-bottom:1px solid var(--line)}
}
@media print{
  .fm-two,.fm-dd,.fm-gloss,.fm-toc,.fm-rows.c2,.fm-check.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fm-grit{grid-template-columns:repeat(5,minmax(0,1fr))}
  .fm-rows div,.fm-check li,.fm-gloss div,.fm-toc a{padding:6px 0}
  .fm-table th,.fm-table td{padding:6px 10px 6px 0}
  .fm-p{font-size:14px}
  .fm-table table{font-size:13px}
  .ph3{margin-top:18px}
}
.fm-two.w{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.fm-num{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;border-top:1.5px solid var(--ink)}
.fm-num li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.42;color:var(--ink2)}
.fm-num b{flex:none;width:40px;font-family:var(--head);font-size:34px;line-height:.9;letter-spacing:-.03em;color:var(--accent)}
.fm-num strong{display:block;color:var(--ink);font-size:15.5px;margin-bottom:2px}
@media (max-width:620px){.fm-two.w,.fm-num{grid-template-columns:minmax(0,1fr)}}
@media print{.fm-two.w{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.fm-num{grid-template-columns:repeat(2,minmax(0,1fr))}.fm-num li{padding:14px 0}}

/* ---- locked sample manual pages (Oct 25 2026): titles stay, content is blurred ---- */
.locked{position:relative;margin-top:4px}
.lockbody{filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.9}
.lockcard{position:absolute;left:50%;top:clamp(60px,14%,140px);transform:translateX(-50%);width:min(380px,calc(100% - 16px));background:#fff;border:1px solid var(--line2);border-radius:16px;box-shadow:0 18px 50px rgba(23,21,15,.16);padding:26px 24px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.lockcard .lk{width:46px;height:46px;border-radius:50%;background:var(--panel);color:var(--accent-t);display:grid;place-items:center;margin-bottom:6px}
.lockcard b{font-family:var(--head);font-size:22px;line-height:1.15;letter-spacing:-.02em}
.lockcard>span:not(.lk){font-size:15px;color:var(--ink2)}
.lockcard .btn{margin-top:12px;width:100%}
@media (max-width:560px){.lockcard{padding:22px 18px 20px}.lockcard b{font-size:20px}.lockbody{filter:blur(4px)}}

/* ---- "get the manual" window: checkout opens at launch ---- */
.getdlg{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:rgba(23,21,15,.55);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s .35s}
.getdlg.on{opacity:1;visibility:visible;transition:opacity .35s ease}
.getdlg .box{width:min(440px,100%);background:#fff;border-radius:18px;padding:30px 26px 26px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.3)}
.getdlg .x{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:0;background:var(--panel);font-size:22px;line-height:1;cursor:pointer;color:var(--ink)}
.getdlg .k{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-t)}
.getdlg h3{margin-top:8px;font-size:28px;line-height:1.08}
.getdlg .pr{margin-top:14px;font-family:var(--head);font-weight:700;font-size:40px;letter-spacing:-.03em}
.getdlg p{margin-top:10px;color:var(--ink2);font-size:16px}
.getdlg .btn{width:100%;margin-top:18px}

/* full manual on phones (Oct 25 2026): gear cards side by side as icon + words, Do / Don't with room between */
@media (max-width:560px){
  .fm-icons{grid-template-columns:minmax(0,1fr);gap:14px}
  .fm-icons>div{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:14px;align-items:start}
  .fm-icons>div svg{grid-row:1/3}
  .fm-icons strong{margin-top:2px}
  .fm-dd{grid-template-columns:minmax(0,1fr);gap:22px}
}
/* 404 (Oct 25 2026): a real page of the site, the big number with the logo's orange dot */
.nf{padding:clamp(48px,9vw,110px) 0 clamp(60px,9vw,110px)}
.nf-n{font-family:var(--head);font-weight:700;font-size:clamp(110px,20vw,230px);line-height:.85;letter-spacing:-.06em;display:flex;align-items:flex-end;gap:.04em}
.nf-n i{display:block;width:.17em;height:.17em;border-radius:.035em;background:var(--accent);margin-bottom:.02em}
.nf h1{margin-top:28px;font-size:clamp(34px,5vw,60px)}
.nf .lede{margin-top:16px}
.nf-rows{margin-top:48px;max-width:980px}

/* the leap: made by build.js from brand/leap-core.js */
@keyframes pk-leap{0%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}1.25%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}2.5%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}3.75%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}5%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}6.25%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}7.5%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}8.75%{transform:translate(-0.4668em,-0.7051em) translateY(-0.1428em) rotate(2.13deg) translateY(0.1428em) scale(1.000,1.000)}10%{transform:translate(-0.4657em,-0.7051em) translateY(-0.1428em) rotate(3.77deg) translateY(0.1428em) scale(1.000,1.000)}11.25%{transform:translate(-0.4648em,-0.7051em) translateY(-0.1428em) rotate(5.00deg) translateY(0.1428em) scale(1.000,1.000)}12.5%{transform:translate(-0.4642em,-0.7051em) translateY(-0.1428em) rotate(5.86deg) translateY(0.1428em) scale(1.000,1.000)}13.75%{transform:translate(-0.4638em,-0.7051em) translateY(-0.1428em) rotate(6.44deg) translateY(0.1428em) scale(1.000,1.000)}15%{transform:translate(-0.4636em,-0.7051em) translateY(-0.1428em) rotate(6.77deg) translateY(0.1428em) scale(1.000,1.000)}16.25%{transform:translate(-0.4634em,-0.7051em) translateY(-0.1428em) rotate(6.94deg) translateY(0.1428em) scale(1.000,1.000)}17.5%{transform:translate(-0.4634em,-0.7051em) translateY(-0.1428em) rotate(6.99deg) translateY(0.1428em) scale(1.000,1.000)}18.75%{transform:translate(-0.4634em,-0.7051em) translateY(-0.1428em) rotate(6.95deg) translateY(0.1428em) scale(1.000,1.000)}20%{transform:translate(-0.4626em,-0.7051em) translateY(-0.1428em) rotate(7.35deg) translateY(0.1428em) scale(1.000,1.000)}21.25%{transform:translate(-0.4614em,-0.7051em) translateY(-0.1428em) rotate(8.06deg) translateY(0.1428em) scale(1.000,1.000)}22.5%{transform:translate(-0.4616em,-0.7051em) translateY(-0.1428em) rotate(7.68deg) translateY(0.1428em) scale(1.000,1.000)}23.75%{transform:translate(-0.4642em,-0.7051em) translateY(-0.1428em) rotate(5.54deg) translateY(0.1428em) scale(1.000,1.000)}25%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(2.40deg) translateY(0.1428em) scale(1.000,1.000)}26.25%{transform:translate(-0.4713em,-0.7051em) translateY(-0.1428em) rotate(0.02deg) translateY(0.1428em) scale(1.000,1.000)}27.5%{transform:translate(-0.4711em,-0.7051em) translateY(-0.1428em) rotate(-0.06deg) translateY(0.1428em) scale(1.000,1.000)}28.75%{transform:translate(-0.4677em,-0.7051em) translateY(-0.1428em) rotate(2.23deg) translateY(0.1428em) scale(1.000,1.000)}30%{transform:translate(-0.4631em,-0.7051em) translateY(-0.1428em) rotate(5.37deg) translateY(0.1428em) scale(1.000,1.000)}31.25%{transform:translate(-0.4603em,-0.7051em) translateY(-0.1428em) rotate(7.26deg) translateY(0.1428em) scale(1.000,1.000)}32.5%{transform:translate(-0.4608em,-0.7051em) translateY(-0.1428em) rotate(6.65deg) translateY(0.1428em) scale(1.000,1.000)}33.75%{transform:translate(-0.4642em,-0.7051em) translateY(-0.1428em) rotate(3.97deg) translateY(0.1428em) scale(1.000,1.000)}35%{transform:translate(-0.4681em,-0.7051em) translateY(-0.1428em) rotate(0.90deg) translateY(0.1428em) scale(1.000,1.000)}36.25%{transform:translate(-0.4703em,-0.7051em) translateY(-0.1428em) rotate(-0.90deg) translateY(0.1428em) scale(1.000,1.000)}37.5%{transform:translate(-0.4701em,-0.7051em) translateY(-0.1428em) rotate(-0.96deg) translateY(0.1428em) scale(1.000,1.000)}38.75%{transform:translate(-0.4688em,-0.7051em) translateY(-0.1428em) rotate(-0.20deg) translateY(0.1428em) scale(1.000,1.000)}40%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}41.25%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(-1.75deg) translateY(0.1428em) scale(1.088,0.851)}42.5%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(-2.90deg) translateY(0.1428em) scale(1.145,0.754)}43.75%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(-3.57deg) translateY(0.1428em) scale(1.178,0.697)}45%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(-3.89deg) translateY(0.1428em) scale(1.195,0.669)}46.25%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(-3.99deg) translateY(0.1428em) scale(1.200,0.661)}47.5%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(-4.00deg) translateY(0.1428em) scale(1.200,0.660)}48.75%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(-4.00deg) translateY(0.1428em) scale(1.200,0.660)}50%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(-3.23deg) translateY(0.1428em) scale(1.174,0.705)}51.25%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(0.62deg) translateY(0.1428em) scale(1.043,0.928)}52.5%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(4.46deg) translateY(0.1428em) scale(0.912,1.151)}53.75%{transform:translate(-0.4319em,-0.77em) translateY(-0.1428em) rotate(7.45deg) translateY(0.1428em) scale(0.879,1.208)}55%{transform:translate(-0.3766em,-0.8581em) translateY(-0.1428em) rotate(6.55deg) translateY(0.1428em) scale(0.910,1.154)}56.25%{transform:translate(-0.3276em,-0.9235em) translateY(-0.1428em) rotate(5.71deg) translateY(0.1428em) scale(0.941,1.101)}57.5%{transform:translate(-0.2845em,-0.9689em) translateY(-0.1428em) rotate(4.91deg) translateY(0.1428em) scale(0.973,1.047)}58.75%{transform:translate(-0.2469em,-0.9971em) translateY(-0.1428em) rotate(4.17deg) translateY(0.1428em) scale(1.000,1.000)}60%{transform:translate(-0.2145em,-1.0108em) translateY(-0.1428em) rotate(3.47deg) translateY(0.1428em) scale(1.000,1.000)}61.25%{transform:translate(-0.1868em,-1.0129em) translateY(-0.1428em) rotate(2.84deg) translateY(0.1428em) scale(1.000,1.000)}62.5%{transform:translate(-0.1636em,-1.0064em) translateY(-0.1428em) rotate(2.28deg) translateY(0.1428em) scale(1.000,1.000)}63.75%{transform:translate(-0.1447em,-0.9942em) translateY(-0.1428em) rotate(1.78deg) translateY(0.1428em) scale(1.000,1.000)}65%{transform:translate(-0.1301em,-0.9796em) translateY(-0.1428em) rotate(1.38deg) translateY(0.1428em) scale(1.000,1.000)}66.25%{transform:translate(-0.12em,-0.9666em) translateY(-0.1428em) rotate(1.09deg) translateY(0.1428em) scale(1.000,1.000)}67.5%{transform:translate(-0.1155em,-0.96em) translateY(-0.1428em) rotate(0.95deg) translateY(0.1428em) scale(1.000,1.000)}68.75%{transform:translate(-0.107em,-0.9456em) translateY(-0.1428em) rotate(0.69deg) translateY(0.1428em) scale(1.000,1.000)}70%{transform:translate(-0.095em,-0.9214em) translateY(-0.1428em) rotate(0.31deg) translateY(0.1428em) scale(1.000,1.000)}71.25%{transform:translate(-0.0812em,-0.8863em) translateY(-0.1428em) rotate(-0.17deg) translateY(0.1428em) scale(1.000,1.000)}72.5%{transform:translate(-0.0665em,-0.8386em) translateY(-0.1428em) rotate(-0.72deg) translateY(0.1428em) scale(1.000,1.000)}73.75%{transform:translate(-0.0518em,-0.776em) translateY(-0.1428em) rotate(-1.34deg) translateY(0.1428em) scale(1.000,1.000)}75%{transform:translate(-0.0378em,-0.6963em) translateY(-0.1428em) rotate(-2.02deg) translateY(0.1428em) scale(1.000,1.000)}76.25%{transform:translate(-0.0251em,-0.5971em) translateY(-0.1428em) rotate(-2.60deg) translateY(0.1428em) scale(0.996,1.007)}77.5%{transform:translate(-0.0144em,-0.4761em) translateY(-0.1428em) rotate(-2.46deg) translateY(0.1428em) scale(0.979,1.037)}78.75%{transform:translate(-0.0063em,-0.3308em) translateY(-0.1428em) rotate(-1.96deg) translateY(0.1428em) scale(0.961,1.066)}80%{transform:translate(-0.0013em,-0.1587em) translateY(-0.1428em) rotate(-1.04deg) translateY(0.1428em) scale(0.944,1.096)}81.25%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.015,0.979)}82.5%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.086,0.877)}83.75%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.146,0.791)}85%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.189,0.730)}86.25%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.209,0.701)}87.5%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(0.980,1.029)}88.75%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(0.961,1.056)}90%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(0.960,1.057)}91.25%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(0.979,1.030)}92.5%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.003,0.996)}93.75%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.010,0.985)}95%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.004,0.994)}96.25%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}97.5%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}98.75%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}100%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}}@keyframes pk-leap2{0%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}1.25%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}2.5%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}3.75%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}5%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}6.25%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}7.5%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}8.75%{transform:translate(-0.4668em,-0.7051em) translateY(-0.1428em) rotate(2.13deg) translateY(0.1428em) scale(1.000,1.000)}10%{transform:translate(-0.4657em,-0.7051em) translateY(-0.1428em) rotate(3.77deg) translateY(0.1428em) scale(1.000,1.000)}11.25%{transform:translate(-0.4648em,-0.7051em) translateY(-0.1428em) rotate(5.00deg) translateY(0.1428em) scale(1.000,1.000)}12.5%{transform:translate(-0.4642em,-0.7051em) translateY(-0.1428em) rotate(5.86deg) translateY(0.1428em) scale(1.000,1.000)}13.75%{transform:translate(-0.4638em,-0.7051em) translateY(-0.1428em) rotate(6.44deg) translateY(0.1428em) scale(1.000,1.000)}15%{transform:translate(-0.4636em,-0.7051em) translateY(-0.1428em) rotate(6.77deg) translateY(0.1428em) scale(1.000,1.000)}16.25%{transform:translate(-0.4634em,-0.7051em) translateY(-0.1428em) rotate(6.94deg) translateY(0.1428em) scale(1.000,1.000)}17.5%{transform:translate(-0.4634em,-0.7051em) translateY(-0.1428em) rotate(6.99deg) translateY(0.1428em) scale(1.000,1.000)}18.75%{transform:translate(-0.4634em,-0.7051em) translateY(-0.1428em) rotate(6.95deg) translateY(0.1428em) scale(1.000,1.000)}20%{transform:translate(-0.4626em,-0.7051em) translateY(-0.1428em) rotate(7.35deg) translateY(0.1428em) scale(1.000,1.000)}21.25%{transform:translate(-0.4614em,-0.7051em) translateY(-0.1428em) rotate(8.06deg) translateY(0.1428em) scale(1.000,1.000)}22.5%{transform:translate(-0.4616em,-0.7051em) translateY(-0.1428em) rotate(7.68deg) translateY(0.1428em) scale(1.000,1.000)}23.75%{transform:translate(-0.4642em,-0.7051em) translateY(-0.1428em) rotate(5.54deg) translateY(0.1428em) scale(1.000,1.000)}25%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(2.40deg) translateY(0.1428em) scale(1.000,1.000)}26.25%{transform:translate(-0.4713em,-0.7051em) translateY(-0.1428em) rotate(0.02deg) translateY(0.1428em) scale(1.000,1.000)}27.5%{transform:translate(-0.4711em,-0.7051em) translateY(-0.1428em) rotate(-0.06deg) translateY(0.1428em) scale(1.000,1.000)}28.75%{transform:translate(-0.4677em,-0.7051em) translateY(-0.1428em) rotate(2.23deg) translateY(0.1428em) scale(1.000,1.000)}30%{transform:translate(-0.4631em,-0.7051em) translateY(-0.1428em) rotate(5.37deg) translateY(0.1428em) scale(1.000,1.000)}31.25%{transform:translate(-0.4603em,-0.7051em) translateY(-0.1428em) rotate(7.26deg) translateY(0.1428em) scale(1.000,1.000)}32.5%{transform:translate(-0.4608em,-0.7051em) translateY(-0.1428em) rotate(6.65deg) translateY(0.1428em) scale(1.000,1.000)}33.75%{transform:translate(-0.4642em,-0.7051em) translateY(-0.1428em) rotate(3.97deg) translateY(0.1428em) scale(1.000,1.000)}35%{transform:translate(-0.4681em,-0.7051em) translateY(-0.1428em) rotate(0.90deg) translateY(0.1428em) scale(1.000,1.000)}36.25%{transform:translate(-0.4703em,-0.7051em) translateY(-0.1428em) rotate(-0.90deg) translateY(0.1428em) scale(1.000,1.000)}37.5%{transform:translate(-0.4701em,-0.7051em) translateY(-0.1428em) rotate(-0.96deg) translateY(0.1428em) scale(1.000,1.000)}38.75%{transform:translate(-0.4688em,-0.7051em) translateY(-0.1428em) rotate(-0.20deg) translateY(0.1428em) scale(1.000,1.000)}40%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}41.25%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(-1.75deg) translateY(0.1428em) scale(1.088,0.851)}42.5%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(-2.90deg) translateY(0.1428em) scale(1.145,0.754)}43.75%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(-3.57deg) translateY(0.1428em) scale(1.178,0.697)}45%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(-3.89deg) translateY(0.1428em) scale(1.195,0.669)}46.25%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(-3.99deg) translateY(0.1428em) scale(1.200,0.661)}47.5%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(-4.00deg) translateY(0.1428em) scale(1.200,0.660)}48.75%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(-4.00deg) translateY(0.1428em) scale(1.200,0.660)}50%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(-3.23deg) translateY(0.1428em) scale(1.174,0.705)}51.25%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(0.62deg) translateY(0.1428em) scale(1.043,0.928)}52.5%{transform:translate(-0.4683em,-0.7051em) translateY(-0.1428em) rotate(4.46deg) translateY(0.1428em) scale(0.912,1.151)}53.75%{transform:translate(-0.4319em,-0.77em) translateY(-0.1428em) rotate(7.45deg) translateY(0.1428em) scale(0.879,1.208)}55%{transform:translate(-0.3766em,-0.8581em) translateY(-0.1428em) rotate(6.55deg) translateY(0.1428em) scale(0.910,1.154)}56.25%{transform:translate(-0.3276em,-0.9235em) translateY(-0.1428em) rotate(5.71deg) translateY(0.1428em) scale(0.941,1.101)}57.5%{transform:translate(-0.2845em,-0.9689em) translateY(-0.1428em) rotate(4.91deg) translateY(0.1428em) scale(0.973,1.047)}58.75%{transform:translate(-0.2469em,-0.9971em) translateY(-0.1428em) rotate(4.17deg) translateY(0.1428em) scale(1.000,1.000)}60%{transform:translate(-0.2145em,-1.0108em) translateY(-0.1428em) rotate(3.47deg) translateY(0.1428em) scale(1.000,1.000)}61.25%{transform:translate(-0.1868em,-1.0129em) translateY(-0.1428em) rotate(2.84deg) translateY(0.1428em) scale(1.000,1.000)}62.5%{transform:translate(-0.1636em,-1.0064em) translateY(-0.1428em) rotate(2.28deg) translateY(0.1428em) scale(1.000,1.000)}63.75%{transform:translate(-0.1447em,-0.9942em) translateY(-0.1428em) rotate(1.78deg) translateY(0.1428em) scale(1.000,1.000)}65%{transform:translate(-0.1301em,-0.9796em) translateY(-0.1428em) rotate(1.38deg) translateY(0.1428em) scale(1.000,1.000)}66.25%{transform:translate(-0.12em,-0.9666em) translateY(-0.1428em) rotate(1.09deg) translateY(0.1428em) scale(1.000,1.000)}67.5%{transform:translate(-0.1155em,-0.96em) translateY(-0.1428em) rotate(0.95deg) translateY(0.1428em) scale(1.000,1.000)}68.75%{transform:translate(-0.107em,-0.9456em) translateY(-0.1428em) rotate(0.69deg) translateY(0.1428em) scale(1.000,1.000)}70%{transform:translate(-0.095em,-0.9214em) translateY(-0.1428em) rotate(0.31deg) translateY(0.1428em) scale(1.000,1.000)}71.25%{transform:translate(-0.0812em,-0.8863em) translateY(-0.1428em) rotate(-0.17deg) translateY(0.1428em) scale(1.000,1.000)}72.5%{transform:translate(-0.0665em,-0.8386em) translateY(-0.1428em) rotate(-0.72deg) translateY(0.1428em) scale(1.000,1.000)}73.75%{transform:translate(-0.0518em,-0.776em) translateY(-0.1428em) rotate(-1.34deg) translateY(0.1428em) scale(1.000,1.000)}75%{transform:translate(-0.0378em,-0.6963em) translateY(-0.1428em) rotate(-2.02deg) translateY(0.1428em) scale(1.000,1.000)}76.25%{transform:translate(-0.0251em,-0.5971em) translateY(-0.1428em) rotate(-2.60deg) translateY(0.1428em) scale(0.996,1.007)}77.5%{transform:translate(-0.0144em,-0.4761em) translateY(-0.1428em) rotate(-2.46deg) translateY(0.1428em) scale(0.979,1.037)}78.75%{transform:translate(-0.0063em,-0.3308em) translateY(-0.1428em) rotate(-1.96deg) translateY(0.1428em) scale(0.961,1.066)}80%{transform:translate(-0.0013em,-0.1587em) translateY(-0.1428em) rotate(-1.04deg) translateY(0.1428em) scale(0.944,1.096)}81.25%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.015,0.979)}82.5%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.086,0.877)}83.75%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.146,0.791)}85%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.189,0.730)}86.25%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.209,0.701)}87.5%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(0.980,1.029)}88.75%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(0.961,1.056)}90%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(0.960,1.057)}91.25%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(0.979,1.030)}92.5%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.003,0.996)}93.75%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.010,0.985)}95%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.004,0.994)}96.25%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}97.5%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}98.75%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}100%{transform:translate(0em,0em) translateY(-0.1428em) rotate(0.00deg) translateY(0.1428em) scale(1.000,1.000)}}
a.logo i{transform-origin:50% 100%;animation:pk-leap 2000ms linear .35s both}
a.logo.lp-wait i{animation-play-state:paused}
a.logo.lp-again i{animation-name:pk-leap2;animation-delay:0s}
@media (prefers-reduced-motion:reduce){a.logo i{animation:none!important}}
@media print{a.logo i{animation:none!important}}

/* ---- store: buy window, library, help, FAQ, contact, Dot (src/store.js) ---- */
input.sr{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;left:0}
.getdlg ul.buyl{list-style:none;margin:14px 0 0;padding:0}.getdlg ul.buyl li{display:flex;gap:10px;align-items:flex-start;padding:6px 0;font-size:15.5px;color:var(--ink2)}
.getdlg .fine{font-size:13px;color:var(--muted);margin-top:12px;text-align:center}.getdlg .err{color:var(--warn);font-size:14.5px}
.getdlg input[type=email],.ctf input,.ctf select,.ctf textarea,.libf input{display:block;width:100%;margin-top:6px;min-height:50px;border:1.5px solid var(--line2);border-radius:12px;padding:12px 14px;font:inherit;font-size:16px;color:var(--ink);background:#fff}
.getdlg input:focus,.ctf input:focus,.ctf select:focus,.ctf textarea:focus,.libf input:focus{outline:none;border-color:var(--ink)}
.lib{margin-top:34px;max-width:760px}.libf{max-width:460px}.libf label{font-weight:600;font-size:15px}
.lib .ok{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-bottom:22px}
.lib .ok b{font-family:var(--head);font-size:22px;letter-spacing:-.02em}
.lrow{display:grid;grid-template-columns:120px minmax(0,1fr);gap:22px;align-items:center;border-top:1px solid var(--line);padding:22px 0}.lrow:last-of-type{border-bottom:1px solid var(--line)}
.lrow .cv{background:var(--panel);border-radius:12px;aspect-ratio:4/3;padding:10px;display:grid;place-items:center}.lrow .cv svg{width:100%;height:100%}
.lrow h3{font-size:clamp(22px,2.4vw,28px)}.lrow .btns{margin-top:12px}.lrow .btns .btn{min-height:46px}
@media (max-width:560px){.lrow{grid-template-columns:84px minmax(0,1fr);gap:14px}.lrow .btns{flex-direction:column;align-items:stretch}}
.two-tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.two-tips h2{font-size:24px}.two-tips p{color:var(--ink2);margin-top:8px}
@media (max-width:860px){.two-tips{grid-template-columns:minmax(0,1fr)}}
.hh{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:30px;align-items:center}.hh-dot{display:grid;place-items:center}.hh-dot .dotc{width:min(280px,70%);height:auto}
@media (max-width:760px){.hh{grid-template-columns:minmax(0,1fr)}.hh-dot{order:-1}.hh-dot .dotc{width:150px}}
.faqwrap{max-width:860px}.fh{font-size:clamp(28px,3.4vw,40px);margin-bottom:10px}
.faqg{margin-top:34px}.faqg h2{font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-t);font-family:var(--body);margin-bottom:6px}
.qa{border-top:1px solid var(--line)}.qa:last-child{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 0;font-family:var(--head);font-weight:700;font-size:clamp(19px,2vw,22px);letter-spacing:-.015em}
.qa summary::-webkit-details-marker{display:none}.qa summary span{font-size:28px;font-weight:400;color:var(--accent-t);transition:transform .35s ease;flex:none}
.qa[open] summary span{transform:rotate(45deg)}.qa p{margin:0 0 20px;color:var(--ink2);max-width:720px}
.ct{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,70px);align-items:start}
@media (max-width:860px){.ct{grid-template-columns:minmax(0,1fr)}}
.ctf{display:grid;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:clamp(20px,3vw,32px)}.ctf label{font-weight:600;font-size:15px}.ctf textarea{resize:vertical;min-height:140px}.ctf .btn{width:100%}
.ctf-err{color:var(--warn);font-size:14.5px;margin:0}.ctf .done b{font-family:var(--head);font-size:26px;letter-spacing:-.02em}
/* Dot */
.dot-dock{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:55;display:flex;align-items:flex-end;gap:0}
.dot-ask{background:var(--ink);color:#fff;border:0;border-radius:14px;font:600 15px/1 var(--body);padding:14px 16px;cursor:pointer;margin-bottom:12px;box-shadow:0 10px 26px rgba(23,21,15,.25)}
.dot-ask:hover{background:var(--accent);color:var(--ink)}
.dot-me{border:0;background:none;padding:0;margin-left:-6px;cursor:pointer;width:74px}
.dotc{display:block;width:100%;height:auto;overflow:visible}
.dot-me .dotc{animation:dotwig 7s ease-in-out 1.2s infinite;transform-origin:50% 90%}
.dotc .arm-l{transform-origin:27px 70px;animation:dotwave 7s ease-in-out 1.2s infinite}
.dotc .eyes{transform-origin:60px 66px;animation:dotblink 4.6s steps(1) infinite}
.dotc.big .arm-l{animation-duration:2.6s}.dotc.big{animation:dothop 2.6s ease-in-out infinite;transform-origin:50% 95%}
@keyframes dotwig{0%,84%,100%{transform:rotate(0)}87%{transform:rotate(-7deg)}90%{transform:rotate(6deg)}93%{transform:rotate(-4deg)}96%{transform:rotate(2deg)}}
@keyframes dotwave{0%,80%,100%{transform:rotate(0)}84%{transform:rotate(-18deg)}88%{transform:rotate(10deg)}92%{transform:rotate(-16deg)}96%{transform:rotate(6deg)}}
@keyframes dotblink{0%,95%,100%{transform:scaleY(1)}96%,98%{transform:scaleY(.12)}}
@keyframes dothop{0%,100%{transform:translateY(0) scale(1,1)}45%{transform:translateY(-10px) scale(.98,1.02)}60%{transform:translateY(0) scale(1.04,.96)}70%{transform:scale(1,1)}}
.dot-pan{position:fixed;right:16px;bottom:calc(110px + env(safe-area-inset-bottom));z-index:56;width:min(380px,calc(100vw - 32px));max-height:min(560px,calc(100vh - 140px));max-height:min(560px,calc(100dvh - 140px));display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 80px rgba(23,21,15,.28);overflow:hidden}
.dot-pan[hidden]{display:none}
.dp-hd{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--panel)}.dp-hd .dotc{width:42px}.dp-hd b{display:block;font-family:var(--head);font-size:18px}.dp-hd span{font-size:12.5px;color:var(--muted)}
.dp-x{margin-left:auto;width:38px;height:38px;border-radius:50%;border:0;background:#fff;font-size:22px;cursor:pointer;color:var(--ink)}
.dp-msgs{flex:1;min-height:0;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.dp-m{max-width:88%;padding:10px 13px;border-radius:14px;font-size:15px;line-height:1.45}.dp-m.bot{background:var(--panel);border-bottom-left-radius:4px}.dp-m.me{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:4px}
.dp-m a{color:var(--accent-t);font-weight:600}.dp-m.typing{color:var(--muted)}
.dp-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 10px}.dp-chips button{border:1.5px solid var(--line2);background:#fff;border-radius:999px;padding:8px 12px;font:600 13.5px var(--body);cursor:pointer;color:var(--ink)}.dp-chips button:hover{border-color:var(--ink)}
.dp-f{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--line)}.dp-f input{flex:1;min-width:0;min-height:46px;border:1.5px solid var(--line2);border-radius:12px;padding:0 12px;font:inherit;font-size:16px}.dp-f .btn{min-height:46px;padding:0 18px}
@media (max-width:560px){.dot-ask{font-size:14px;padding:12px 13px}.dot-me{width:62px}}
@media (prefers-reduced-motion:reduce){.dotc,.dotc *{animation:none!important}}
@media print{.dot-dock,.dot-pan{display:none!important}}
.oo .tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}.oo .tiles div{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}.oo .tiles small{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.oo .tiles b{font-family:var(--head);font-size:30px;letter-spacing:-.03em}
@media (max-width:760px){.oo .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.oo h2{font-size:26px;margin-top:40px}.oo .tbl2{width:100%;border-collapse:collapse;margin-top:12px;font-size:15px}.oo .tbl2 th{text-align:left;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:8px 10px 8px 0;border-bottom:2px solid var(--ink)}.oo .tbl2 td{padding:12px 10px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.oo .scroll{overflow-x:auto}.oo .tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--panel);border:1px solid var(--line2)}.oo .tag.paid{background:#E6F2E6;border-color:#B9D8B9}.oo .tag.ref{background:#FBE7E2;border-color:#EFC2B8}
.oo .mini-btn{border:1.5px solid var(--ink);background:#fff;border-radius:999px;padding:6px 12px;font:600 13px var(--body);cursor:pointer}.oo .mini-btn.warn{border-color:var(--warn);color:var(--warn)}
.oo .note{border-top:1px solid var(--line);padding:16px 0}.oo .note.done{opacity:.55}.oo .note p{margin:6px 0 10px;white-space:pre-wrap}

.foot .bc-row{--bc-ink:#eff3f4}
.bc-row{display:block;font-size:12.5px;line-height:1;text-align:left}
.bc-in{margin-top:24px;padding:20px 0 30px;border-top:1px solid rgba(239,243,244,.14);border-top-color:color-mix(in srgb,currentColor 16%,transparent)}
@media (max-width:760px){.bc-in{margin-top:20px;padding:18px 0 calc(104px + env(safe-area-inset-bottom,0px))}}
.bahlr-credit{display:inline-flex!important;align-items:baseline;flex-wrap:wrap;gap:10px 16px;margin:0;line-height:1;font-size:inherit;letter-spacing:.01em;color:inherit}
.bahlr-credit a{display:inline-flex;align-items:baseline;gap:.34em;padding:0;margin:0;background:none;border:0;color:inherit!important;text-decoration:none!important;font-size:inherit;letter-spacing:inherit;text-transform:none;line-height:1}
.bahlr-credit a>span,.bahlr-credit .bc-staff{opacity:.72;transition:opacity .35s ease}
.bahlr-credit a:hover>span,.bahlr-credit a:hover.bc-staff,.bahlr-credit a:focus-visible>span,.bahlr-credit a.bc-staff:focus-visible{opacity:1}
.bahlr-credit span{display:inline-block!important;margin:0!important}
.bahlr-credit .bc-sep{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.4;align-self:center}
.bahlr-credit svg{display:inline-block;height:1.1em;width:auto;flex:none;overflow:visible}
.bahlr-credit .bc-rec{animation:bcRec 2.4s ease-in-out infinite}
@keyframes bcRec{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.bahlr-credit .bc-rec{animation:none}}