:root{--bg:#FBF8F1;--bg2:#F4EEE1;--surf-a:#FFFFFF;--surf-b:#FCFAF4;--surf2-a:#FAF6EC;--surf2-b:#F4EEE1;--ink:#2C2A26;--muted:#6B655B;--faint:#A29A8C;--amber:#BA7517;--amber-deep:#8F5910;--amber-soft:#F3E7CF;--line:#E8E0D0;--line-strong:#D6CBB5;--up:#2E7D52;--down:#C0492F;--radius:20px;--radius-sm:14px;--shadow:0 1px 2px rgba(44,42,38,.04), 0 8px 28px -12px rgba(44,42,38,.14)}html.dark{--bg:#171511;--bg2:#1E1B16;--surf-a:#211E18;--surf-b:#1B1813;--surf2-a:#231F18;--surf2-b:#1C1914;--ink:#F0EADC;--muted:#B0A795;--faint:#7E7666;--amber:#E0A94B;--amber-deep:#F0C575;--amber-soft:#33291699;--line:#332E25;--line-strong:#48402F;--up:#5FB783;--down:#E08866;--shadow:0 1px 2px rgba(0,0,0,.3), 0 10px 30px -14px rgba(0,0,0,.5)}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:light}html.dark{color-scheme:dark}body{margin:0;color:var(--ink);background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);background-attachment:fixed;font-family:Zen Kaku Gothic New,system-ui,sans-serif;line-height:1.85;-webkit-font-smoothing:antialiased;font-feature-settings:"palt"}.mono{font-family:Roboto Mono,monospace;font-feature-settings:normal}.wrap{max-width:1060px;margin:0 auto;padding:0 22px}a{color:inherit}header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 94%,transparent),color-mix(in srgb,var(--bg) 80%,transparent));backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.hbar{display:flex;align-items:center;justify-content:space-between;height:62px}.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:.01em}.brand .mk{font-family:Shippori Mincho B1,serif;font-size:1.06rem;color:var(--ink)}.brand .tk{font-size:.66rem;font-weight:700;letter-spacing:.06em;color:var(--amber-deep);background:var(--amber-soft);padding:3px 8px;border-radius:999px}html.dark .brand .tk{color:var(--amber)}.hnav{display:flex;align-items:center;gap:18px}.hnav a{font-size:.82rem;color:var(--muted);text-decoration:none;font-weight:500}.hnav a:hover{color:var(--ink)}.tg{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:linear-gradient(160deg,var(--surf-a),var(--surf-b));cursor:pointer;display:grid;place-items:center;color:var(--muted);flex:none}.tg svg{width:18px;height:18px}@media(max-width:560px){.hnav .hl{display:none}}.hero{padding:54px 0 26px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--amber-deep);margin-bottom:18px}html.dark .eyebrow{color:var(--amber)}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px var(--amber-soft)}h1{font-family:Shippori Mincho B1,serif;font-weight:800;font-size:clamp(2.1rem,7.2vw,3.5rem);line-height:1.24;letter-spacing:.01em;margin:0 0 20px}.lede{font-size:clamp(1rem,2.4vw,1.12rem);color:var(--muted);max-width:42em;margin:0}.lede b{color:var(--ink);font-weight:700}.tldr{display:inline-flex;gap:10px;align-items:flex-start;margin-top:24px;padding:13px 17px;border-radius:var(--radius-sm);background:linear-gradient(165deg,var(--amber-soft),color-mix(in srgb,var(--amber-soft) 60%,var(--surf-b)));border:1px solid color-mix(in srgb,var(--amber) 24%,var(--line));max-width:40em}.tldr svg{width:19px;height:19px;color:var(--amber-deep);flex:none;margin-top:2px}html.dark .tldr svg{color:var(--amber)}.tldr p{margin:0;font-size:.9rem;color:var(--ink)}.tldr b{color:var(--amber-deep)}html.dark .tldr b{color:var(--amber)}section{padding:30px 0}.shead{margin-bottom:22px}.snum{font-family:Roboto Mono,monospace;font-size:.74rem;font-weight:700;letter-spacing:.08em;color:var(--amber-deep);display:block;margin-bottom:8px}html.dark .snum{color:var(--amber)}.shead h2{font-family:Shippori Mincho B1,serif;font-size:clamp(1.45rem,4vw,1.95rem);font-weight:700;line-height:1.4;margin:0 0 10px}.shead p{margin:0;color:var(--muted);font-size:.96rem;max-width:44em}.shead p b{color:var(--ink)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:680px){.intro{grid-template-columns:1fr}}.icard{padding:20px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(168deg,var(--surf-a),var(--surf-b));box-shadow:var(--shadow)}.icard h3{font-family:Shippori Mincho B1,serif;font-size:1.05rem;margin:0 0 8px;font-weight:700}.icard p{margin:0;font-size:.92rem;color:var(--muted)}.icard p b{color:var(--ink)}.icard .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--amber-soft);color:var(--amber-deep);margin-bottom:12px}html.dark .icard .ic{color:var(--amber)}.icard .ic svg{width:19px;height:19px}.guide{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:760px){.guide{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.guide{grid-template-columns:1fr}}.gcard{padding:16px;border-radius:var(--radius-sm);border:1px solid var(--line);background:linear-gradient(168deg,var(--surf2-a),var(--surf2-b))}.gcard .gt{font-family:Roboto Mono,monospace;font-weight:700;font-size:.96rem;color:var(--ink)}.gcard .gk{font-size:.72rem;color:var(--faint);font-weight:600;margin:2px 0 9px}.gcard p{margin:0;font-size:.85rem;color:var(--muted);line-height:1.7}.sector{margin-top:30px}.sector:first-child{margin-top:0}.sectlab{display:flex;align-items:center;gap:12px;margin-bottom:14px}.sectlab h3{font-family:Shippori Mincho B1,serif;font-size:1.12rem;margin:0;font-weight:700}.sectlab .ln{flex:1;height:1px;background:var(--line)}.sectlab .cnt{font-size:.72rem;color:var(--faint);font-family:Roboto Mono,monospace}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media(max-width:680px){.cards{grid-template-columns:1fr}}.co{position:relative;display:block;text-decoration:none;overflow:hidden;padding:20px 20px 18px 23px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(168deg,var(--surf-a),var(--surf-b));box-shadow:var(--shadow);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.co:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--accent)}.co.bonus{border-style:dashed;border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.co:hover{transform:translateY(-3px);box-shadow:0 14px 36px -16px #2c2a264d;border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}html.dark .co:hover{box-shadow:0 16px 40px -18px #0009}.co .top{display:flex;align-items:center;gap:12px;margin-bottom:11px}.co .badge{width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,var(--surf-a));color:var(--accent)}html.dark .co .badge{background:color-mix(in srgb,var(--accent) 22%,var(--surf-a))}.co .badge svg{width:22px;height:22px}.co .nm{font-family:Shippori Mincho B1,serif;font-weight:700;font-size:1.18rem;line-height:1.2;color:var(--ink)}.co .code{font-family:Roboto Mono,monospace;font-size:.72rem;font-weight:600;color:var(--faint);margin-top:3px}.co .hook{font-size:.9rem;color:var(--muted);margin:0 0 14px;min-height:2.6em}.co .hook b{color:var(--ink)}.co .foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.co .stat{display:flex;align-items:baseline;gap:7px}.co .stat .v{font-family:Roboto Mono,monospace;font-weight:700;font-size:1.12rem;color:var(--accent)}.co .stat .l{font-size:.72rem;color:var(--faint);font-weight:600}.co .go{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;font-weight:700;color:var(--accent)}.co .go svg{width:15px;height:15px}.crosslink{display:flex;align-items:center;gap:14px;margin-top:30px;padding:18px 22px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(168deg,var(--surf2-a),var(--surf2-b));text-decoration:none;transition:transform .16s ease,border-color .16s ease}.crosslink:hover{transform:translateY(-2px);border-color:var(--amber)}.crosslink .cl-ic{width:44px;height:44px;border-radius:12px;flex:none;display:grid;place-items:center;background:var(--amber-soft);color:var(--amber-deep)}html.dark .crosslink .cl-ic{color:var(--amber)}.crosslink .cl-ic svg{width:23px;height:23px}.crosslink .cl-t{font-family:Shippori Mincho B1,serif;font-weight:700;font-size:1.04rem;color:var(--ink)}.crosslink .cl-d{font-size:.82rem;color:var(--muted);margin-top:2px}.crosslink .cl-go{margin-left:auto;color:var(--amber-deep);font-weight:700;font-size:.85rem;white-space:nowrap}html.dark .crosslink .cl-go{color:var(--amber)}.note{font-size:.82rem;color:var(--faint);margin-top:18px;line-height:1.7}.note b{color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:36px;padding:28px 0 46px;background:linear-gradient(180deg,transparent,var(--bg2))}.disc{font-size:.78rem;color:var(--faint);line-height:1.75;max-width:60em}.disc b{color:var(--muted)}.fmeta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:.74rem;color:var(--faint);font-family:Roboto Mono,monospace}.fmeta a{color:var(--amber-deep);text-decoration:none}html.dark .fmeta a{color:var(--amber)}