/* One content grid and one light palette on every device. */
:root,body,#bokjifit-pages{color-scheme:only light}
html,body{background:#fff;color:#171717}
#bokjifit-pages{--bf-content-max:1440px;--bf-page-gutter:32px;--bf-gutter:var(--bf-page-gutter)}
#bokjifit-pages .bf-container{width:calc(100% - 2*var(--bf-page-gutter));max-width:var(--bf-content-max);margin-inline:auto;min-width:0}
#bokjifit-pages .bf-header,#bokjifit-pages .bf-footer,#bokjifit-pages .bf-newhero,#bokjifit-pages .bf-titleband,#bokjifit-pages .bf-detailhead,#bokjifit-pages .bf-deskhead,#bokjifit-pages .bf-resultshero,#bokjifit-pages .bf-guidehero{display:block;width:100%;max-width:none;padding:0;gap:0}
#bokjifit-pages .bf-header>.bf-container{height:100%;display:flex;align-items:center;gap:32px}
#bokjifit-pages .bf-topnav{justify-content:flex-end;gap:28px}
#bokjifit-pages .bf-footer>.bf-container{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:28px}
#bokjifit-pages .bf-newhero>.bf-container{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:28px;padding-block:30px 38px;position:relative}
#bokjifit-pages .bf-titleband>.bf-container,#bokjifit-pages .bf-detailhead>.bf-container{padding-block:38px 32px}
#bokjifit-pages .bf-deskhead>.bf-container{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:38px 30px}
#bokjifit-pages .bf-resultshero>.bf-container{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:38px}
#bokjifit-pages .bf-guidehero>.bf-container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:0}
#bokjifit-pages .bf-guidehero>.bf-container>div:first-child{padding:42px 0}
#bokjifit-pages .bf-guidehero>.bf-container>.bf-scene{margin:0;width:100%;max-height:420px;aspect-ratio:1.5;align-self:center;border-radius:0}
/* All page shells share exactly the same left and right edges. */
#bokjifit-pages .bf-explore,#bokjifit-pages .bf-detailgrid,#bokjifit-pages .bf-section,#bokjifit-pages .bf-discover,#bokjifit-pages .bf-picksection,#bokjifit-pages .bf-readsection,#bokjifit-pages .bf-topicsection,#bokjifit-pages .bf-fit-one,#bokjifit-pages .bf-searchpage,#bokjifit-pages .bf-essay,#bokjifit-pages .bf-kanban,#bokjifit-pages .bf-desknote,#bokjifit-pages .bf-deskbottom,#bokjifit-pages .bf-state-actions{width:calc(100% - 2*var(--bf-page-gutter));max-width:var(--bf-content-max);margin-inline:auto;padding-inline:0}
#bokjifit-pages .bf-discover,#bokjifit-pages .bf-picksection,#bokjifit-pages .bf-readsection{padding-top:44px}
#bokjifit-pages .bf-topicsection{padding:28px;margin-top:30px}
#bokjifit-pages .bf-explore{grid-template-columns:250px minmax(0,1fr);gap:32px;padding-block:30px 44px}
#bokjifit-pages .bf-detailgrid{padding-block:32px 44px;grid-template-columns:150px minmax(0,1fr) 280px;gap:32px}
#bokjifit-pages .bf-section{padding-top:36px}
#bokjifit-pages .bf-desknote{margin-block:24px;padding:14px 18px}
#bokjifit-pages .bf-kanban{padding-bottom:35px}
#bokjifit-pages .bf-deskbottom{margin-bottom:35px}
#bokjifit-pages .bf-fit-one{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;padding-block:44px;align-items:start}
#bokjifit-pages .bf-fit-one-head{padding:32px;min-height:290px}
#bokjifit-pages .bf-fit-one-head::after{content:''}
#bokjifit-pages .bf-fit-one-body{margin-top:0}
#bokjifit-pages .bf-searchpage{padding-block:28px 56px;min-height:65vh}
#bokjifit-pages .bf-global-search{max-width:none;width:100%}
#bokjifit-pages .bf-searchsuggest{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;align-items:start}
#bokjifit-pages .bf-searchsuggest>.bf-sectionhead{grid-column:1;grid-row:1}
#bokjifit-pages .bf-searchtags{grid-column:1;grid-row:2;align-self:start}
#bokjifit-pages .bf-searchhelp{grid-column:2;grid-row:1 / 3;margin:0}
#bokjifit-pages .bf-essay{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:0 56px;padding-block:42px 50px}
#bokjifit-pages .bf-essay>*{grid-column:1;min-width:0}
#bokjifit-pages .bf-essay>.bf-scene{grid-column:2;grid-row:2 / 7;margin:0;align-self:start;position:sticky;top:100px}
#bokjifit-pages .bf-essay>.bf-formfoot{grid-column:1 / -1}
#bokjifit-pages .bf-eyebrow{letter-spacing:-.02em}
/* Vertically center the whole icon + label group above the safe area. */
#bokjifit-pages .bf-bottomnav{align-items:center;padding:0 8px env(safe-area-inset-bottom);height:calc(62px + env(safe-area-inset-bottom));min-height:62px}
#bokjifit-pages .bf-bottomnav button{height:62px;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;line-height:1}
#bokjifit-pages .bf-bottomnav .bf-solid-icon{height:21px;width:21px;transform:none}
#bokjifit-pages .bf-bottomnav button.bf-on .bf-solid-icon{transform:none}
#bokjifit-pages .bf-nav-label{display:block;font-size:11px;line-height:15px}
/* Applied filters are distinct, removable controls, not passive tags. */
#bokjifit-pages .bf-filter-controls{display:flex;align-items:center;gap:12px;margin:20px 0 14px}
#bokjifit-pages .bf-filter-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dce3ef;background:#fff;border-radius:12px;min-height:44px;padding:9px 15px;font-size:14px;font-weight:650;transition:background .25s,border-color .25s,box-shadow .25s}
#bokjifit-pages .bf-filter-trigger.bf-has-filter{background:#175fff;color:#fff;border-color:#175fff;box-shadow:0 4px 12px #175fff20}
#bokjifit-pages .bf-filter-trigger b{display:grid;place-items:center;width:21px;height:21px;background:#fff;color:#175fff;border-radius:50%;font-size:11px}
#bokjifit-pages .bf-filter-caption{font-size:13px;color:var(--bf-sub)}
#bokjifit-pages .bf-active-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#edf3ff;border:1px solid #d8e5ff;border-radius:16px;padding:14px;margin-bottom:20px}
#bokjifit-pages .bf-active-label{font-size:12px;font-weight:700;color:#175fff;margin-right:3px}
#bokjifit-pages .bf-filter-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:7px 11px;border:1px solid #b6ceff;background:#fff;border-radius:9px;color:#174eb7;font-size:13px;font-weight:600}
#bokjifit-pages .bf-filter-clear{padding:8px 4px;border:0;background:none;font-size:12px;color:#53627a;margin-left:auto;text-decoration:underline;text-underline-offset:3px}
#bokjifit-pages .bf-explore-results>.bf-filter-controls{display:none}
#bokjifit-pages .bf-resultbar{padding-block:5px 10px;font-size:14px}
/* A real route with its own navigation, draft state and apply action. */
#bokjifit-pages[data-page=filter] .bf-devbanner{display:none}
#bokjifit-pages .bf-filterpage{min-height:100dvh;background:#fff;padding-bottom:100px}
#bokjifit-pages .bf-filterpage-top{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--bf-line)}
#bokjifit-pages .bf-filterpage-top>.bf-container{display:flex;align-items:center;gap:12px;min-height:68px}
#bokjifit-pages .bf-filterpage-top h1{font-size:20px;flex:1;letter-spacing:-.04em}
#bokjifit-pages .bf-filterpage-top .bf-iconbutton{border:0}
#bokjifit-pages .bf-filterpage-body{padding-block:28px 24px}
#bokjifit-pages .bf-filter-intro{font-size:17px;line-height:1.7;font-weight:600}
#bokjifit-pages .bf-filter-intro>span{font-size:13px;font-weight:400;color:var(--bf-sub)}
#bokjifit-pages .bf-filter-group{margin-block:32px}
#bokjifit-pages .bf-filter-group-title{display:flex;gap:10px;align-items:center;margin-bottom:18px}
#bokjifit-pages .bf-filter-group-title>span{font-size:12px;font-weight:700;color:#175fff;background:#edf3ff;border-radius:8px;width:30px;height:30px;display:grid;place-items:center}
#bokjifit-pages .bf-filter-group h2{font-size:19px}
#bokjifit-pages .bf-region-choices,#bokjifit-pages .bf-category-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#bokjifit-pages .bf-filter-choice{border:1px solid #dce3ed;border-radius:12px;background:#fff;min-height:48px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:4px;text-align:left;font-size:14px;transition:background .22s,border-color .22s,color .22s,box-shadow .22s}
#bokjifit-pages .bf-choice-check{opacity:0;color:#175fff;font-weight:700}
#bokjifit-pages .bf-filter-choice[aria-pressed=true]{background:#edf3ff;border-color:#175fff;color:#174eb7;font-weight:700;box-shadow:inset 0 0 0 1px #175fff}
#bokjifit-pages .bf-filter-choice[aria-pressed=true] .bf-choice-check{opacity:1}
#bokjifit-pages .bf-filterpage-actions{position:fixed;bottom:0;left:0;right:0;z-index:110;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--bf-line);box-shadow:0 -8px 24px #17396505}
#bokjifit-pages .bf-filterpage-actions .bf-button{width:100%;min-height:50px}
@media(hover:hover){#bokjifit-pages .bf-filter-choice:hover,#bokjifit-pages .bf-filter-chip:hover{border-color:#175fff;background:#f3f7ff}#bokjifit-pages .bf-filter-trigger:hover{box-shadow:0 5px 15px #175fff22}}
@container(max-width:1000px){
#bokjifit-pages .bf-fit-one{gap:28px;grid-template-columns:1fr 1.25fr}
#bokjifit-pages .bf-fit-one-head{padding:24px}
#bokjifit-pages .bf-detailgrid{grid-template-columns:1fr 250px}
#bokjifit-pages .bf-detailgrid>.bf-toc{display:none}
#bokjifit-pages .bf-explore{grid-template-columns:220px minmax(0,1fr);gap:24px}
}
@container(max-width:650px){
#bokjifit-pages .bf-container,#bokjifit-pages .bf-explore,#bokjifit-pages .bf-detailgrid,#bokjifit-pages .bf-section,#bokjifit-pages .bf-discover,#bokjifit-pages .bf-picksection,#bokjifit-pages .bf-readsection,#bokjifit-pages .bf-topicsection,#bokjifit-pages .bf-fit-one,#bokjifit-pages .bf-searchpage,#bokjifit-pages .bf-essay,#bokjifit-pages .bf-kanban,#bokjifit-pages .bf-desknote,#bokjifit-pages .bf-deskbottom,#bokjifit-pages .bf-state-actions{width:calc(100% - 40px);margin-inline:auto}
#bokjifit-pages .bf-header>.bf-container{gap:10px;justify-content:space-between}
#bokjifit-pages .bf-header .bf-topnav{display:none}
#bokjifit-pages .bf-footer>.bf-container{flex-direction:column;align-items:flex-start;gap:10px;padding-block:25px}
#bokjifit-pages .bf-newhero>.bf-container{grid-template-columns:1fr;gap:0;padding:0}
#bokjifit-pages .bf-newhero-copy{padding:26px 0 0}
#bokjifit-pages .bf-newhero-art{width:calc(100% + 40px);max-width:none;margin-inline:-20px}
#bokjifit-pages .bf-titleband>.bf-container,#bokjifit-pages .bf-detailhead>.bf-container{padding-block:28px 24px}
#bokjifit-pages .bf-deskhead>.bf-container,#bokjifit-pages .bf-resultshero>.bf-container{display:block;padding-block:28px 24px}
#bokjifit-pages .bf-guidehero>.bf-container{grid-template-columns:1fr;gap:0}
#bokjifit-pages .bf-guidehero>.bf-container>div:first-child{padding:28px 0 20px}
#bokjifit-pages .bf-guidehero>.bf-container>.bf-scene{width:calc(100% + 40px);margin-inline:-20px;max-height:none}
#bokjifit-pages .bf-explore,#bokjifit-pages .bf-detailgrid{grid-template-columns:1fr;gap:0;padding-block:22px 30px}
#bokjifit-pages .bf-explore-results>.bf-filter-controls{display:flex;margin-top:0}
#bokjifit-pages .bf-fit-one{display:block;padding-block:28px}
#bokjifit-pages .bf-fit-one-head{min-height:0;padding:23px 20px}
#bokjifit-pages .bf-fit-one-body{margin-top:26px}
#bokjifit-pages .bf-searchpage{padding-block:22px 35px}
#bokjifit-pages .bf-searchsuggest{display:block}
#bokjifit-pages .bf-searchhelp{margin-top:28px}
#bokjifit-pages .bf-essay{display:block;padding-block:28px 35px}
#bokjifit-pages .bf-essay>.bf-scene{position:static;margin-block:25px}
#bokjifit-pages .bf-discover,#bokjifit-pages .bf-picksection,#bokjifit-pages .bf-readsection{padding-top:30px}
#bokjifit-pages .bf-topicsection{padding:20px 15px}
#bokjifit-pages .bf-section{padding-top:29px}
#bokjifit-pages .bf-region-choices,#bokjifit-pages .bf-category-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#bokjifit-pages .bf-filter-choice{padding:12px 10px;font-size:13px}
#bokjifit-pages .bf-filterpage-top>.bf-container{min-height:60px}
#bokjifit-pages .bf-filter-group h2{font-size:17px}
#bokjifit-pages .bf-filter-caption{font-size:12px}
}
html{scrollbar-gutter:stable}