:root{--bg:#f8f9fa;--panel:#fff;--ink:#202326;--muted:#535d65;--line:#dce0e3;--grid:#edf0f2;--stub:#f1f3f4;--wide:1180px;--measure:76ch;--wideimg:960px;--r:8px}
body{font-size:16px;line-height:1.7}h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h2{font-size:clamp(1.5rem,2.4vw,2rem)}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #bb3c00;outline-offset:4px}a:hover{text-decoration-thickness:2px}button,input{font:inherit}.skip-link{position:absolute;left:16px;top:-80px;padding:12px;background:var(--panel);z-index:30}.skip-link:focus{top:12px}
.bki-top-in{padding:14px 24px;flex-wrap:nowrap;gap:20px}.bki-logo{flex-shrink:0}.bki-logo span{font-size:11px;line-height:1.4;max-width:95px;color:var(--muted)}.bki-nav a{padding:0 10px;font-weight:600}.bki-nav ul{flex-wrap:nowrap}.bki-nav a[aria-current=page]{background:var(--stub);box-shadow:inset 0 -2px var(--brand)}.menu-toggle{display:none;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:6px;min-height:44px;padding:0 14px;cursor:pointer}
.bki-hero{padding:40px 24px 30px}.bki-hero h1{font-size:clamp(2rem,3.6vw,3.1rem);max-width:28ch}.bki-search{border:1px solid var(--ink);border-radius:6px;width:min(100%,650px)}.bki-search input{padding:13px 16px}.bki-search button{color:#1d170e;padding:0 24px}.bki-search button:hover{color:#fff}.bki-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bki-hero .bki-hint{font-size:.83rem}
.home .bki-hero{position:relative;isolation:isolate;overflow:hidden;padding:44px 40px;margin:22px auto 0;border-radius:10px;background:#3b332c;color:#fff;min-height:380px}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.home .bki-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(37,30,25,.96),rgba(37,30,25,.85) 41%,rgba(37,30,25,.1) 80%);z-index:-1}.home .bki-hero h1{max-width:21ch;font-size:clamp(2.25rem,3.9vw,3.4rem)}.home .bki-hero .bki-lede{max-width:53ch;color:#f4ece4;font-size:1rem}.home .bki-search{max-width:620px;background:#fff;color:#202326;border-color:#fff}.home .bki-search input{color:#202326}.home .bki-hint{color:#eee1d6}.bki-subnav{padding:12px 24px 0}.bki-subnav ul{gap:0}.bki-subnav a{border:0;background:none;border-radius:0;padding:0 16px 0 0;margin-right:16px;font-size:.88rem;font-weight:600}.bki-wall{padding:28px 24px 22px}.bki-wall h2{font-size:1.55rem}.bki-wall-sub{max-width:none!important}.bki-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.bki-tile{border-color:transparent;background:transparent;border-radius:8px}.bki-tile img{border-radius:7px;aspect-ratio:1;object-fit:cover}.bki-tile b{font-size:.9rem;padding:9px 0 0}.bki-tile small,.bki-tile .bki-dest{display:none}.bki-tile:hover{background:var(--panel);border-color:var(--line)}.bki-tile:hover b{text-decoration:underline}.more-shelves{margin-top:12px}.more-shelves summary{cursor:pointer;font-size:.9rem;min-height:44px;padding:8px 0;color:var(--muted);font-weight:600}.more-shelves .bki-grid{margin-top:12px}.bki-sec{padding:34px 24px}.bki-sec+.bki-sec{border-top:1px solid var(--line)}.bki-sec>h2{font-size:clamp(1.55rem,2.5vw,2rem);margin-bottom:14px}.bki-sec p{margin:12px 0}.bki-kicker{display:none}.bki-row{gap:30px;align-items:start}.bki-row figure img{height:auto;object-fit:contain;flex:none}.bki-row figure{align-self:start}.bki-figfull{max-width:960px;margin:24px 0 8px}.bki-figfull img{width:100%;object-fit:contain}.bki-sec figure a{display:block}.bki-sec figure a:focus-visible{outline-offset:5px}.bki-sec figcaption{font-size:.84rem;line-height:1.6}.bki-wrapx{max-width:100%;margin:22px 0;border:1px solid var(--line);border-radius:7px}.bki-spec{border:0;min-width:650px;table-layout:auto;font-size:.93rem}.bki-spec th,.bki-spec td{padding:14px 16px;line-height:1.55;overflow-wrap:normal;white-space:normal!important}.bki-spec td:first-child{min-width:150px}.bki-spec td:last-child{min-width:190px}.bki-spec caption{padding:12px 16px;background:var(--panel);line-height:1.5}.bki-spec thead th{font-family:inherit;letter-spacing:0;text-transform:none;font-size:.86rem}.bki-detour{border-radius:6px}.bki-strip{max-width:none}.bki-next{display:flex;flex-wrap:wrap;gap:10px}.bki-next>*{flex:1 1 230px}.bki-foot{margin-top:40px}.bki-foot-in{max-width:1180px;padding:36px 24px}.bki-foot a{min-height:44px;display:inline-flex;align-items:center}.bki-foot .bki-disc a{display:inline;min-height:0}.bki-foot .bki-disc{font-size:.84rem}
.reading-nav{max-width:1132px;margin:0 auto 10px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:6px 24px;align-items:center;flex-wrap:wrap}.reading-nav strong{font-size:.8rem;color:var(--muted)}.reading-nav a{font-size:.88rem;min-height:44px;display:inline-flex;align-items:center}.decision-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px}.decision-grid h2{margin:0 0 16px}.decision-grid p{max-width:60ch}.decision-grid img{width:100%;height:auto;border:1px solid var(--line);border-radius:7px}.decision-grid figure{margin:0}.decision-grid ul{padding-left:20px}.decision-list{border-top:1px solid var(--line)}.decision-list>a{display:grid;grid-template-columns:40px 1fr 22px;gap:10px;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;align-items:center}.decision-list b{display:block;font-size:1.05rem}.decision-list small{display:block;color:var(--muted);font-size:.91rem}.decision-list .n{font-family:var(--mono);color:var(--muted);font-size:.82rem}.decision-list>a:hover b{text-decoration:underline;text-decoration-color:var(--brand)}.decision-band{background:var(--ink);color:var(--panel);border-radius:8px;padding:24px 28px;display:flex;align-items:center;gap:32px}.decision-band h2{font-size:1.5rem;margin:0 0 8px}.decision-band p{margin:0;max-width:70ch;font-size:.95rem}.decision-band a{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border-radius:6px;background:var(--brand);color:#18130e;font-weight:700;text-decoration:none}.home .compact-modules{display:grid;grid-template-columns:1.1fr 1fr;gap:40px}.compact-modules article{min-width:0}.compact-modules h2{font-size:1.5rem;margin:0 0 12px}.compact-modules img{width:100%;max-height:230px;object-fit:contain;border-radius:6px;background:#fff}.compact-modules figure{margin:0 0 20px}.compact-modules p{font-size:.96rem}.link-row{display:flex;flex-wrap:wrap;gap:8px 22px}.link-row a{min-height:44px;display:inline-flex;align-items:center;font-weight:600;font-size:.91rem}.route-links{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.route-links a{padding:15px 0;display:block;border-bottom:1px solid var(--line);text-decoration:none}.route-links b{display:block}.route-links small{color:var(--muted);font-size:.9rem}.step-visual{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;padding:30px 0;border-top:1px solid var(--line)}.step-visual>div{min-width:0}.step-visual h2{margin:0 0 16px;font-size:1.5rem}.step-visual figure{margin:0}.step-visual img{width:100%;height:auto;border-radius:7px;border:1px solid var(--line)}.step-visual .step-number{font-family:var(--mono);color:var(--muted);font-size:.8rem;display:block;margin-bottom:8px}.step-visual .tip{background:var(--stub);padding:14px 16px;border-left:3px solid var(--brand);border-radius:3px;font-size:.93rem}.step-gallery{display:grid;gap:18px}.bki-finder{border-color:var(--line);box-shadow:0 4px 20px #00000005}.bki-finder label{min-height:52px;border-bottom:1px solid var(--line);padding:12px 4px}.reset-fit{padding:8px 16px;min-height:44px;border:1px solid var(--line);background:var(--panel);border-radius:5px;color:var(--ink);cursor:pointer}.notice{background:var(--stub);border-left:3px solid var(--brand);padding:14px 18px;font-size:.92rem;max-width:76ch}.article-extra{border-top:1px solid var(--line);margin-top:26px;padding-top:20px}.article-extra h2{font-size:1.5rem}.article-extra li{margin:8px 0}
@media(prefers-color-scheme:dark){:root{--bg:#141719;--panel:#1e2225;--ink:#f1f4f6;--muted:#b6bec5;--line:#394047;--grid:#2b3136;--stub:#272d32}.bki-logo img{background:#fff;border-radius:3px;padding:3px}.decision-band{background:#272d32;color:#f1f4f6}.home .bki-search{background:#fff}.home .bki-hero{color:#fff}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#ff9c69}.bki-search button{color:#18130e}.bki-tile img{background:#fff}}
@media(max-width:1150px){.bki-top-in{gap:12px}.bki-logo span{display:none}.bki-nav a{padding:0 9px}.home .bki-hero{margin:16px 24px 0}.reading-nav{margin-left:24px;margin-right:24px}.bki-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bki-tile img{aspect-ratio:1.3}.bki-wall{padding-top:22px}}
@media(max-width:760px){.bki-top-in{padding:12px 20px;flex-wrap:wrap;justify-content:space-between}.bki-logo span{display:block;max-width:110px}.menu-toggle{display:block}.bki-nav{width:100%;margin:0}.bki-nav ul{flex-wrap:wrap;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.bki-nav a{width:100%;padding:0 12px}.js .bki-nav{display:none}.js .bki-nav.is-open{display:block}.bki-hero{padding:28px 20px}.bki-hero h1{font-size:2rem}.home .bki-hero{margin:12px 16px 0;padding:28px 22px 0;min-height:0;background:#332b25}.home .bki-hero h1{font-size:2.2rem}.home .bki-hero .bki-lede{font-size:1rem}.home .bki-hero::after{display:none}.hero-art{position:relative;inset:auto;width:calc(100% + 44px);max-width:none;height:auto;margin:24px -22px 0;z-index:0}.bki-search button{padding:0 16px}.bki-search input{padding:13px 11px;font-size:.92rem}.bki-subnav{padding:10px 20px 0}.bki-subnav a{font-size:.82rem;margin-right:10px;padding-right:0;min-height:40px}.bki-wall{padding:20px}.bki-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bki-tile img{aspect-ratio:1}.bki-tile b{font-size:.76rem;line-height:1.3;padding-top:7px}.bki-wall-sub{font-size:.9rem!important}.bki-sec{padding:28px 20px}.decision-grid,.home .compact-modules,.step-visual{grid-template-columns:1fr;gap:24px}.decision-band{display:block;padding:22px}.decision-band a{margin-top:18px}.route-links{grid-template-columns:1fr}.bki-row{grid-template-columns:1fr;gap:16px}.bki-figfull{margin-top:20px}.reading-nav{margin:0 20px;padding:10px 0;gap:0 18px}.reading-nav strong{width:100%}.reading-nav a{font-size:.83rem}.step-visual{padding:26px 0}.bki-foot-in{grid-template-columns:1fr 1fr;padding:28px 20px;gap:24px}.bki-foot .bki-disc{grid-column:1/-1}.bki-finder{padding:16px}.bki-spec th,.bki-spec td{padding:12px}.bki-wrapx{position:relative}.bki-sec>h2{font-size:1.55rem}}
@media(max-width:360px){.bki-logo img{width:106px}.bki-logo span{max-width:80px}.home .bki-hero{margin:10px 12px 0;padding-left:16px;padding-right:16px}.hero-art{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}.home .bki-hero h1{font-size:2rem}.bki-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bki-tile b{font-size:.7rem}.bki-foot-in{grid-template-columns:1fr}.bki-search button{padding:0 12px}}
.home .bki-sec .bki-hint{color:var(--muted)}.bki-subnav a{min-height:44px}.compact-modules article>a,.decision-grid>div>a{display:inline-flex;align-items:center;min-height:44px}.step-gallery figcaption a{display:inline-flex;min-height:44px;align-items:center}.guide-steps .step-visual{display:block}.guide-steps .step-visual>div:first-child{max-width:80ch;margin-bottom:26px}.guide-steps .step-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px}.step-gallery:has(>figure:only-child){grid-template-columns:1fr;max-width:960px}.step-gallery figure:has(img[data-official-image="09"]),.step-gallery figure:has(img[data-official-image="15"]){grid-column:1/-1}.step-gallery figure:has(img[data-official-image="10"]),.step-gallery figure:has(img[data-official-image="16"]){grid-column:1/-1;max-width:960px}.bki-wrapx{scrollbar-width:thin}.bki-stubs{grid-template-columns:repeat(2,minmax(0,1fr))}.bki-stubs>a:last-child:nth-child(odd){grid-column:1/-1}
@media(max-width:760px){.guide-steps .step-gallery{grid-template-columns:1fr;gap:20px}.bki-stubs{grid-template-columns:1fr}.bki-wrapx::before{content:'Swipe the table to see all columns →';display:block;padding:8px 12px;color:var(--muted);font-size:.75rem}}
