/* Existing portal palette/type; flat route records keep real spell imagery prominent.
   Each record uses its full inner width W: .8/2.8 × (W - 32px) identity,
   a 32px gutter, and 2/2.8 × (W - 32px) details. Mobile stacks those lanes. */
.build-directory-main{--bdir-gap:24px;font-variant-numeric:tabular-nums}
.build-directory-main [hidden]{display:none!important}
.build-directory-main a:focus-visible,.build-directory-main button:focus-visible,.build-directory-main input:focus-visible,.build-directory-main select:focus-visible,.build-directory-main summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.build-directory-main a:hover{text-decoration:underline;text-underline-offset:4px}
.bdir-heading{display:flex;align-items:start;justify-content:space-between;gap:32px;margin:8px 0 28px}
.bdir-heading h1{font-family:inherit;font-size:32px;font-weight:600;line-height:1.2;letter-spacing:-.025em;margin:0 0 12px}
.bdir-heading>div>p{font-size:16px;line-height:1.6;max-width:66ch;margin:0}
.bdir-heading .bdir-meta{font-size:13px;color:var(--muted);margin-top:12px}
.bdir-meta a{color:inherit}
.bdir-library-jump{display:flex;align-items:center;gap:16px;min-height:44px;flex:none;font-size:14px;color:var(--ink)}
.bdir-toolbar{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:end;padding:20px;background:var(--surface)}
.bdir-toolbar label{display:block;font-size:13px;line-height:1.4;margin-bottom:8px;color:var(--muted)}
.bdir-toolbar input,.bdir-toolbar select{display:block;width:100%;min-width:0;min-height:44px;padding:9px 12px;background:var(--bg);color:var(--ink);border:1px solid var(--portal-line);border-radius:2px;font:inherit;font-size:15px;line-height:1.5;color-scheme:dark}
.bdir-toolbar input::placeholder{color:var(--muted);opacity:1}
.bdir-reset{min-height:44px;padding:9px 12px;background:transparent;color:var(--ink);border:1px solid var(--portal-line);border-radius:2px;font:inherit;font-size:14px;cursor:pointer}
.bdir-reset:hover{border-color:var(--muted)}
.bdir-results-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0}
.bdir-results-heading p{margin:0;color:var(--muted);font-size:14px}
.bdir-results-meta{display:flex;align-items:center;gap:12px}
.bdir-results-meta .bdir-reset{border:0;padding:0 4px;text-decoration:underline;text-underline-offset:4px}
.bdir-results-heading a{min-height:44px;display:flex;align-items:center;gap:8px;font-size:14px}
.bdir-route-list{display:grid;gap:24px}
.bdir-route{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,2fr);gap:32px;padding:28px;background:var(--surface);scroll-margin-top:24px}
.bdir-route-intro,.bdir-route-content{min-width:0}
.bdir-class-name{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-bottom:18px;font-size:15px}
.bdir-class-name small{display:block;color:var(--muted);font-size:13px;line-height:1.4;margin-top:2px}
.bdir-icon{display:block;object-fit:contain;flex:none;align-self:start;border-radius:0}
.bdir-class-name .bdir-icon{align-self:center}
.bdir-route h2{font:500 27px/1.2 Georgia,serif;letter-spacing:-.02em;margin:0 0 12px;scroll-margin-top:24px}
.bdir-focus{font-size:16px;line-height:1.55;color:var(--accent);margin:0 0 12px}
.bdir-description{font-size:16px;line-height:1.65;margin:0;max-width:45ch}
.bdir-branches{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px;color:var(--muted);margin:16px 0 12px}
.bdir-branches span{white-space:nowrap}
.bdir-branches strong{color:var(--ink);font-weight:500;margin-left:3px}
.bdir-guide-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px}
.bdir-route-content>h3{font-family:inherit;font-size:15px;font-weight:500;line-height:1.5;margin:0 0 16px}
.bdir-skills{margin:0;padding:0 0 0 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px}
.bdir-skills>li{padding-left:4px;min-width:0}
.bdir-skills>li::marker{color:var(--muted);font-size:13px}
.bdir-skills a{display:flex;align-items:center;gap:10px;min-height:32px;font-size:16px;line-height:1.4;color:var(--ink);font-weight:500}
.bdir-skills a .bdir-icon{align-self:center}
.bdir-skills p{font-size:16px;line-height:1.6;color:var(--muted);margin:8px 0 0}
.bdir-conditions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0;padding-top:20px;border-top:1px solid var(--portal-line)}
.bdir-conditions dt{font-size:14px;font-weight:500;margin:0 0 8px}
.bdir-conditions dd{font-size:16px;line-height:1.65;color:var(--muted);margin:0}
.bdir-checkpoints{display:flex;align-items:center;gap:16px;font-size:13px}
.bdir-checkpoints>span{color:var(--muted);flex:none}
.bdir-checkpoints nav{display:flex;flex-wrap:wrap;gap:6px}
.bdir-checkpoints a{display:flex;align-items:center;gap:5px;min-height:44px;padding:8px 12px;background:var(--bg);font-size:13px}
.bdir-checkpoints strong{font-size:15px;font-weight:500}
.bdir-checkpoints a span{color:var(--muted)}
.bdir-empty{padding:32px;background:var(--surface)}
.bdir-empty h2{font-size:22px;margin:0 0 12px}
.bdir-empty p{font-size:16px;margin:0 0 20px;color:var(--muted)}
.bdir-scope{max-width:90ch;color:var(--muted);font-size:16px;line-height:1.7;margin:24px 0 40px}
.bdir-scope a{color:var(--ink)}
.bdir-library{scroll-margin-top:24px}
.bdir-library>header{display:flex;justify-content:space-between;gap:24px;align-items:start;margin-bottom:20px}
.bdir-library h2{font:500 28px/1.25 Georgia,serif;letter-spacing:-.02em;margin:0 0 12px}
.bdir-library>header p{font-size:16px;line-height:1.6;color:var(--muted);margin:0;max-width:66ch}
.bdir-library>header>a{min-height:44px;display:flex;gap:10px;align-items:center;font-size:14px;flex:none}
.bdir-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.bdir-spellbook{background:var(--surface);scroll-margin-top:24px;min-width:0}
.bdir-spellbook>summary{display:flex;align-items:center;gap:12px;padding:20px;cursor:pointer;list-style:none;min-height:84px}
.bdir-spellbook>summary::-webkit-details-marker{display:none}
.bdir-spellbook>summary .bdir-icon{align-self:center}
.bdir-spellbook>summary strong{font-size:16px;font-weight:500}
.bdir-spellbook>summary small{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.bdir-disclosure{margin-left:auto;font-size:24px;line-height:1;font-weight:400;color:var(--muted)}
.bdir-spellbook[open] .bdir-disclosure{transform:rotate(45deg)}
.bdir-spellbook-body{padding:0 20px 20px}
.bdir-spellbook-body>p{font-size:14px;margin:0 0 12px}
.bdir-spellbook-body>p a,.bdir-class-guide{min-height:44px;display:flex;gap:8px;align-items:center}
.bdir-spellbook-body ul{padding:0;margin:0;list-style:none}
.bdir-spellbook-body li a{display:flex;gap:10px;align-items:center;min-height:44px;font-size:16px;line-height:1.5}
.bdir-spellbook-body .bdir-icon{width:24px;height:24px;align-self:center}
.bdir-class-guide{font-size:14px;margin-top:12px}
@media(min-width:601px) and (max-width:860px){.bdir-spellbook:last-child:nth-child(odd){grid-column:1/-1}.bdir-spellbook:last-child:nth-child(odd) .bdir-spellbook-body ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}}
@media(max-width:1100px){.bdir-route{grid-template-columns:minmax(210px,.85fr) minmax(0,1.6fr);gap:24px;padding:24px}.bdir-checkpoints{display:block}.bdir-checkpoints>span{display:block;margin-bottom:8px}.bdir-skills{column-gap:24px}.bdir-heading{gap:24px}.bdir-heading>div>p{max-width:58ch}}
@media(max-width:860px){.bdir-route{grid-template-columns:1fr}.bdir-route-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px}.bdir-class-name{grid-column:1/-1;margin-bottom:12px}.bdir-route h2,.bdir-focus,.bdir-description{grid-column:1/-1}.bdir-description{max-width:72ch}.bdir-branches{align-self:center;margin:12px 0 0}.bdir-guide-link{margin-top:8px}.bdir-heading{display:block}.bdir-library-jump{display:inline-flex;margin-top:12px}.bdir-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bdir-toolbar{grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);padding:16px}.bdir-toolbar>.bdir-reset{grid-column:1/-1;justify-self:start;border:0;padding:0;min-height:32px}.bdir-checkpoints{display:flex}.bdir-checkpoints>span{margin:0}}
@media(max-width:600px){.bdir-heading{margin-top:0;margin-bottom:20px}.bdir-heading h1{font-size:28px;margin-bottom:10px}.bdir-heading>div>p{font-size:16px}.bdir-heading .bdir-meta{font-size:13px}.bdir-library-jump{margin-top:8px}.bdir-toolbar{padding:14px;grid-template-columns:minmax(110px,.75fr) minmax(0,1.25fr);gap:12px}.bdir-toolbar label{font-size:13px;margin-bottom:6px}.bdir-toolbar input,.bdir-toolbar select{font-size:16px}.bdir-toolbar>.bdir-reset{min-height:44px}.bdir-results-heading{margin:12px 0;align-items:center}.bdir-results-heading a{font-size:13px;max-width:170px;text-align:right;line-height:1.4}.bdir-route-list{gap:16px}.bdir-route{padding:20px;gap:24px}.bdir-route-intro{display:block}.bdir-route h2{font-size:27px}.bdir-description{font-size:16px}.bdir-branches{margin-top:16px}.bdir-guide-link{margin-top:4px}.bdir-skills{grid-template-columns:1fr;gap:18px}.bdir-skills a{font-size:16px;min-height:44px}.bdir-skills p{font-size:16px;margin-top:4px}.bdir-conditions{grid-template-columns:1fr;gap:20px;margin:24px 0}.bdir-conditions dt{font-size:15px}.bdir-conditions dd{font-size:16px}.bdir-checkpoints{display:block}.bdir-checkpoints>span{display:block;margin-bottom:10px;font-size:14px}.bdir-checkpoints nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.bdir-checkpoints a{padding:8px 2px;display:block;text-align:center;min-height:55px}.bdir-checkpoints strong,.bdir-checkpoints a span{display:block}.bdir-checkpoints strong{font-size:16px}.bdir-checkpoints a span{font-size:12px}.bdir-scope{font-size:16px;margin:24px 0 32px}.bdir-library>header{display:block}.bdir-library h2{font-size:27px}.bdir-library>header>a{margin-top:8px}.bdir-library-grid{grid-template-columns:1fr;gap:12px}.bdir-spellbook>summary{min-height:84px}.bdir-spellbook-body li a{font-size:16px}.bdir-empty{padding:24px}}