/* One scoped header component. Legacy header fitting does not run for this markup. */
#tbl-site-header{--hd-navy:#082f4c;--hd-light:#8fd0f5;background:var(--hd-navy);color:#fff;position:relative;z-index:80;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0 0 16px;box-shadow:0 2px 0 #b9d8e8}
#tbl-site-header *{box-sizing:border-box}
#tbl-site-header a{color:inherit;text-decoration:none}
#tbl-site-header .tbl-hd-inner{--hd-toggle-top:52px;--hd-toggle-edge:max(16px,calc(50% - 390px));--hd-toggle-size:44px;max-width:1180px;margin:auto;padding:18px 60px 12px;position:relative;text-align:center}
#tbl-site-header .tbl-hd-kicker{font-size:11px;font-weight:750;letter-spacing:.17em;text-transform:uppercase;line-height:1.4;margin:0 0 8px}
#tbl-site-header .tbl-hd-name{display:block;font-family:Chomsky,"Old English Text MT",serif;font-weight:400;font-size:clamp(50px,7vw,78px);line-height:1;letter-spacing:-.02em;white-space:nowrap;color:#fff;-webkit-text-fill-color:#fff;padding:0 0 4px}
#tbl-site-header .tbl-hd-tagline{border-top:1px solid #5a91ac;padding-top:10px;margin:0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.5}
#tbl-site-header .tbl-hd-disclosure{position:static;margin:0;padding:0;border:0}
#tbl-site-header summary{list-style:none;position:absolute;top:var(--hd-toggle-top);width:var(--hd-toggle-size);height:44px;display:grid;place-items:center;cursor:pointer;border-radius:8px;background:#ffffff0a;color:#fff;border:1px solid #9acbe366;box-shadow:none;padding:10px}
#tbl-site-header summary svg{width:22px;height:22px}
#tbl-site-header summary::-webkit-details-marker{display:none}
#tbl-site-header .tbl-hd-menu summary{left:var(--hd-toggle-edge)}
#tbl-site-header .tbl-hd-search summary{right:var(--hd-toggle-edge)}
#tbl-site-header svg{width:26px;height:26px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round}
#tbl-site-header summary:hover,#tbl-site-header summary:focus-visible{background:#174967}
#tbl-site-header :focus-visible{outline:3px solid var(--hd-light);outline-offset:3px}
#tbl-site-header .tbl-hd-panel{position:absolute;top:calc(var(--hd-toggle-top) + 54px);left:var(--hd-toggle-edge);right:auto;width:calc(100% - 2 * var(--hd-toggle-edge));z-index:10;max-width:420px;padding:16px;background:rgba(15,54,86,.90);color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);text-align:left;box-shadow:0 12px 35px #001b3540;border:1px solid #ffffff40;border-radius:12px;max-height:65vh;overflow:auto}
#tbl-site-header .tbl-hd-search .tbl-hd-panel{left:auto;right:var(--hd-toggle-edge);transform-origin:calc(100% - 22px) top}
#tbl-site-header .tbl-hd-panel{transform-origin:22px top}
#tbl-site-header details[open] .tbl-hd-panel{animation:tbl-panel-open .16s ease-out}
#tbl-site-header details[open]::after{content:"";position:absolute;top:calc(var(--hd-toggle-top) + 48px);left:calc(var(--hd-toggle-edge) + 16px);width:12px;height:12px;background:#163e5b;border-top:1px solid #ffffff40;border-left:1px solid #ffffff40;transform:rotate(45deg);z-index:11;pointer-events:none}
#tbl-site-header .tbl-hd-search[open]::after{left:auto;right:calc(var(--hd-toggle-edge) + 16px)}
@keyframes tbl-panel-open{from{opacity:0;transform:translateY(-5px) scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#tbl-site-header details[open] .tbl-hd-panel{animation:none}}
#tbl-site-header details:not([open]) .tbl-hd-panel{display:none}
#tbl-site-header .tbl-hd-panel-title{font-size:12px;font-weight:700;letter-spacing:.03em;margin:0 36px 10px 0}
#tbl-site-header .tbl-hd-menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px}
#tbl-site-header .tbl-hd-menu-links>a{display:flex;align-items:center;padding:10px 8px;font-size:14px;line-height:1.3;font-weight:600;min-height:44px;overflow-wrap:anywhere;border-radius:6px}
#tbl-site-header .tbl-hd-menu-links>a:hover,#tbl-site-header .tbl-hd-menu-links>a[aria-current]{background:#ffffff18}
#tbl-site-header .tbl-hd-menu-links .tbl-hd-records{grid-column:1/-1;border-top:1px solid #ffffff40;border-radius:0;margin-top:6px;padding-top:12px}
#tbl-site-header .tbl-hd-close{position:absolute;right:4px;top:4px;width:44px;height:44px;padding:10px;border:0;border-radius:6px;background:transparent;color:white;cursor:pointer}
#tbl-site-header .tbl-hd-close svg{width:20px;height:20px}
#tbl-site-header .tbl-hd-search label{font-size:14px;line-height:1.4;margin:0 32px 12px 0;color:#fff}
#tbl-site-header .tbl-hd-search form>div{gap:0;border:1px solid #ffffffbb;border-radius:8px;overflow:hidden}
#tbl-site-header .tbl-hd-search input[type=search]{width:100%;height:44px;min-height:44px;padding:10px 12px;border:0;border-radius:0;background:#ffffff12;color:#fff;font-size:16px;box-shadow:none}
#tbl-site-header .tbl-hd-search input::placeholder{color:#e0e9f1;opacity:1}
#tbl-site-header .tbl-hd-search button[type=submit]{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:10px;border:0;border-left:1px solid #ffffff99;border-radius:0;background:#ffffff16;color:#fff}
#tbl-site-header .tbl-hd-search button[type=submit] svg{width:22px;height:22px}
#tbl-site-header .tbl-hd-search form>div:focus-within{outline:2px solid #8fd0f5;outline-offset:3px}
#tbl-site-header .tbl-hd-search input:focus-visible{outline:0}
#tbl-site-header .tbl-hd-tabs{border-top:0;background:#0a3655}
#tbl-site-header .tbl-hd-tabs::before{content:"";display:block;height:1px;background:#5a91ac;width:calc(100% - 120px);max-width:1060px;margin:0 auto}
#tbl-site-header .tbl-hd-tabs>div{width:calc(100% - 32px);max-width:780px;margin:auto;display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#6fa7c5 transparent}
#tbl-site-header .tbl-hd-tabs a{flex:1 0 auto;text-align:center;display:flex;justify-content:center;align-items:center;min-height:46px;padding:12px 14px 9px;border-bottom:4px solid transparent;font-size:12px;line-height:1.2;font-weight:800;text-transform:uppercase;white-space:nowrap;letter-spacing:.025em}
#tbl-site-header .tbl-hd-tabs a[aria-current]{background:#134c70;border-bottom-color:#8fd0f5}
#tbl-site-header .tbl-hd-tabs a:hover{background:#174967}
.tbl-article-search-form label{display:block;font-size:16px;font-weight:750;margin:0 0 10px}
.tbl-article-search-form>div{display:flex;gap:8px}
.tbl-article-search-form input[type=search]{flex:1;min-width:0;border:1px solid #9ab7c9;border-radius:7px;background:#fff;color:#12364e;font:16px/1.4 -apple-system,sans-serif;padding:12px}
.tbl-article-search-form button{border:0;border-radius:7px;background:#0b3a5c;color:#fff;font:700 15px/1.4 -apple-system,sans-serif;padding:10px 16px;cursor:pointer;min-height:44px}
.tbl-article-results{max-width:960px;margin:26px auto 50px;color:#12364e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.tbl-article-results h1{font:700 32px/1.2 Georgia,serif;margin:0 0 16px}
.tbl-article-results .tbl-result-count{margin:22px 0 12px;font-size:14px}
.tbl-article-results .tbl-result-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.tbl-article-results .tbl-result{display:flex;gap:16px;background:white;border:1px solid #d1e1eb;border-radius:12px;padding:16px;overflow:hidden}
.tbl-article-results .tbl-result-picture{flex:0 0 28%;max-width:200px}
.tbl-article-results .tbl-result-picture img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.tbl-article-results h2{font:700 23px/1.2 Georgia,serif;margin:0 0 7px}
.tbl-article-results h2 a{color:#0b3a5c;text-decoration:none}
.tbl-article-results p{font-size:15px;line-height:1.55;margin:6px 0}
.tbl-article-results time{font-size:12px;color:#536b7a}
.tbl-article-results .tbl-result-pages{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.tbl-article-results .page-numbers{padding:10px 14px;border:1px solid #aac7d9;border-radius:6px;color:#0b3a5c}
.tbl-article-results .page-numbers.current{background:#0b3a5c;color:white}
@media(max-width:767px){
 #tbl-site-header .tbl-hd-inner{--hd-toggle-top:0px;--hd-toggle-edge:0px;padding:0 12px 8px}
 #tbl-site-header .tbl-hd-kicker{font-size:clamp(8px,2.8vw,13px);letter-spacing:.035em;margin:0 36px;min-height:44px;display:flex;align-items:center;justify-content:center;white-space:nowrap;transform:translateY(2px);position:relative}
 /* The centered kicker shares the 44px control row; the nameplate uses the width below. */
 #tbl-site-header summary{background:transparent;border:0;border-radius:8px}
 #tbl-site-header summary::before{content:"";position:absolute;inset:0 2px 2px 0;border:1px solid #9acbe366;border-radius:8px;background:#ffffff0a;pointer-events:none}
 #tbl-site-header .tbl-hd-search summary::before{inset:0 0 2px 2px}
 #tbl-site-header summary:hover::before,#tbl-site-header summary:focus-visible::before{background:#174967}
 #tbl-site-header summary svg{position:relative;width:26px;height:26px}
 #tbl-site-header .tbl-hd-panel{padding:14px}
 #tbl-site-header .tbl-hd-tabs::before{width:calc(100% - 24px)}
 #tbl-site-header .tbl-hd-name{font-size:clamp(32px,16.8vw,110px);margin:0 0 -3px;line-height:1;letter-spacing:-.02em;padding-bottom:0}
 #tbl-site-header .tbl-hd-kicker::after{content:"";position:absolute;left:4px;right:4px;top:calc(50% + .7em + 2px);height:1px;background:#5a91ac;pointer-events:none}
 #tbl-site-header .tbl-hd-tagline{font-size:clamp(9px,3vw,15px);letter-spacing:.025em;padding-top:6px;white-space:nowrap}
 #tbl-site-header .tbl-hd-tagline span{white-space:nowrap}
 #tbl-site-header .tbl-hd-tabs>div{width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;overflow:visible}   /* 5.11.30 equal columns: centered with any number of tabs */
 #tbl-site-header .tbl-hd-tabs a{min-width:0;font-size:clamp(7.5px,2vw,11px);font-weight:700;letter-spacing:0;padding:6px 4px;min-height:44px;white-space:normal;line-height:1.15}

 .tbl-article-results h1{font-size:27px}.tbl-article-results .tbl-result{gap:12px;padding:12px}.tbl-article-results h2{font-size:19px}.tbl-article-results p{font-size:14px}
}

/* The old theme article spacing was previously removed by legacy header layout JS. */
body.tbl-article #tbl-site-header{margin-bottom:8px}
body.tbl-article #tbl-site-header + main.shell{padding-top:0}
body.tbl-article #tbl-site-header + main.shell article.article-layout{margin-top:0;padding-top:0}

/* 5.11.30 a thin line in the masthead blue between the tabs (phones and computers) */
#tbl-site-header .tbl-hd-tabs a{position:relative}
#tbl-site-header .tbl-hd-tabs a+a::before{content:"";position:absolute;left:0;top:28%;bottom:28%;width:1px;background:#5a91ac;pointer-events:none}

/* ===== 5.11.45 Menu and search: sheets that open with a circular "wave" from the tapped button =====
   Phones: a full-screen sheet; computers: a floating panel under its button. The wave (and the little ripple) start at
   the button that was tapped; with Reduce Motion on, the panel simply appears. JS sets --tbl-sheet-* and the clip-path. */
html.tbl-hd-open #tbl-site-header{z-index:100000}
#tbl-site-header summary{z-index:40}
#tbl-site-header details[open]::after{content:none}
#tbl-site-header .tbl-hd-panel.tbl-hd-sheet,#tbl-site-header .tbl-hd-search .tbl-hd-panel.tbl-hd-sheet{
 position:fixed;top:var(--tbl-sheet-top,0px);left:0;right:0;bottom:0;width:auto;max-width:none;max-height:none;margin:0;padding:0;z-index:30;
 overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:0;border-radius:0;box-shadow:none;transform:none;animation:none;
 color:#fff;text-align:left;-webkit-backdrop-filter:none;backdrop-filter:none;
 background:radial-gradient(120% 55% at 0% 0%,rgba(31,111,159,.55) 0%,rgba(31,111,159,0) 60%),radial-gradient(90% 45% at 100% 100%,rgba(16,80,122,.6) 0%,rgba(16,80,122,0) 65%),#072a45}
#tbl-site-header .tbl-hd-sheet.is-moving{will-change:clip-path}
#tbl-site-header .tbl-hd-sheet-in{position:relative;max-width:560px;margin:0 auto;padding:var(--tbl-sheet-pad,92px) 22px calc(28px + env(safe-area-inset-bottom))}
#tbl-site-header .tbl-hd-sheet-name{position:absolute;top:calc(var(--tbl-sheet-pad,92px) - 66px);left:72px;right:72px;margin:0;text-align:center;font:400 30px/1 Chomsky,"Old English Text MT",serif;color:#fff;opacity:.95;white-space:nowrap;overflow:hidden}
#tbl-site-header .tbl-hd-sheet .tbl-hd-panel-title{margin:0 0 6px;font:800 11.5px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#8fd0f5}
#tbl-site-header .tbl-hd-sheet .tbl-hd-close{display:none}
/* the button morphs: menu lines -> X, magnifier -> X */
#tbl-site-header .tbl-hd-burger path{transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .2s ease;transform-box:view-box}
#tbl-site-header .tbl-hd-burger .tbl-hd-l1{transform-origin:12px 6px}#tbl-site-header .tbl-hd-burger .tbl-hd-l3{transform-origin:12px 18px}
#tbl-site-header .tbl-hd-menu[open] .tbl-hd-burger .tbl-hd-l1{transform:translateY(6px) rotate(45deg)}
#tbl-site-header .tbl-hd-menu[open] .tbl-hd-burger .tbl-hd-l2{opacity:0}
#tbl-site-header .tbl-hd-menu[open] .tbl-hd-burger .tbl-hd-l3{transform:translateY(-6px) rotate(-45deg)}
#tbl-site-header .tbl-hd-search summary .tbl-hd-x{display:none}
#tbl-site-header .tbl-hd-search[open] summary .tbl-hd-x{display:block}
#tbl-site-header .tbl-hd-search[open] summary .tbl-hd-glass{display:none}
#tbl-site-header details[open] summary{background:#ffffff1f;border-color:#cfe8f6aa}
/* sections: big, clean rows */
#tbl-site-header .tbl-hd-sheet .tbl-hd-menu-links{display:block;margin:0 0 18px}
#tbl-site-header .tbl-hd-sheet .tbl-hd-menu-links>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:8px 2px;margin:0;border-radius:0;border-bottom:1px solid rgba(255,255,255,.12);
 font:700 24px/1.15 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;letter-spacing:-.015em;color:#fff;background:none}
#tbl-site-header .tbl-hd-sheet .tbl-hd-menu-links>a:hover{background:none;color:#cfe8f6}
#tbl-site-header .tbl-hd-sheet .tbl-hd-menu-links>a[aria-current]{background:none;color:#8fd0f5}
#tbl-site-header .tbl-hd-sheet .tbl-hd-menu-links>a[aria-current] span::before{content:"";display:inline-block;width:8px;height:8px;margin:0 10px 3px 0;border-radius:50%;background:#8fd0f5;vertical-align:middle}
#tbl-site-header .tbl-hd-chev{flex:0 0 auto;width:20px!important;height:20px!important;stroke:#8fd0f5!important;stroke-width:2.4!important;opacity:.75;transition:transform .2s ease}
#tbl-site-header .tbl-hd-sheet a:hover .tbl-hd-chev{transform:translateX(3px);opacity:1}
/* search tools */
#tbl-site-header .tbl-hd-menu-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px}
#tbl-site-header .tbl-hd-tool{display:flex;align-items:center;gap:9px;min-height:50px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);font:700 15px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff}
#tbl-site-header .tbl-hd-tool:hover{background:rgba(255,255,255,.14)}
#tbl-site-header .tbl-hd-tool svg{flex:0 0 auto;width:20px;height:20px;stroke:#8fd0f5;stroke-width:2.1}
#tbl-site-header .tbl-hd-menu-links .tbl-hd-records{grid-column:auto}
/* About & Contact */
#tbl-site-header .tbl-hd-about{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px;border-radius:16px;background:linear-gradient(135deg,rgba(242,215,156,.16),rgba(242,215,156,.05));border:1px solid rgba(242,215,156,.45);color:#fff}
#tbl-site-header .tbl-hd-about b{display:block;font:800 18px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff}
#tbl-site-header .tbl-hd-about small{display:block;margin-top:4px;font:500 13.5px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#d9e8f2}
#tbl-site-header .tbl-hd-about .tbl-hd-chev{stroke:#f2d79c!important}
#tbl-site-header .tbl-hd-about:hover{background:linear-gradient(135deg,rgba(242,215,156,.24),rgba(242,215,156,.08))}
#tbl-site-header .tbl-hd-mini{display:flex;flex-wrap:wrap;gap:6px 16px;margin:16px 2px 0;font:600 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#tbl-site-header .tbl-hd-mini a{color:#b9d8e8;text-decoration:underline;text-decoration-color:rgba(185,216,232,.4);text-underline-offset:3px}
/* search sheet */
#tbl-site-header .tbl-hd-sheet .tbl-article-search-form label{margin:0 0 10px;font:800 11.5px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#8fd0f5}
#tbl-site-header .tbl-hd-search .tbl-hd-sheet form>div{border:1px solid rgba(255,255,255,.55);border-radius:14px;background:rgba(255,255,255,.08)}
#tbl-site-header .tbl-hd-search .tbl-hd-sheet input[type=search]{height:54px;min-height:54px;padding:12px 16px;background:transparent;font-size:18px}
#tbl-site-header .tbl-hd-search .tbl-hd-sheet button[type=submit]{flex-basis:54px;width:54px;height:54px;min-height:54px;background:rgba(255,255,255,.1)}
#tbl-site-header .tbl-hd-search-records{margin-top:16px;justify-content:flex-start}
/* suggestions */
#tbl-site-header .tbl-suggest{margin:12px 0 0;display:flex;flex-direction:column;gap:2px}
#tbl-site-header .tbl-suggest[hidden]{display:none}
#tbl-site-header .tbl-suggest a{display:flex;align-items:center;gap:12px;padding:8px 8px;border-radius:12px;color:#fff;min-height:60px}
#tbl-site-header .tbl-suggest a:hover,#tbl-site-header .tbl-suggest a[aria-selected="true"]{background:rgba(255,255,255,.12)}
#tbl-site-header .tbl-suggest .tbl-sg-pic{flex:0 0 52px;width:52px;height:52px;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.1) center/cover no-repeat}
#tbl-site-header .tbl-suggest .tbl-sg-pic.is-none{display:grid;place-items:center}
#tbl-site-header .tbl-suggest .tbl-sg-pic.is-none svg{width:22px;height:22px;stroke:#8fd0f5}
#tbl-site-header .tbl-suggest .tbl-sg-txt{min-width:0;display:flex;flex-direction:column;gap:3px}
#tbl-site-header .tbl-suggest .tbl-sg-t{font:700 16px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#tbl-site-header .tbl-suggest .tbl-sg-t mark{background:none;color:#8fd0f5;text-decoration:underline;text-decoration-color:rgba(143,208,245,.55);text-underline-offset:3px}
#tbl-site-header .tbl-suggest .tbl-sg-m{font:700 11px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#b9d8e8}
#tbl-site-header .tbl-suggest .tbl-sg-all{min-height:48px;margin-top:4px;border:1px dashed rgba(255,255,255,.3);justify-content:center;font:700 15px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#cfe8f6}
#tbl-site-header .tbl-suggest-status{margin:10px 2px 0;font:600 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#b9d8e8}
#tbl-site-header .tbl-suggest-status:empty{display:none}
/* the content settles in just after the wave */
#tbl-site-header .tbl-hd-sheet.is-in .tbl-hd-sheet-in>*{animation:tbl-sheet-item .42s cubic-bezier(.2,.8,.2,1) both}
#tbl-site-header .tbl-hd-sheet.is-in .tbl-hd-menu-links>a{animation:tbl-sheet-item .42s cubic-bezier(.2,.8,.2,1) both}
#tbl-site-header .tbl-hd-sheet.is-in .tbl-hd-menu-links>a:nth-child(1){animation-delay:.06s}
#tbl-site-header .tbl-hd-sheet.is-in .tbl-hd-menu-links>a:nth-child(2){animation-delay:.09s}
#tbl-site-header .tbl-hd-sheet.is-in .tbl-hd-menu-links>a:nth-child(3){animation-delay:.12s}
#tbl-site-header .tbl-hd-sheet.is-in .tbl-hd-menu-links>a:nth-child(4){animation-delay:.15s}
#tbl-site-header .tbl-hd-sheet.is-in .tbl-hd-menu-links>a:nth-child(5){animation-delay:.18s}
#tbl-site-header .tbl-hd-sheet.is-in .tbl-hd-menu-links>a:nth-child(n+6){animation-delay:.21s}
#tbl-site-header .tbl-hd-sheet.is-in .tbl-hd-menu-tools{animation-delay:.2s}
#tbl-site-header .tbl-hd-sheet.is-in .tbl-hd-about{animation-delay:.24s}
#tbl-site-header .tbl-hd-sheet.is-in .tbl-hd-mini{animation-delay:.28s}
#tbl-site-header .tbl-hd-sheet.is-in .tbl-hd-menu-links{animation:none}
@keyframes tbl-sheet-item{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* the ripple: a soft ring that spreads from the button as the wave opens */
.tbl-hd-ripple{position:fixed;z-index:100001;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:2px solid rgba(143,208,245,.7);pointer-events:none;animation:tbl-ripple .62s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes tbl-ripple{from{transform:scale(.6);opacity:.9}to{transform:scale(6);opacity:0}}
/* computers: a floating panel under its button */
@media (min-width:783px){
 #tbl-site-header .tbl-hd-panel.tbl-hd-sheet,#tbl-site-header .tbl-hd-search .tbl-hd-panel.tbl-hd-sheet{top:var(--tbl-sheet-top,120px);bottom:auto;left:var(--tbl-sheet-left,24px);right:auto;width:420px;max-height:calc(100vh - var(--tbl-sheet-top,120px) - 20px);border-radius:20px;border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 60px rgba(0,20,40,.45)}
 #tbl-site-header .tbl-hd-search .tbl-hd-panel.tbl-hd-sheet{width:540px}
 #tbl-site-header .tbl-hd-sheet-in{padding:22px 22px 22px}
 #tbl-site-header .tbl-hd-sheet-name{display:none}
 #tbl-site-header .tbl-hd-sheet .tbl-hd-close{display:grid;place-items:center;top:10px;right:10px}
 #tbl-site-header .tbl-hd-sheet .tbl-hd-menu-links>a{min-height:50px;font-size:20px}
 #tbl-site-header .tbl-hd-sheet .tbl-article-search-form label{margin-right:44px}
}
/* phones: the page behind stays put while a sheet is open */
@media (max-width:782px){html.tbl-hd-open,html.tbl-hd-open body{overflow:hidden!important}}
/* Reduce Motion: no wave, no ripple, no movement: the panel is simply there */
@media (prefers-reduced-motion:reduce){
 #tbl-site-header .tbl-hd-sheet{clip-path:none!important;transition:none!important}
 #tbl-site-header .tbl-hd-sheet.is-in .tbl-hd-sheet-in>*,#tbl-site-header .tbl-hd-sheet.is-in .tbl-hd-menu-links>a{animation:none!important}
 #tbl-site-header .tbl-hd-burger path{transition:none}
 .tbl-hd-ripple{display:none}
}
@media print{#tbl-site-header .tbl-hd-sheet{display:none!important}}
/* 5.11.45 suggestions under the big search box on the search results page */
.tbl-article-results .tbl-suggest{margin:10px 0 0;padding:6px;border:1px solid #d1e1eb;border-radius:14px;background:#fff;box-shadow:0 10px 26px rgba(8,30,48,.10);display:flex;flex-direction:column;gap:2px}
.tbl-article-results .tbl-suggest[hidden]{display:none}
.tbl-article-results .tbl-suggest a{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;color:#0b2c48;text-decoration:none;min-height:56px}
.tbl-article-results .tbl-suggest a:hover,.tbl-article-results .tbl-suggest a[aria-selected="true"]{background:#eef5fa}
.tbl-article-results .tbl-sg-pic{flex:0 0 48px;width:48px;height:48px;border-radius:9px;background:#e6f0f8 center/cover no-repeat}
.tbl-article-results .tbl-sg-pic.is-none{display:grid;place-items:center}.tbl-article-results .tbl-sg-pic.is-none svg{width:20px;height:20px;stroke:#185d8e}
.tbl-article-results .tbl-sg-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.tbl-article-results .tbl-sg-t{font:700 16px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.tbl-article-results .tbl-sg-t mark{background:#fff1c7;color:inherit;border-radius:3px}
.tbl-article-results .tbl-sg-m{font:700 11px/1.2 -apple-system,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#53697b}
.tbl-article-results .tbl-sg-all{justify-content:center;border:1px dashed #c9d8e3;font:700 15px/1.2 -apple-system,sans-serif;color:#185d8e!important}
#tbl-site-header .tbl-hd-sheet .tbl-hd-close{display:none!important}
#tbl-site-header .tbl-hd-tool{white-space:nowrap;font-size:14.5px;padding:10px 12px}
#tbl-site-header .tbl-hd-sheet input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
/* 1.0.4 Photos & Video in the menu */
#tbl-site-header .tbl-hd-photos{margin:0 0 16px;font-size:16px}
#tbl-site-header .tbl-hd-photos .tbl-hd-chev{margin-left:auto}

/* ===== 1.0.6 Compact menu and search: a small card that rolls out of its corner (same wave), no full screen,
   no scrolling, smaller type. Overrides the 5.11.45 sheet sizes above. ===== */
#tbl-site-header .tbl-hd-panel.tbl-hd-sheet,#tbl-site-header .tbl-hd-search .tbl-hd-panel.tbl-hd-sheet{
 top:var(--tbl-sheet-top,70px)!important;left:var(--tbl-sheet-left,12px)!important;right:auto!important;bottom:auto!important;
 width:var(--tbl-sheet-w,340px)!important;max-height:calc(100vh - var(--tbl-sheet-top,70px) - 16px);overflow:auto;
 border-radius:18px;border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 44px rgba(0,20,40,.42)}
#tbl-site-header .tbl-hd-sheet-in{padding:14px 16px 14px!important;max-width:none}
#tbl-site-header .tbl-hd-sheet .tbl-hd-panel-title{margin:0 0 2px;font-size:10.5px}
#tbl-site-header .tbl-hd-sheet .tbl-hd-menu-links{margin:0 0 12px}
#tbl-site-header .tbl-hd-sheet .tbl-hd-menu-links>a{min-height:44px;padding:6px 2px;font-size:17px;font-weight:650;letter-spacing:-.005em}
#tbl-site-header .tbl-hd-sheet .tbl-hd-menu-links>a:last-child{border-bottom:0}
#tbl-site-header .tbl-hd-chev{width:16px!important;height:16px!important}
#tbl-site-header .tbl-hd-menu-tools{gap:8px;margin:0 0 8px}
#tbl-site-header .tbl-hd-tool{min-height:42px;padding:8px 12px;border-radius:12px;font-size:14px}
#tbl-site-header .tbl-hd-tool svg{width:18px;height:18px}
#tbl-site-header .tbl-hd-photos{margin:0;font-size:14px}
#tbl-site-header .tbl-hd-sheet .tbl-hd-search-records{margin-top:12px}
#tbl-site-header .tbl-hd-search .tbl-hd-sheet input[type=search]{height:48px;min-height:48px;font-size:17px}
#tbl-site-header .tbl-hd-search .tbl-hd-sheet button[type=submit]{flex-basis:48px;width:48px;height:48px;min-height:48px}
#tbl-site-header .tbl-suggest a{min-height:52px;padding:6px}
#tbl-site-header .tbl-suggest .tbl-sg-pic{flex-basis:44px;width:44px;height:44px}
#tbl-site-header .tbl-suggest .tbl-sg-t{font-size:15px}
#tbl-site-header .tbl-suggest .tbl-sg-all{min-height:42px;font-size:14px}
@media (max-width:782px){html.tbl-hd-open,html.tbl-hd-open body{overflow:visible!important}}
/* 1.0.8 tools row: City Records + Photos & Video; phones: the card opens edge to edge, more air inside */
#tbl-site-header .tbl-hd-menu-tools{margin:0}
#tbl-site-header .tbl-hd-menu-tools .tbl-hd-photos{margin:0;font-size:14px}
@media (max-width:782px){
 #tbl-site-header .tbl-hd-panel.tbl-hd-sheet,#tbl-site-header .tbl-hd-search .tbl-hd-panel.tbl-hd-sheet{border-radius:0 0 20px 20px;border-left:0;border-right:0;border-top:1px solid rgba(255,255,255,.12)}
 #tbl-site-header .tbl-hd-sheet-in{padding:14px 22px 18px!important}
}

/* 1.0.23 Front Page tab: house + words on computers; on phones the house sits above the words */
#tbl-site-header .tbl-hd-tabs a.tbl-hd-home{gap:7px}
#tbl-site-header .tbl-hd-tabs a.tbl-hd-home svg{flex:0 0 auto;width:16px;height:16px;stroke:currentColor;stroke-width:2.3;stroke-linejoin:round;fill:none;margin-top:-2px}
@media (max-width:782px){
 #tbl-site-header .tbl-hd-tabs a.tbl-hd-home{flex-direction:column;gap:2px}
 #tbl-site-header .tbl-hd-tabs a.tbl-hd-home svg{width:15px;height:15px;margin:0}
}

/* 1.1.0 dropdowns: each section tab has its sub-topics; "More" holds neighborhoods and series (computers).
   On phones the tab row stays one row of plain tabs; the sub-topics are on each section page and in the ☰ menu. */
#tbl-site-header .tbl-hd-tabs .tbl-hd-dd{position:relative;display:flex;align-items:stretch;flex:1 0 auto;min-width:0}
#tbl-site-header .tbl-hd-tabs .tbl-hd-dd>a{flex:1 1 auto}
#tbl-site-header .tbl-hd-tabs .tbl-hd-dd.is-here{background:#134c70;box-shadow:inset 0 -4px 0 #8fd0f5}
#tbl-site-header .tbl-hd-tabs .tbl-hd-dd.is-here>a[aria-current]{background:none;border-bottom-color:transparent}
#tbl-site-header .tbl-hd-tabs .tbl-hd-dd::before{content:"";position:absolute;left:0;top:28%;bottom:28%;width:1px;background:#5a91ac;pointer-events:none;z-index:1}
#tbl-site-header .tbl-hd-tabs .tbl-hd-dd+a::before{content:"";position:absolute;left:0;top:28%;bottom:28%;width:1px;background:#5a91ac;pointer-events:none}
#tbl-site-header .tbl-hd-ddb{appearance:none;border:0;background:none;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 10px 0 0;margin-left:-8px;font:800 12px/1.2 inherit;text-transform:uppercase;letter-spacing:.025em;border-bottom:4px solid transparent}
#tbl-site-header .tbl-hd-ddb svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease;opacity:.85}
#tbl-site-header .tbl-hd-ddb[aria-expanded="true"] svg{transform:rotate(180deg)}
#tbl-site-header .tbl-hd-ddb:hover{background:#174967}
#tbl-site-header .tbl-hd-ddb:focus-visible,#tbl-site-header .tbl-hd-mtog:focus-visible,#tbl-site-header .tbl-hd-ddp a:focus-visible{outline:2px solid #8fd0f5;outline-offset:-2px}
#tbl-site-header .tbl-hd-ddb-wide{gap:6px;padding:12px 14px 9px;margin:0;min-height:46px;flex:1 0 auto;white-space:nowrap}
#tbl-site-header .tbl-hd-ddb-wide[aria-current]{background:#134c70;border-bottom-color:#8fd0f5}
@media (min-width:768px){
 #tbl-site-header .tbl-hd-tabs>div{max-width:1000px;overflow:visible}
 #tbl-site-header .tbl-hd-tabs a{padding-left:12px;padding-right:12px}
}
@media (max-width:767px){
 #tbl-site-header .tbl-hd-ddb,#tbl-site-header .tbl-hd-tabs .tbl-hd-ddp,#tbl-site-header .tbl-hd-dd-more{display:none!important}
 #tbl-site-header .tbl-hd-tabs .tbl-hd-dd{min-width:0}
}
/* the ☰ menu: sections with a fold-out list of sub-topics, then Neighborhoods and Series */
#tbl-site-header .tbl-hd-mgroup{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
#tbl-site-header .tbl-hd-mgroup>a{display:flex;align-items:center;padding:10px 8px;font-size:14px;line-height:1.3;font-weight:600;min-height:44px}
#tbl-site-header .tbl-hd-sheet .tbl-hd-mgroup>a[aria-current]{color:#8fd0f5}
#tbl-site-header .tbl-hd-mtog{appearance:none;border:0;background:none;color:inherit;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px}
#tbl-site-header .tbl-hd-mtog svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
#tbl-site-header .tbl-hd-mtog[aria-expanded="true"] svg{transform:rotate(180deg)}
#tbl-site-header .tbl-hd-mtog:hover{background:#ffffff14}
#tbl-site-header .tbl-hd-mtog-wide{grid-column:1/-1;justify-content:space-between;padding:10px 8px;font:600 14px/1.3 inherit;text-align:left}

/* 1.1.0 sub-topic buttons under the header on section, sub-topic, neighborhood and series pages */
.tbl-chips{margin:0 auto 14px;max-width:1080px;padding:0 16px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.tbl-chips-in{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.tbl-chips a{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid #c9dcea;background:#fff;color:#0b3a5c!important;text-decoration:none!important;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;transition:background .15s,border-color .15s}
.tbl-chips a span{font-size:12px;font-weight:700;color:#6a8aa0;font-variant-numeric:tabular-nums}
.tbl-chips a:hover{background:#eef5fa;border-color:#9fc0d8}
.tbl-chips a[aria-current]{background:#0b3a5c;border-color:#0b3a5c;color:#fff!important}
.tbl-chips a[aria-current] span{color:#b9d8ee}
.tbl-chips a:focus-visible{outline:2px solid #1f6fa8;outline-offset:2px}
@media (max-width:767px){
 .tbl-chips{padding:0}
 .tbl-chips-in{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:2px 16px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .tbl-chips-in::-webkit-scrollbar{display:none}
}
@media (prefers-reduced-motion:reduce){#tbl-site-header .tbl-hd-ddb svg,#tbl-site-header .tbl-hd-mtog svg{transition:none}}
/* 1.1.0 fold-out rows match the menu's other links */
#tbl-site-header .tbl-hd-sheet .tbl-hd-mgroup>a,#tbl-site-header .tbl-hd-sheet .tbl-hd-mtog-wide{min-height:44px;padding:6px 2px;font-size:17px;font-weight:650;letter-spacing:-.005em}
#tbl-site-header .tbl-hd-sheet .tbl-hd-mgroup>a[aria-current] span::before{content:"";display:inline-block;width:8px;height:8px;margin:0 10px 3px 0;border-radius:50%;background:#8fd0f5;vertical-align:middle}

/* ===== 1.1.2 pop-outs in the header: the shared look (see --tbl-pop-* in site-early.css) ===== */
#tbl-site-header .tbl-hd-panel{background:var(--tbl-pop-bg);backdrop-filter:var(--tbl-pop-blur);-webkit-backdrop-filter:var(--tbl-pop-blur);border:1px solid var(--tbl-pop-line);border-radius:var(--tbl-pop-r);box-shadow:var(--tbl-pop-shadow)}
@media (min-width:768px){#tbl-site-header .tbl-hd-panel.tbl-hd-sheet,#tbl-site-header .tbl-hd-search .tbl-hd-panel.tbl-hd-sheet{border-radius:var(--tbl-pop-r-big);border-color:var(--tbl-pop-line);box-shadow:var(--tbl-pop-shadow)}}
/* small labels ("SECTIONS", "NEIGHBORHOODS", "SEARCH ARTICLES") */
#tbl-site-header .tbl-hd-sheet .tbl-hd-panel-title,#tbl-site-header .tbl-hd-sheet .tbl-article-search-form label,#tbl-site-header .tbl-hd-ddp-more p{font:800 11px/1.3 var(--tbl-pop-font);letter-spacing:.18em;text-transform:uppercase;color:var(--tbl-pop-accent)}
/* section dropdowns and More (computers) */
#tbl-site-header .tbl-hd-ddp{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:250px;padding:8px;background:var(--tbl-pop-bg);backdrop-filter:var(--tbl-pop-blur);-webkit-backdrop-filter:var(--tbl-pop-blur);border:1px solid var(--tbl-pop-line);border-radius:var(--tbl-pop-r);box-shadow:var(--tbl-pop-shadow);color:var(--tbl-pop-ink);text-align:left;transform-origin:20px top;animation:tbl-pop-in .16s ease-out}
#tbl-site-header .tbl-hd-ddp[hidden]{display:none!important}
#tbl-site-header .tbl-hd-dd:last-child .tbl-hd-ddp,#tbl-site-header .tbl-hd-dd-more .tbl-hd-ddp{left:auto;right:0;transform-origin:calc(100% - 20px) top}
/* the hover gap between the tab and its dropdown stays "inside" the tab, so the menu doesn't close on the way down */
#tbl-site-header .tbl-hd-ddp::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
/* one row style everywhere: dropdowns, More, the fold-outs in the ☰ menu */
#tbl-site-header .tbl-hd-tabs .tbl-hd-ddp a,#tbl-site-header .tbl-hd-mgroup .tbl-hd-ddp a{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:44px;padding:10px 12px;border:0;border-radius:var(--tbl-pop-row-r);background:none;color:var(--tbl-pop-ink);font:600 15px/1.25 var(--tbl-pop-font);text-transform:none;letter-spacing:0;white-space:nowrap;text-align:left;text-decoration:none}
#tbl-site-header .tbl-hd-tabs .tbl-hd-ddp a::before{display:none!important}
#tbl-site-header .tbl-hd-tabs .tbl-hd-ddp a:hover,#tbl-site-header .tbl-hd-tabs .tbl-hd-ddp a:focus-visible,#tbl-site-header .tbl-hd-mgroup .tbl-hd-ddp a:hover,#tbl-site-header .tbl-hd-mgroup .tbl-hd-ddp a:focus-visible{background:var(--tbl-pop-hover);outline:none}
#tbl-site-header .tbl-hd-ddp a[aria-current]{color:var(--tbl-pop-accent)}
#tbl-site-header .tbl-hd-ddp a[aria-current] span::before{content:"";display:inline-block;width:7px;height:7px;margin:0 9px 2px 0;border-radius:50%;background:var(--tbl-pop-accent);vertical-align:middle}
/* counts: one small pill */
#tbl-site-header .tbl-hd-ddp small{flex:0 0 auto;min-width:24px;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.1);color:var(--tbl-pop-soft);font:700 11.5px/1.2 var(--tbl-pop-font);text-align:center;font-variant-numeric:tabular-nums}
#tbl-site-header .tbl-hd-ddp-more p{margin:6px 12px 4px}
#tbl-site-header .tbl-hd-ddp-more a+p{margin-top:10px;padding-top:12px;border-top:1px solid var(--tbl-pop-line);margin-left:0;margin-right:0;padding-left:12px}
/* fold-outs inside the ☰ menu: the same rows in a soft well */
#tbl-site-header .tbl-hd-mgroup .tbl-hd-ddp{position:static;grid-column:1/-1;min-width:0;margin:2px 0 10px;padding:6px;background:var(--tbl-pop-well);border:1px solid var(--tbl-pop-line);border-radius:var(--tbl-pop-r);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:tbl-pop-in .16s ease-out;transform-origin:top center}
#tbl-site-header .tbl-hd-mtog{border-radius:var(--tbl-pop-row-r)}
#tbl-site-header .tbl-hd-mtog:hover,#tbl-site-header .tbl-hd-mtog:focus-visible{background:var(--tbl-pop-hover)}
/* search suggestions: the same rows and hover */
#tbl-site-header .tbl-suggest a{border-radius:var(--tbl-pop-row-r)}
#tbl-site-header .tbl-suggest a:hover,#tbl-site-header .tbl-suggest a[aria-selected="true"]{background:var(--tbl-pop-hover)}
#tbl-site-header .tbl-suggest .tbl-sg-m{color:var(--tbl-pop-soft)}
@media (prefers-reduced-motion:reduce){#tbl-site-header .tbl-hd-ddp{animation:none}}
/* 1.1.2 ☰ menu rows: every row gets the same thin divider, and every arrow lines up on the right edge */
#tbl-site-header .tbl-hd-sheet .tbl-hd-mgroup{border-bottom:1px solid rgba(255,255,255,.12)}
#tbl-site-header .tbl-hd-sheet .tbl-hd-menu-links>:last-child{border-bottom:0}
#tbl-site-header .tbl-hd-sheet .tbl-hd-mtog{justify-content:flex-end;padding-right:2px}
#tbl-site-header .tbl-hd-sheet .tbl-hd-mtog-wide{justify-content:space-between;padding-right:2px}
#tbl-site-header .tbl-hd-sheet .tbl-hd-mtog svg{width:16px;height:16px}
@media (hover:none){#tbl-site-header .tbl-hd-mtog:hover{background:none}}
/* 1.1.3 phones: the tabs always fill the row evenly, however many there are (an older rule fixed it at 5 columns) */
@media (max-width:767px){html body #tbl-site-header .tbl-hd-tabs>div{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}
/* 1.1.4 phones: tapping a section tab pops its sub-menu down under the tab row (full width), same look as everywhere */
@media (max-width:767px){
 html body #tbl-site-header .tbl-hd-tabs{position:relative}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd{position:static}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd>a{flex-direction:column;gap:2px}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd>a::after{content:"";width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);opacity:.75;margin-top:1px;transition:transform .16s ease}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd.is-open>a::after{transform:rotate(-135deg);margin-top:5px}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd.is-open{background:#174967}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd:not(.tbl-hd-dd-more) .tbl-hd-ddp:not([hidden]){display:block!important;position:absolute;left:12px;right:12px;top:calc(100% + 6px);min-width:0;max-height:calc(100vh - 220px);overflow:auto}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp a{white-space:normal}
}
/* 1.1.6 phones: the thin divider line between every tab (the drop-down tabs lost theirs) */
@media (max-width:767px){
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd::before{display:none}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd>a{position:relative}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd>a::before{content:"";position:absolute;left:0;top:28%;bottom:28%;width:1px;background:#5a91ac;pointer-events:none}
}

/* ===== 1.1.7 cleaner, lighter menus (Eric: "high-end, clean, minimalist") ===== */
/* never slides sideways: nothing inside is allowed to be wider than the card */
#tbl-site-header .tbl-hd-sheet,#tbl-site-header .tbl-hd-sheet-in{overflow-x:hidden;overscroll-behavior:contain}
#tbl-site-header .tbl-hd-sheet-in>*{min-width:0;max-width:100%}
/* phones: the ☰ menu is a compact card under the button, grown by the wave from the button */
@media (max-width:782px){
 html body #tbl-site-header .tbl-hd-menu .tbl-hd-panel.tbl-hd-sheet{left:var(--tbl-sheet-left,12px)!important;right:auto!important;width:var(--tbl-sheet-w,320px)!important;max-width:calc(100vw - 24px);border-radius:var(--tbl-pop-r-big,20px)!important;border:1px solid var(--tbl-pop-line)!important;max-height:calc(100dvh - var(--tbl-sheet-top,120px) - 16px);overflow-y:auto}
 html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet-in{padding:16px 18px 16px!important}
}
/* the menu's type: lighter and smaller */
#tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-panel-title{font:700 10.5px/1.3 var(--tbl-pop-font);letter-spacing:.22em;color:var(--tbl-pop-accent);opacity:.9;margin:0 0 6px}
#tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-menu-links>a,#tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mgroup>a,#tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mtog-wide{min-height:46px;padding:0 2px;font:500 15.5px/1.25 var(--tbl-pop-font)!important;letter-spacing:.005em;color:rgba(255,255,255,.92)}
#tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-menu-links>a,#tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mgroup{border-bottom:1px solid rgba(255,255,255,.08)}
#tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-menu-links>:last-child{border-bottom:0}
#tbl-site-header .tbl-hd-menu .tbl-hd-sheet a[aria-current]{color:var(--tbl-pop-accent)!important}
#tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-menu-links>a[aria-current] span::before,#tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mgroup>a[aria-current] span::before{width:6px;height:6px;margin:0 9px 2px 0}
#tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-chev,#tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mtog svg{width:14px!important;height:14px!important;stroke-width:2;opacity:.55}
#tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mtog{min-height:46px;min-width:40px}
#tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mtog[aria-expanded="true"] svg{opacity:.9}
/* fold-outs: a quiet indented list, no box */
#tbl-site-header .tbl-hd-menu .tbl-hd-mgroup .tbl-hd-ddp{margin:0 0 10px 3px;padding:2px 0 2px 12px;background:none;border:0;border-left:1px solid rgba(255,255,255,.14);border-radius:0}
#tbl-site-header .tbl-hd-menu .tbl-hd-mgroup .tbl-hd-ddp a{min-height:38px;padding:7px 10px;font:400 14.5px/1.25 var(--tbl-pop-font);color:rgba(255,255,255,.8);white-space:normal}
#tbl-site-header .tbl-hd-menu .tbl-hd-mgroup .tbl-hd-ddp a:hover{color:#fff}
/* counts everywhere: a small quiet number, no pill */
#tbl-site-header .tbl-hd-ddp small{min-width:0;padding:0;background:none;color:rgba(255,255,255,.45);font:500 12px/1.2 var(--tbl-pop-font)}
/* tab drop-downs: same lighter rows */
#tbl-site-header .tbl-hd-tabs .tbl-hd-ddp a{font-weight:500;font-size:14.5px;min-height:42px;padding:9px 12px}
#tbl-site-header .tbl-hd-tabs .tbl-hd-ddp a.tbl-hd-dd-all{font-weight:600}
/* City Records / Photos & Video: two slim outlined pills */
#tbl-site-header .tbl-hd-menu .tbl-hd-menu-tools{margin:12px 0 0;gap:8px}
#tbl-site-header .tbl-hd-menu .tbl-hd-tool{min-width:0;min-height:38px;padding:7px 12px;border-radius:999px;background:transparent;border:1px solid rgba(255,255,255,.18);font:500 13px/1.2 var(--tbl-pop-font)!important;color:rgba(255,255,255,.9);overflow:hidden;text-overflow:ellipsis;justify-content:center}
#tbl-site-header .tbl-hd-menu .tbl-hd-tool svg{width:15px;height:15px;stroke-width:2}
#tbl-site-header .tbl-hd-menu .tbl-hd-tool:hover{background:rgba(255,255,255,.08)}

/* 1.1.7 tab drop-downs roll down (like the ☰ menu's wave), and roll back up */
@keyframes tbl-roll-down{from{clip-path:inset(0 0 100% 0 round 16px);transform:translateY(-4px)}to{clip-path:inset(0 0 0 0 round 16px);transform:none}}
@keyframes tbl-roll-up{from{clip-path:inset(0 0 0 0 round 16px);opacity:1}to{clip-path:inset(0 0 100% 0 round 16px);opacity:.4}}
@keyframes tbl-roll-item{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
#tbl-site-header .tbl-hd-tabs .tbl-hd-ddp:not([hidden]){animation:tbl-roll-down .36s cubic-bezier(.2,.8,.2,1) both}
#tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-closing{animation:tbl-roll-up .17s ease-in both}
#tbl-site-header .tbl-hd-tabs .tbl-hd-ddp:not([hidden]):not(.is-closing)>*{animation:tbl-roll-item .32s cubic-bezier(.2,.8,.2,1) both}
#tbl-site-header .tbl-hd-tabs .tbl-hd-ddp>*:nth-child(2){animation-delay:.03s}
#tbl-site-header .tbl-hd-tabs .tbl-hd-ddp>*:nth-child(3){animation-delay:.06s}
#tbl-site-header .tbl-hd-tabs .tbl-hd-ddp>*:nth-child(4){animation-delay:.09s}
#tbl-site-header .tbl-hd-tabs .tbl-hd-ddp>*:nth-child(5){animation-delay:.12s}
#tbl-site-header .tbl-hd-tabs .tbl-hd-ddp>*:nth-child(n+6){animation-delay:.15s}
/* the ☰ fold-outs roll open too */
#tbl-site-header .tbl-hd-menu .tbl-hd-mgroup .tbl-hd-ddp:not([hidden]){animation:tbl-roll-down .3s cubic-bezier(.2,.8,.2,1) both}
@media (prefers-reduced-motion:reduce){#tbl-site-header .tbl-hd-ddp,#tbl-site-header .tbl-hd-ddp>*{animation:none!important}}
@media (max-width:767px){html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd:not(.tbl-hd-dd-more) .tbl-hd-ddp:not([hidden]){left:auto;right:auto;max-width:calc(100vw - 24px)}}
/* 1.1.8 the inside dividers stay soft even though the outer edge is brighter */
#tbl-site-header .tbl-hd-tabs .tbl-hd-ddp a.tbl-hd-dd-all::after,#tbl-site-header .tbl-hd-ddp-more a+p{background-color:rgba(255,255,255,.12);border-top-color:rgba(255,255,255,.12)}
#tbl-site-header .tbl-hd-menu .tbl-hd-mgroup .tbl-hd-ddp{border-left-color:rgba(255,255,255,.16)}
/* 1.1.8 the ☰ menu and search use the same deep ink as the drop-downs (a faint light in the top corner) */
html body #tbl-site-header .tbl-hd-panel.tbl-hd-sheet{background:radial-gradient(130% 55% at 0 0,rgba(70,140,190,.16),transparent 62%),var(--tbl-pop-bg)!important;border:1px solid var(--tbl-pop-line)!important;box-shadow:var(--tbl-pop-shadow)!important}
html body #tbl-site-header .tbl-hd-panel.tbl-hd-sheet{background-color:#06192a!important;background-image:radial-gradient(130% 55% at 0 0,rgba(70,140,190,.16),transparent 62%)!important}
.tbl-chips-intro{max-width:640px;margin:12px auto 0;text-align:center;font:400 15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#3f5a6e}
@media (max-width:767px){.tbl-chips-intro{padding:0 16px;font-size:14.5px}}

/* ===== 1.1.11 sub-topic row under the tabs: one clean line of text tabs (no big pills) =====
   All City Hall · Council & Budget · Elections ...  The one you're on is navy with a thin underline. */
.tbl-chips{max-width:none;margin:0 0 18px;padding:0;background:#fff;border-bottom:1px solid #dbe6ef;box-shadow:0 1px 0 rgba(11,44,72,.03)}
.tbl-chips-in{max-width:1080px;margin:0 auto;display:flex;flex-wrap:nowrap;justify-content:center;gap:0 30px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 24px}
.tbl-chips-in::-webkit-scrollbar{display:none}
.tbl-chips a{position:relative;display:inline-flex;align-items:baseline;gap:6px;padding:15px 0 14px;border:0!important;border-radius:0;background:none!important;color:#3d566a!important;font:500 14.5px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.005em;white-space:nowrap;transition:color .15s ease}
.tbl-chips a span{font:500 11.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#8aa1b3;font-variant-numeric:tabular-nums}
.tbl-chips a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:#0b3a5c;transform:scaleX(0);transition:transform .2s ease}
.tbl-chips a:hover{color:#0b3a5c!important}
.tbl-chips a:hover::after{transform:scaleX(.35);background:#9fc0d8}
.tbl-chips a[aria-current]{color:#0b3a5c!important;font-weight:650}
.tbl-chips a[aria-current] span{color:#5a7a92}
.tbl-chips a[aria-current]::after{transform:scaleX(1);background:#0b3a5c}
.tbl-chips a:focus-visible{outline:2px solid #1f6fa8;outline-offset:3px;border-radius:4px}
/* the first one ("All City Hall") sits a little apart */
.tbl-chips a:first-child{padding-right:30px;margin-right:0}
.tbl-chips a:first-child::before{content:"";position:absolute;right:0;top:50%;height:16px;margin-top:-8px;width:1px;background:#dbe6ef}
.tbl-chips a:first-child::after{right:30px}
.tbl-chips-intro{margin:14px auto 16px}
@media (max-width:767px){
 .tbl-chips-in{justify-content:flex-start;gap:0 22px;padding:0 16px;mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
 .tbl-chips a{padding:13px 0 12px;font-size:14px}
 .tbl-chips a:first-child{padding-right:22px}.tbl-chips a:first-child::after{right:22px}
}
@media (prefers-reduced-motion:reduce){.tbl-chips a::after{transition:none}}
/* 1.1.11 centred when it fits, starts at the left (and scrolls) when it doesn't: never cut off at either end */
.tbl-chips-in{justify-content:flex-start!important;max-width:1240px;gap:0 26px}
.tbl-chips-in>a:first-child{margin-left:auto}
.tbl-chips-in>a:last-child{margin-right:auto}
.tbl-chips a:first-child{padding-right:26px}.tbl-chips a:first-child::after{right:26px}

/* ===== 1.1.12 sub-topic row = a second level of the navy tab bar (same lettering and underline as the main tabs) =====
   Computers: shrinks with the window and wraps to a second line rather than running off the screen.
   Phones: one line you swipe sideways. */
html body .tbl-chips{margin:-8px 0 20px;padding:0;background:#0d3d5f;border:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 2px 0 #b9d8e8}
html body .tbl-chips-in{max-width:1100px;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;justify-content:center!important;align-items:stretch;gap:0 clamp(16px,2.4vw,34px);overflow:visible;mask-image:none;-webkit-mask-image:none}
html body .tbl-chips-in>a:first-child,html body .tbl-chips-in>a:last-child{margin-left:0;margin-right:0}
html body .tbl-chips a{display:inline-flex;align-items:center;gap:7px;padding:13px 0 11px;border-bottom:3px solid transparent!important;color:rgba(255,255,255,.74)!important;font:700 clamp(11px,.95vw,12.5px)/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;transition:color .15s ease,border-color .15s ease}
html body .tbl-chips a span{font:600 10.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;color:rgba(143,208,245,.75);font-variant-numeric:tabular-nums}
html body .tbl-chips a::after{display:none}
html body .tbl-chips a:hover{color:#fff!important;border-bottom-color:rgba(143,208,245,.35)!important}
html body .tbl-chips a[aria-current]{color:#fff!important;font-weight:800;border-bottom-color:#8fd0f5!important}
html body .tbl-chips a[aria-current] span{color:#8fd0f5}
html body .tbl-chips a:focus-visible{outline:2px solid #8fd0f5;outline-offset:-2px;border-radius:3px}
html body .tbl-chips a:first-child{padding-right:clamp(16px,2.4vw,34px)}
html body .tbl-chips a:first-child::before{content:"";position:absolute;right:0;top:50%;height:14px;margin-top:-7px;width:1px;background:rgba(255,255,255,.2)}
html body .tbl-chips a:first-child{position:relative;border-bottom-color:transparent!important}
html body .tbl-chips a:first-child[aria-current]{box-shadow:inset 0 -3px 0 #8fd0f5;border-bottom-color:transparent!important}
html body .tbl-chips a:first-child[aria-current]{box-shadow:none;background:linear-gradient(#8fd0f5,#8fd0f5) left bottom/calc(100% - clamp(16px,2.4vw,34px)) 3px no-repeat}
html body .tbl-chips-intro{max-width:680px;margin:0 auto;padding:4px 20px 16px;text-align:center;color:rgba(255,255,255,.8);font:400 14.5px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
@media (max-width:767px){
 html body .tbl-chips-in{flex-wrap:nowrap;justify-content:flex-start!important;overflow-x:auto;padding:0 16px;gap:0 22px;mask-image:linear-gradient(90deg,#000 calc(100% - 30px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 30px),transparent)}
 html body .tbl-chips a{font-size:11.5px;padding:12px 0 10px}
 html body .tbl-chips a:first-child{padding-right:22px}
 html body .tbl-chips a:first-child[aria-current]{background-size:calc(100% - 22px) 3px}
 html body .tbl-chips-intro{text-align:left;padding:2px 16px 14px;font-size:14px}
}

/* ===== 1.1.12b sub-topic row: a soft light-blue band right under the navy tabs (navy lettering, navy underline) ===== */
html body .tbl-chips{margin:-16px 0 22px;background:#e4eff8;box-shadow:inset 0 2px 0 #b9d8e8,inset 0 -1px 0 #cddfec}
html body .tbl-chips-in{max-width:1280px;gap:0 clamp(14px,2vw,30px);padding-top:2px}
html body .tbl-chips a{color:#3a5d78!important;padding:13px 0 11px}
html body .tbl-chips a span{color:#6f93ad}
html body .tbl-chips a:hover{color:#0b3a5c!important;border-bottom-color:rgba(11,58,92,.25)!important}
html body .tbl-chips a[aria-current]{color:#0b3a5c!important;border-bottom-color:#0b3a5c!important}
html body .tbl-chips a[aria-current] span{color:#2f6f9b}
html body .tbl-chips a:first-child::before{background:rgba(11,58,92,.18)}
html body .tbl-chips a:first-child{padding-right:clamp(14px,2vw,30px)}
html body .tbl-chips a:first-child[aria-current]{background:linear-gradient(#0b3a5c,#0b3a5c) left bottom/calc(100% - clamp(14px,2vw,30px)) 3px no-repeat}
html body .tbl-chips a:focus-visible{outline-color:#1f6fa8}
html body .tbl-chips-intro{color:#3a5d78}
@media (max-width:767px){html body .tbl-chips a:first-child[aria-current]{background-size:calc(100% - 22px) 3px}}

/* ===== 1.1.13 the Neighborhoods tab (replaces Peninsula + More): a tab like the others, on computers and phones ===== */
#tbl-site-header .tbl-hd-tabs .tbl-hd-dd-hoods .tbl-hd-ddb-wide{font:800 12px/1.2 inherit;letter-spacing:.025em;text-transform:uppercase;color:inherit;gap:8px}
#tbl-site-header .tbl-hd-tabs .tbl-hd-dd-hoods .tbl-hd-ddb-wide[aria-current]{background:#134c70;border-bottom-color:#8fd0f5}
#tbl-site-header .tbl-hd-dd-hoods .tbl-hd-ddp{top:100%;margin-top:6px}
@media (max-width:767px){
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd-more{display:flex!important}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd-hoods .tbl-hd-ddb-wide{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;min-height:44px;padding:6px 4px;font-size:clamp(7.5px,2vw,11px);font-weight:700;letter-spacing:0;line-height:1.15;white-space:normal;position:relative}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd-hoods .tbl-hd-ddb-wide svg{display:none}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd-hoods .tbl-hd-ddb-wide::after{content:"";width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);opacity:.75;margin-top:1px;transition:transform .16s ease}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd-hoods.is-open .tbl-hd-ddb-wide::after{transform:rotate(-135deg);margin-top:5px}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd-hoods .tbl-hd-ddb-wide::before{content:"";position:absolute;left:0;top:28%;bottom:28%;width:1px;background:#5a91ac;pointer-events:none}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd .tbl-hd-ddp:not([hidden]){display:block!important;position:absolute;top:calc(100% + 6px);min-width:0;max-height:calc(100vh - 220px);overflow:auto}
}
#tbl-site-header .tbl-hd-tabs .tbl-hd-dd-hoods .tbl-hd-ddb-wide{font-family:inherit;font-weight:800;font-size:12px;line-height:1.2;letter-spacing:.025em;hyphens:manual;-webkit-hyphens:manual}
@media (max-width:767px){html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd-hoods .tbl-hd-ddb-wide{font-weight:700;font-size:clamp(7.5px,2vw,11px);letter-spacing:0;padding:6px 2px}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd-hoods .tbl-hd-ddb-wide span{display:block;max-width:100%;text-align:center}}

/* ===== 1.1.15 a clearer edge on every pop-out (thicker light-blue line + a dark halo), so it never blends into the navy ===== */
html body #tbl-site-header .tbl-hd-panel.tbl-hd-sheet,html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp{border:1.5px solid rgba(143,208,245,.62)!important;box-shadow:0 0 0 4px rgba(3,14,24,.45),0 26px 60px rgba(0,8,16,.6),0 6px 16px rgba(0,8,16,.4)!important}
/* the ☰ menu: a section's fold-out begins with "All Surf & Coast" */
#tbl-site-header .tbl-hd-menu .tbl-hd-mgroup .tbl-hd-ddp a.tbl-hd-dd-all{color:var(--tbl-pop-accent);font-weight:500}
#tbl-site-header .tbl-hd-menu .tbl-hd-mgroup.is-open>a{color:var(--tbl-pop-accent)}
html body #tbl-site-header .tbl-hd-panel.tbl-hd-sheet,html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp{border:2px solid rgba(143,208,245,.85)!important}
html body #tbl-site-header .tbl-hd-menu .tbl-hd-panel.tbl-hd-sheet,html body #tbl-site-header .tbl-hd-search .tbl-hd-panel.tbl-hd-sheet{border:2px solid rgba(143,208,245,.85)!important;box-shadow:0 0 0 4px rgba(3,14,24,.45),0 26px 60px rgba(0,8,16,.6),0 6px 16px rgba(0,8,16,.4)!important}

/* ===== 1.1.19 the ☰ menu on computers: tighter rows (no inner scroll bar) ===== */
@media (min-width:768px){
 html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-sheet-in{padding:16px 18px 14px!important}
 html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-panel-title{margin:0 0 4px}
 html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-menu-links>a,html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mgroup>a,html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mtog-wide{min-height:38px!important;font-size:15px!important}
 html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mtog{min-height:38px;min-width:36px}
 html body #tbl-site-header .tbl-hd-menu .tbl-hd-mgroup .tbl-hd-ddp a{min-height:32px;padding:5px 10px;font-size:14px}
 html body #tbl-site-header .tbl-hd-menu .tbl-hd-menu-tools{margin:10px 0 0}
 html body #tbl-site-header .tbl-hd-menu .tbl-hd-tool{min-height:34px;padding:6px 12px}
}
/* if a very short window still needs scrolling, keep the bar slim and inside the rounded edge */
#tbl-site-header .tbl-hd-sheet{scrollbar-width:thin;scrollbar-color:rgba(143,208,245,.35) transparent}
#tbl-site-header .tbl-hd-sheet::-webkit-scrollbar{width:6px}#tbl-site-header .tbl-hd-sheet::-webkit-scrollbar-thumb{background:rgba(143,208,245,.35);border-radius:3px}

/* ===== 1.1.20 ☰ menu: the mouse wheel scrolls it from anywhere, and much tighter rows ===== */
/* one scroll area only (the card); the inside just clips sideways, so the wheel works over the words */
#tbl-site-header .tbl-hd-sheet .tbl-hd-sheet-in{overflow:visible!important;overflow-x:clip!important;overscroll-behavior:auto}
#tbl-site-header .tbl-hd-sheet{overflow-y:auto;overscroll-behavior:contain}
/* no big box around a row after you click it (keyboard focus still shows) */
#tbl-site-header .tbl-hd-sheet :is(a,button):focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
#tbl-site-header .tbl-hd-sheet :is(a,button):focus-visible{outline:2px solid #8fd0f5;outline-offset:-2px;border-radius:6px}
html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-sheet-in{padding:12px 16px 12px!important}
html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-panel-title{margin:0 0 2px!important;font-size:10px!important}
html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-menu-links>a,html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mgroup>a,html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mtog-wide{min-height:32px!important;padding:0 2px!important;font-size:14.5px!important;line-height:1.2!important}
html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mtog{min-height:32px!important;min-width:32px!important}
html body #tbl-site-header .tbl-hd-menu .tbl-hd-mgroup .tbl-hd-ddp{margin:0 0 6px 3px!important;padding:0 0 0 10px!important}
html body #tbl-site-header .tbl-hd-menu .tbl-hd-mgroup .tbl-hd-ddp a{min-height:27px!important;padding:3px 8px!important;font-size:13.5px!important;line-height:1.25!important}
html body #tbl-site-header .tbl-hd-menu .tbl-hd-menu-tools{margin:8px 0 0!important;gap:6px!important}
html body #tbl-site-header .tbl-hd-menu .tbl-hd-tool{min-height:30px!important;padding:4px 10px!important;font-size:12.5px!important}
@media (max-width:767px){   /* phones keep comfortable tap targets */
 html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-menu-links>a,html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mgroup>a,html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mtog-wide{min-height:40px!important;font-size:15px!important}
 html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mtog{min-height:40px!important;min-width:40px!important}
 html body #tbl-site-header .tbl-hd-menu .tbl-hd-mgroup .tbl-hd-ddp a{min-height:34px!important;font-size:14px!important}
 html body #tbl-site-header .tbl-hd-menu .tbl-hd-tool{min-height:36px!important}
}

/* ===== 1.1.21 tighter tab dropdowns and sub-topic row (no "All ..." row: clicking the tab already goes to the section) ===== */
@media (min-width:768px){
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp{min-width:210px;padding:5px!important}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp a{min-height:30px!important;padding:5px 10px!important;gap:12px!important;font-size:14px!important;line-height:1.2!important}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp small{font-size:11.5px}
}
@media (max-width:767px){
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp{padding:5px!important}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp a{min-height:36px!important;padding:6px 10px!important;font-size:14px!important}
}
/* sub-topic row: one tight line, no divider after the first item */
html body .tbl-chips{margin:-16px 0 16px}
html body .tbl-chips-in{gap:0 18px!important;padding-top:0}
html body .tbl-chips a{padding:10px 0 8px;gap:5px;letter-spacing:.06em}
html body .tbl-chips a:first-child{padding-right:0!important;background:none!important}
html body .tbl-chips a:first-child::before{display:none!important}
html body .tbl-chips a:first-child[aria-current]{border-bottom-color:#0b3a5c!important}
@media (max-width:767px){html body .tbl-chips-in{gap:0 16px!important}html body .tbl-chips a{padding:10px 0 8px}}

/* ===== 1.1.22 flip tabs: the whole tab is the button. It flips over (turning light blue while it's edge-on)
   and the list swings down out of its bottom edge as the flip lands. No little arrows, phones or computers. ===== */
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd>.tbl-hd-ddb:not(.tbl-hd-ddb-wide){display:none!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddb-wide svg{display:none!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd>a::after,html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd-hoods .tbl-hd-ddb-wide::after{display:none!important;content:none!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd>a,html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddb-wide{cursor:pointer;position:relative;z-index:32;backface-visibility:hidden;transform-origin:50% 50%;transition:background-color .12s,color .12s}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd.is-open{background:none!important;box-shadow:none!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd.is-open>a,html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd.is-open>.tbl-hd-ddb-wide{background:#e4eff8!important;color:#0b3a5c!important;border-bottom-color:#e4eff8!important;box-shadow:none!important;transition:none}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd.is-open>a::before,html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd.is-open>.tbl-hd-ddb-wide::before{opacity:0}


/* the list hangs right off the tab's bottom edge and swings down from it */
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp:not([hidden]),html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp:not([hidden])>*{animation:none!important}
@media (min-width:768px){html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd .tbl-hd-ddp{top:100%!important;margin-top:0!important;min-width:max(100%,210px)}}
@media (max-width:767px){html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd .tbl-hd-ddp:not([hidden]){top:calc(100% + 2px)!important;margin-top:0!important}}
@keyframes tbl-ddp-unfold{
 0%{opacity:0;transform:perspective(900px) rotateX(-92deg) scaleY(.55)}
 30%{opacity:1}
 72%{transform:perspective(900px) rotateX(7deg) scaleY(1.02)}
 100%{opacity:1;transform:perspective(900px) rotateX(0) scaleY(1)}}
@keyframes tbl-ddp-fold{
 0%{opacity:1;transform:perspective(900px) rotateX(0) scaleY(1)}
 100%{opacity:0;transform:perspective(900px) rotateX(-90deg) scaleY(.55)}}
@keyframes tbl-ddp-row{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-unfolding:not([hidden]){animation:tbl-ddp-unfold .46s cubic-bezier(.2,.8,.25,1) .17s both!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-unfolding:not([hidden])>*{animation:tbl-ddp-row .26s ease-out .4s both!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-unfolding:not([hidden])>*:nth-child(2){animation-delay:.43s!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-unfolding:not([hidden])>*:nth-child(3){animation-delay:.46s!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-unfolding:not([hidden])>*:nth-child(4){animation-delay:.49s!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-unfolding:not([hidden])>*:nth-child(n+5){animation-delay:.52s!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-folding:not([hidden]){animation:tbl-ddp-fold .2s ease-in both!important}
@media (prefers-reduced-motion:reduce){html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd>a,html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddb-wide,html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp,html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp>*{animation:none!important}}

/* ===== 1.1.23 the real flip: a copy of the tab falls forward off its bottom edge (getting darker as it turns
   away from the light), and the box keeps turning out of that same edge, its top strip = the back of the tab ===== */
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd>a,html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddb-wide{transition:none!important}
.tbl-flap{position:fixed;z-index:2147483000;display:flex;align-items:center;justify-content:center;box-sizing:border-box;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;pointer-events:none;transform-origin:50% 100%;backface-visibility:hidden;box-shadow:0 0 0 1px rgba(143,208,245,.25)}
@keyframes tbl-flap-fall{from{transform:perspective(360px) rotateX(0);filter:brightness(1)}to{transform:perspective(360px) rotateX(-90deg);filter:brightness(1.9)}}
@keyframes tbl-flap-rise{from{transform:perspective(360px) rotateX(-90deg);filter:brightness(1.9)}to{transform:perspective(360px) rotateX(0);filter:brightness(1)}}
.tbl-flap.is-falling{animation:tbl-flap-fall .3s cubic-bezier(.55,0,1,.6) both}
.tbl-flap.is-rising{animation:tbl-flap-rise .26s cubic-bezier(0,.4,.45,1) both}
@keyframes tbl-ddp-turn{
 0%{transform:perspective(700px) rotateX(90deg);filter:brightness(1.6)}
 62%{transform:perspective(700px) rotateX(-7deg);filter:brightness(1)}
 82%{transform:perspective(700px) rotateX(2deg)}
 100%{transform:perspective(700px) rotateX(0);filter:none}}
@keyframes tbl-ddp-unturn{from{transform:perspective(700px) rotateX(0)}to{transform:perspective(700px) rotateX(90deg);filter:brightness(1.6)}}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-unfolding:not([hidden]){animation:tbl-ddp-turn .5s cubic-bezier(.1,.6,.35,1) .29s both!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-folding:not([hidden]){animation:tbl-ddp-unturn .21s cubic-bezier(.55,0,1,.6) both!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-unfolding:not([hidden])>.tbl-flip-head{animation:none!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-unfolding:not([hidden])>*:not(.tbl-flip-head){animation:tbl-ddp-row .24s ease-out .52s both!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-unfolding:not([hidden])>*:nth-child(3){animation-delay:.56s!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-unfolding:not([hidden])>*:nth-child(4){animation-delay:.6s!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-unfolding:not([hidden])>*:nth-child(5){animation-delay:.64s!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-unfolding:not([hidden])>*:nth-child(n+6){animation-delay:.68s!important}
/* the box's top strip: the back of the tab (light blue, the section name; click it for the whole section) */
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp{overflow:hidden;padding-top:0!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp>.tbl-flip-head{display:flex!important;justify-content:space-between;align-items:center;gap:10px;min-height:0!important;margin:0 -5px 5px!important;padding:9px 15px!important;border-radius:0!important;background:#e4eff8!important;color:#0b3a5c!important;font:800 11.5px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:.09em!important;text-transform:uppercase!important;text-decoration:none!important;white-space:nowrap}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp>.tbl-flip-head i{font-style:normal;font-size:14px;transition:transform .15s}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp>a.tbl-flip-head:hover{background:#d3e6f5!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp>a.tbl-flip-head:hover i{transform:translateX(3px)}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp>.tbl-flip-head span::before{display:none!important}
@media (min-width:768px){html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd .tbl-hd-ddp{border-top-left-radius:0!important}}
@media (prefers-reduced-motion:reduce){.tbl-flap{display:none!important}}

/* ===== 1.1.24 tabs never sit on top of the ☰ menu or search (their stacking was raised in 1.1.22) ===== */
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd>a,html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddb-wide{z-index:auto!important}
/* the ☰ menu and search flip out of their buttons, like the tabs */
.tbl-flap-btn{box-sizing:border-box;overflow:hidden}
.tbl-flap-btn svg{flex:none}
@keyframes tbl-sheet-turn{
 0%{transform:perspective(900px) rotateX(90deg);filter:brightness(1.5)}
 62%{transform:perspective(900px) rotateX(-6deg);filter:brightness(1)}
 82%{transform:perspective(900px) rotateX(2deg)}
 100%{transform:perspective(900px) rotateX(0);filter:none}}
@keyframes tbl-sheet-unturn{from{transform:perspective(900px) rotateX(0)}to{transform:perspective(900px) rotateX(90deg);filter:brightness(1.5)}}
html body #tbl-site-header .tbl-hd-sheet.is-flipin{animation:tbl-sheet-turn .55s cubic-bezier(.1,.6,.35,1) .27s both;clip-path:none!important}
html body #tbl-site-header .tbl-hd-sheet.is-flipout{animation:tbl-sheet-unturn .21s cubic-bezier(.55,0,1,.6) both;clip-path:none!important}
html body #tbl-site-header .tbl-hd-sheet.is-flipin.is-in .tbl-hd-sheet-in>*,html body #tbl-site-header .tbl-hd-sheet.is-flipin.is-in .tbl-hd-menu-links>a,html body #tbl-site-header .tbl-hd-sheet.is-flipin.is-in .tbl-hd-mgroup{animation:tbl-sheet-item .36s cubic-bezier(.2,.8,.2,1) .55s both!important}
html body #tbl-site-header .tbl-hd-sheet.is-flipin.is-in .tbl-hd-menu-links>:nth-child(2){animation-delay:.58s!important}
html body #tbl-site-header .tbl-hd-sheet.is-flipin.is-in .tbl-hd-menu-links>:nth-child(3){animation-delay:.61s!important}
html body #tbl-site-header .tbl-hd-sheet.is-flipin.is-in .tbl-hd-menu-links>:nth-child(4){animation-delay:.64s!important}
html body #tbl-site-header .tbl-hd-sheet.is-flipin.is-in .tbl-hd-menu-links>:nth-child(5){animation-delay:.67s!important}
html body #tbl-site-header .tbl-hd-sheet.is-flipin.is-in .tbl-hd-menu-links>:nth-child(n+6){animation-delay:.7s!important}
html body #tbl-site-header .tbl-hd-sheet.is-flipin.is-in .tbl-hd-menu-links{animation:none!important}

/* ===== 1.1.25 slower flips you can actually watch (about 1.6x), dropdowns look like the ☰ menu
   (no light-blue strip on top, no light-blue tab), and no article counts anywhere in the menus ===== */
.tbl-flap.is-falling{animation-duration:.5s!important}
.tbl-flap.is-rising{animation-duration:.4s!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-unfolding:not([hidden]){animation:tbl-ddp-turn .8s cubic-bezier(.1,.6,.35,1) .48s both!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-folding:not([hidden]){animation:tbl-ddp-unturn .32s cubic-bezier(.55,0,1,.6) both!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-unfolding:not([hidden])>*{animation:tbl-ddp-row .3s ease-out .9s both!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-unfolding:not([hidden])>*:nth-child(2){animation-delay:.96s!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-unfolding:not([hidden])>*:nth-child(3){animation-delay:1.02s!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-unfolding:not([hidden])>*:nth-child(4){animation-delay:1.08s!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp.is-unfolding:not([hidden])>*:nth-child(n+5){animation-delay:1.14s!important}
html body #tbl-site-header .tbl-hd-sheet.is-flipin{animation:tbl-sheet-turn .85s cubic-bezier(.1,.6,.35,1) .46s both!important}
html body #tbl-site-header .tbl-hd-sheet.is-flipout{animation:tbl-sheet-unturn .32s cubic-bezier(.55,0,1,.6) both!important}
html body #tbl-site-header .tbl-hd-sheet.is-flipin.is-in .tbl-hd-sheet-in>*,html body #tbl-site-header .tbl-hd-sheet.is-flipin.is-in .tbl-hd-menu-links>a,html body #tbl-site-header .tbl-hd-sheet.is-flipin.is-in .tbl-hd-mgroup{animation:tbl-sheet-item .4s cubic-bezier(.2,.8,.2,1) .95s both!important}
html body #tbl-site-header .tbl-hd-sheet.is-flipin.is-in .tbl-hd-menu-links>:nth-child(2){animation-delay:1s!important}
html body #tbl-site-header .tbl-hd-sheet.is-flipin.is-in .tbl-hd-menu-links>:nth-child(3){animation-delay:1.05s!important}
html body #tbl-site-header .tbl-hd-sheet.is-flipin.is-in .tbl-hd-menu-links>:nth-child(4){animation-delay:1.1s!important}
html body #tbl-site-header .tbl-hd-sheet.is-flipin.is-in .tbl-hd-menu-links>:nth-child(5){animation-delay:1.15s!important}
html body #tbl-site-header .tbl-hd-sheet.is-flipin.is-in .tbl-hd-menu-links>:nth-child(n+6){animation-delay:1.2s!important}
/* dropdown = same dark card as the ☰ menu */
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp>.tbl-flip-head{display:none!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp{padding-top:6px!important;background-color:#06192a!important;background-image:radial-gradient(130% 55% at 0 0,rgba(70,140,190,.16),transparent 62%)!important}
@media (min-width:768px){html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd .tbl-hd-ddp{border-top-left-radius:var(--tbl-pop-r,16px)!important;top:calc(100% + 4px)!important}}
/* the open tab stays navy with the light-blue line under it (like the current section), no light-blue block, no box around it */
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd.is-open>a,html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd.is-open>.tbl-hd-ddb-wide{background:#174967!important;color:#fff!important;border-bottom-color:transparent!important;box-shadow:inset 0 -3px 0 #8fd0f5!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd.is-open>a::before,html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd.is-open>.tbl-hd-ddb-wide::before{opacity:1}
html body #tbl-site-header .tbl-hd-tabs :is(a,button):focus:not(:focus-visible){outline:none!important}
.tbl-flap{filter:none}
@keyframes tbl-flap-fall{from{transform:perspective(360px) rotateX(0);filter:brightness(1)}to{transform:perspective(360px) rotateX(-90deg);filter:brightness(1.35)}}
@keyframes tbl-flap-rise{from{transform:perspective(360px) rotateX(-90deg);filter:brightness(1.35)}to{transform:perspective(360px) rotateX(0);filter:brightness(1)}}
/* no article counts in the dropdowns, the ☰ menu or the topic row (readers explore every topic, not just the big ones) */
html body #tbl-site-header .tbl-hd-ddp small{display:none!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp{min-width:max(100%,180px)!important}
html body .tbl-chips a>span{display:none!important}
/* dropdown rows read like the ☰ menu rows: same size, thin line between them */
@media (min-width:768px){html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp{padding:6px 14px!important;min-width:max(100%,230px)!important}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp a{min-height:40px!important;padding:8px 4px!important;font-size:15px!important;font-weight:500!important;border-radius:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important}}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp a:last-child{border-bottom:0!important}
@media (max-width:767px){html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp a{border-radius:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important}}
/* no box around the ☰ / search button after a click (keyboard focus still shows) */
html body #tbl-site-header summary:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}

/* ===== 1.1.26 one line everywhere: the same 1px blue (#5a91ac) used under "The Balboa Local", above the tabs
   and between the tabs now edges every pop-out and separates every row. Rows tighter, type lighter (no bold). ===== */
#tbl-site-header{--tbl-line:#5a91ac}
/* the outside of the ☰ menu, search and the tab dropdowns */
html body #tbl-site-header .tbl-hd-menu .tbl-hd-panel.tbl-hd-sheet,html body #tbl-site-header .tbl-hd-search .tbl-hd-panel.tbl-hd-sheet,html body #tbl-site-header .tbl-hd-panel.tbl-hd-sheet,html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp{border:1px solid var(--tbl-line)!important;box-shadow:0 18px 40px rgba(0,8,16,.5),0 4px 12px rgba(0,8,16,.35)!important}
/* lines between rows */
html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-menu-links>a,html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mgroup,html body #tbl-site-header .tbl-hd-sheet .tbl-hd-mgroup{border-bottom:1px solid var(--tbl-line)!important}
html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-menu-links>:last-child{border-bottom:0!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp a{border-bottom:1px solid var(--tbl-line)!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp a:last-child{border-bottom:0!important}
html body #tbl-site-header .tbl-hd-menu .tbl-hd-mgroup .tbl-hd-ddp{border-left:1px solid var(--tbl-line)!important}
html body #tbl-site-header .tbl-hd-menu .tbl-hd-tool{border:1px solid var(--tbl-line)!important}
/* lighter type: regular weight in every list, a quieter "SECTIONS" label */
html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-menu-links>a,html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mgroup>a,html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mtog-wide,html body #tbl-site-header .tbl-hd-menu .tbl-hd-mgroup .tbl-hd-ddp a,html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp a,html body #tbl-site-header .tbl-hd-menu .tbl-hd-tool{font-weight:400!important}
html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-panel-title{font-weight:600!important}
/* tighter rows */
@media (min-width:768px){
 html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-menu-links>a,html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mgroup>a,html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mtog-wide,html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mtog{min-height:30px!important;font-size:14.5px!important}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp a{min-height:32px!important;padding:6px 4px!important;font-size:14.5px!important}
}
@media (max-width:767px){
 html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-menu-links>a,html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mgroup>a,html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mtog-wide,html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-mtog{min-height:36px!important;font-size:15px!important}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp a{min-height:34px!important}
}

/* ===== 1.1.27 the open tab turns white with the coral-orange edge from the Instagram button (#ea725a).
   (The section name repeated at the top of the dropdown is gone since 1.1.25.) ===== */
#tbl-site-header{--tbl-coral:#ea725a}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd.is-open>a,html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd.is-open>.tbl-hd-ddb-wide{background:#fff!important;color:#0b3a5c!important;border-bottom-color:transparent!important;box-shadow:inset 0 0 0 2px var(--tbl-coral)!important;border-radius:6px 6px 0 0;background-clip:padding-box!important}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd.is-open>a::before,html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd.is-open>.tbl-hd-ddb-wide::before{opacity:0!important}
@keyframes tbl-flap-fall{from{transform:perspective(360px) rotateX(0);filter:brightness(1)}to{transform:perspective(360px) rotateX(-90deg);filter:brightness(2.2)}}
@keyframes tbl-flap-rise{from{transform:perspective(360px) rotateX(-90deg);filter:brightness(2.2)}to{transform:perspective(360px) rotateX(0);filter:brightness(1)}}

/* ===== 1.1.28 phones keep the section name on top of the dropdown (the tiny tab is hard to read there);
   computers don't show it (the tab is easy to read) ===== */
@media (max-width:767px){
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp>.tbl-flip-head{display:flex!important;margin:0 -5px 4px!important;border-bottom:1px solid var(--tbl-line)!important}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp{padding-top:0!important}
}

/* ===== 1.1.29 phones: the dropdown card stays on the screen (a 1.1.25 width rule stretched it to the whole tab bar
   and pushed it off the right edge) ===== */
@media (max-width:767px){html body #tbl-site-header .tbl-hd-tabs .tbl-hd-ddp{min-width:0!important;max-width:calc(100vw - 24px)!important;box-sizing:border-box}}

/* ===== 1.2.0 THE LOCAL lifeguard tower (no arrow): the ☰ menu button and the icon beside THE LOCAL tab ===== */
#tbl-site-header summary .tbl-hd-tower{display:block;width:auto;height:34px;max-width:46px;object-fit:contain;pointer-events:none;transition:transform .2s ease}
#tbl-site-header .tbl-hd-menu summary{min-width:52px}
#tbl-site-header .tbl-hd-menu summary:hover .tbl-hd-tower{transform:translateY(-1px) scale(1.04)}
#tbl-site-header .tbl-hd-menu[open] summary .tbl-hd-tower{transform:scale(.94)}
@media (max-width:767px){#tbl-site-header summary .tbl-hd-tower{height:32px;max-width:40px}}
#tbl-site-header .tbl-hd-tabs a.tbl-hd-home .tbl-hd-home-tower{flex:0 0 auto;display:block;width:auto;height:21px;margin:-3px 0 -2px;object-fit:contain}
@media (max-width:767px){#tbl-site-header .tbl-hd-tabs a.tbl-hd-home .tbl-hd-home-tower{height:16px;margin:0}}
@media (prefers-reduced-motion:reduce){#tbl-site-header summary .tbl-hd-tower{transition:none}}

/* ===== 1.2.1 the tower sits dead center in its square (phones and computers) ===== */
#tbl-site-header .tbl-hd-menu summary{padding:0!important;overflow:hidden}
#tbl-site-header .tbl-hd-menu summary .tbl-hd-tower{position:absolute;left:50%;top:50%;width:76%;height:76%;max-width:none;margin:0;object-fit:contain;object-position:center;transform:translate(-50%,-50%)}
#tbl-site-header .tbl-hd-menu summary:hover .tbl-hd-tower{transform:translate(-50%,-52%) scale(1.04)}
#tbl-site-header .tbl-hd-menu[open] summary .tbl-hd-tower{transform:translate(-50%,-50%) scale(.94)}
@media (max-width:767px){#tbl-site-header .tbl-hd-menu summary .tbl-hd-tower{left:calc(50% - 1px);top:calc(50% - 1px)}}   /* the drawn square is 2px narrower on phones */

/* ===== 1.2.6 / 1.2.8 tall section tabs, PHONES ONLY (computers keep the original tab lettering, Eric Oct. 30).
   Oswald (condensed newspaper sans, bundled) sized to fit the phone screen. THE HOODS stacks everywhere. ===== */
@font-face{font-family:"Balboa Tab";src:url(fonts/oswald-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:fallback}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-stack{display:flex;flex-direction:column;align-items:center;line-height:1}
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-stack b{display:block;font-weight:inherit}
@media (max-width:767px){
 html body #tbl-site-header .tbl-hd-tabs>div>a:not(.tbl-hd-home),html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd>a,html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd-hoods .tbl-hd-ddb-wide{font-family:"Balboa Tab","Oswald","Arial Narrow",sans-serif!important;font-weight:600!important;font-size:clamp(9.5px,2.95vw,12.5px)!important;line-height:1!important;letter-spacing:.01em!important;text-transform:uppercase!important;padding-left:2px!important;padding-right:2px!important;min-width:0!important;overflow-wrap:normal}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd-hoods .tbl-hd-ddb-wide{font-size:clamp(9px,2.7vw,11.5px)!important}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-stack{line-height:.95}
 html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd-hoods .tbl-hd-stack b+b{font-size:1.12em}
}
.tbl-flap.is-stack .tbl-hd-stack{display:flex;flex-direction:column;align-items:center;line-height:.9}
.tbl-flap.is-stack .tbl-hd-stack b{display:block;font-weight:600}

/* ===== 1.2.7 ☰ menu: THE LOCAL row gets the little lifeguard tower (no arrow) in place of the dot ===== */
html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-menu-links>a:first-child span{display:inline-flex;align-items:center}
html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-menu-links>a:first-child span::before{content:""!important;display:inline-block!important;width:24px!important;height:21px!important;margin:0 9px 0 0!important;border-radius:0!important;background:url(img/tower-local-yellow.webp) center/contain no-repeat!important;vertical-align:middle;flex:none}
@media (max-width:767px){html body #tbl-site-header .tbl-hd-tabs>div>a:not(.tbl-hd-home),html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd>a{padding-left:5px!important;padding-right:5px!important;text-wrap:balance}}

/* ===== 1.2.12 search is a compact card (360px on computers, a right-aligned card on phones) with the same tight look
   as the ☰ menu: small label, one slim search field, a small City Records link ===== */
html body #tbl-site-header .tbl-hd-search .tbl-hd-panel.tbl-hd-sheet{border-radius:var(--tbl-pop-r-big,18px)!important;border:1px solid var(--tbl-line,#5a91ac)!important}
html body #tbl-site-header .tbl-hd-search .tbl-hd-sheet .tbl-hd-sheet-in{padding:12px 14px 12px!important}
html body #tbl-site-header .tbl-hd-search .tbl-hd-sheet label{display:block;margin:0 34px 8px 0!important;font:600 10.5px/1.3 var(--tbl-pop-font,system-ui,sans-serif)!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--tbl-pop-accent,#8fd0f5)!important}
html body #tbl-site-header .tbl-hd-search .tbl-hd-sheet form>div{border:1px solid var(--tbl-line,#5a91ac)!important;border-radius:10px!important;background:rgba(255,255,255,.06)!important}
html body #tbl-site-header .tbl-hd-search .tbl-hd-sheet input[type=search]{height:40px!important;min-height:40px!important;padding:8px 12px!important;font-size:16px!important}
html body #tbl-site-header .tbl-hd-search .tbl-hd-sheet button[type=submit]{flex-basis:40px!important;width:40px!important;height:40px!important;min-height:40px!important;padding:9px!important;border-left:1px solid var(--tbl-line,#5a91ac)!important}
html body #tbl-site-header .tbl-hd-search .tbl-hd-sheet button[type=submit] svg{width:19px;height:19px}
html body #tbl-site-header .tbl-hd-search .tbl-hd-search-records{margin-top:10px!important;min-height:30px!important;padding:4px 10px!important;font-size:12.5px!important;font-weight:400!important;border:1px solid var(--tbl-line,#5a91ac)!important}
html body #tbl-site-header .tbl-hd-search .tbl-hd-close{top:8px!important;right:8px!important;width:30px!important;height:30px!important}

/* ===== 1.2.13 phones: thinner coral edge on the open tab; a slimmer search card ("Search stories", and SEARCH / CITY RECORDS
   stacked in a small button) ===== */
@media (max-width:767px){html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd.is-open>a,html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd.is-open>.tbl-hd-ddb-wide{box-shadow:inset 0 0 0 1px var(--tbl-coral,#ea725a)!important}}
html body #tbl-site-header .tbl-hd-search .tbl-hd-search-records{display:inline-flex!important;align-items:center;gap:8px;width:auto!important;min-height:0!important;padding:5px 12px 5px 9px!important}
html body #tbl-site-header .tbl-hd-search .tbl-hd-search-records svg{width:16px;height:16px;flex:none}
html body #tbl-site-header .tbl-hd-recs{display:flex;flex-direction:column;line-height:1.1;text-align:left;font-size:12.5px}
html body #tbl-site-header .tbl-hd-recs small{font:700 9px/1.1 var(--tbl-pop-font,system-ui,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--tbl-pop-accent,#8fd0f5)}
@media (max-width:767px){html body #tbl-site-header .tbl-hd-search .tbl-hd-sheet .tbl-hd-sheet-in{padding:10px 12px 11px!important}html body #tbl-site-header .tbl-hd-search .tbl-hd-sheet label{margin-bottom:6px!important}}

/* ===== 1.2.14 narrower ☰ menu; bottom of the menu = City Records search field, Photos & Video, About The Local (stacked) ===== */
html body #tbl-site-header .tbl-hd-menu .tbl-hd-sheet .tbl-hd-sheet-in{padding:11px 12px 12px!important}
html body #tbl-site-header .tbl-hd-menu .tbl-hd-menu-tools{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;margin:10px 0 0!important}
html body #tbl-site-header .tbl-hd-menu .tbl-hd-menu-tools .tbl-hd-tool{display:flex!important;justify-content:flex-start!important;gap:8px;width:auto!important;min-height:34px!important;padding:6px 12px!important;border-radius:10px!important;font-size:13.5px!important}
html body #tbl-site-header .tbl-hd-menu .tbl-hd-menu-tools .tbl-hd-tool svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body #tbl-site-header .tbl-hd-recform{margin:0}
html body #tbl-site-header .tbl-hd-recform>div{display:flex;align-items:stretch;border:1px solid var(--tbl-line,#5a91ac);border-radius:10px;overflow:hidden;background:rgba(255,255,255,.06)}
html body #tbl-site-header .tbl-hd-recform input[type=search]{flex:1 1 auto;min-width:0;width:100%;height:36px;margin:0;padding:6px 10px;border:0;border-radius:0;background:transparent;color:#fff;font:400 16px/1.2 var(--tbl-pop-font,system-ui,sans-serif);box-shadow:none;-webkit-appearance:none;appearance:none}
html body #tbl-site-header .tbl-hd-recform input::placeholder{color:#b9d3e4;opacity:1}
html body #tbl-site-header .tbl-hd-recform input:focus{outline:0}
html body #tbl-site-header .tbl-hd-recform>div:focus-within{border-color:#8fd0f5;box-shadow:0 0 0 2px rgba(143,208,245,.35)}
html body #tbl-site-header .tbl-hd-recform button{flex:0 0 38px;display:grid;place-items:center;width:38px;height:36px;margin:0;padding:0;border:0;border-left:1px solid var(--tbl-line,#5a91ac);border-radius:0;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
html body #tbl-site-header .tbl-hd-recform button:hover,html body #tbl-site-header .tbl-hd-recform button:focus-visible{background:#3550d6;outline:0}
html body #tbl-site-header .tbl-hd-recform button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
html body #tbl-site-header .tbl-hd-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:767px){html body #tbl-site-header .tbl-hd-recform input[type=search]{height:40px}html body #tbl-site-header .tbl-hd-recform button{height:40px;flex-basis:42px;width:42px}html body #tbl-site-header .tbl-hd-menu .tbl-hd-menu-tools .tbl-hd-tool{min-height:40px!important}}
/* search card (magnifying glass): keep the field comfortable in the slimmer card */
html body #tbl-site-header .tbl-hd-search .tbl-hd-sheet .tbl-hd-search-records{max-width:100%}

/* 1.2.27 the menu button is the MENU lifeguard tower (hamburger bars on the hut); a touch bigger so MENU reads */
#tbl-site-header .tbl-hd-menu summary .tbl-hd-tower{width:90%;height:90%}

/* 1.2.29 the search magnifying glass is lifeguard yellow, to match the yellow MENU and THE LOCAL lettering */
html body #tbl-site-header .tbl-hd-search summary .tbl-hd-glass{color:#ffc72c!important;stroke:#ffc72c!important}

/* 1.2.32 the yellow magnifying glass is drawn with a thicker line (no blue border) */
html body #tbl-site-header .tbl-hd-search summary .tbl-hd-glass{stroke-width:3.2!important}

/* 1.2.54 About stands out in lifeguard yellow (coral read like a warning); the tools sit right under the section links */
html body #tbl-site-header .tbl-hd-menu .tbl-hd-tool.tbl-hd-aboutlink{color:#ffc72c!important;border-color:rgba(255,199,44,.6)!important;background:rgba(255,199,44,.1)!important}
html body #tbl-site-header .tbl-hd-menu .tbl-hd-tool.tbl-hd-aboutlink svg{stroke:#ffc72c!important}
html body #tbl-site-header .tbl-hd-menu .tbl-hd-tool.tbl-hd-aboutlink:hover{background:rgba(255,199,44,.18)!important}
html body #tbl-site-header .tbl-hd-menu .tbl-hd-menu-links{margin-bottom:0!important;padding-bottom:0!important}
html body #tbl-site-header .tbl-hd-menu .tbl-hd-menu-tools.tbl-hd-menu-tools{margin-top:6px!important}

/* 1.2.77: restore the original thin blue rules; keep 2px outlines on the menu/search buttons. */
#tbl-site-header{box-shadow:0 2px 0 #b9d8e8}
#tbl-site-header .tbl-hd-tagline{border-top-width:1px}
#tbl-site-header .tbl-hd-tabs::before{height:1px}
#tbl-site-header .tbl-hd-tabs a+a::before{width:1px}
#tbl-site-header summary{border-width:2px}
#tbl-site-header summary::before{border-width:2px}
#tbl-site-header .tbl-hd-kicker::after{height:1px}
/* The original tab rules are defined in higher-specificity dropdown/mobile selectors. */
html body #tbl-site-header .tbl-hd-tabs a+a::before,
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd::before,
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd+a::before,
html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd-hoods .tbl-hd-ddb-wide::before{width:1px!important}
@media (max-width:767px){html body #tbl-site-header .tbl-hd-tabs .tbl-hd-dd>a::before{width:1px!important}}
/* 1.2.117 (Eric, Nov 4) a small, quiet count beside All Articles only; topics stay without counts */
html body #tbl-site-header .tbl-hd-ddp a.tbl-hd-dd-all .tbl-hd-dd-n{flex:0 0 auto;display:inline-block;margin-left:8px;padding:0;background:none;color:#f0b53a;font:600 11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.02em;font-variant-numeric:tabular-nums;opacity:.9}

/* 1.2.118 (Eric, Nov 4) computers: a smaller, tighter masthead so the stories start higher up. Phones are unchanged. */
@media (min-width:783px){
 html body #tbl-site-header .tbl-hd-inner{--hd-toggle-top:30px;padding-top:10px!important;padding-bottom:8px!important}
 html body #tbl-site-header .tbl-hd-kicker{margin-bottom:2px!important;font-size:10px!important;min-height:0!important}
 html body #tbl-site-header .tbl-hd-name{font-size:clamp(44px,4.6vw,60px)!important}
 html body #tbl-site-header .tbl-hd-tagline{padding-top:5px!important;font-size:10px!important}
}
/* 1.2.125 (Eric, Nov 5) Search city records in the menu looks like the search box but opens the City Records page */
html body #tbl-site-header a.tbl-hd-recgo{display:block;text-decoration:none;color:#fff}
html body #tbl-site-header .tbl-hd-rectxt{flex:1 1 auto;min-width:0;display:flex;align-items:center;height:36px;padding:6px 10px;box-sizing:border-box;color:#b9d3e4;font:400 16px/1.2 var(--tbl-pop-font,system-ui,sans-serif)}
html body #tbl-site-header .tbl-hd-recico{flex:0 0 38px;display:grid;place-items:center;width:38px;height:36px;border-left:1px solid var(--tbl-line,#5a91ac);background:rgba(255,255,255,.1);color:#fff}
html body #tbl-site-header .tbl-hd-recico svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
html body #tbl-site-header a.tbl-hd-recgo:hover>div,html body #tbl-site-header a.tbl-hd-recgo:focus-visible>div{border-color:#8fd0f5;box-shadow:0 0 0 2px rgba(143,208,245,.35)}
html body #tbl-site-header a.tbl-hd-recgo:hover .tbl-hd-recico{background:#3550d6}
@media (max-width:767px){html body #tbl-site-header .tbl-hd-rectxt{height:40px}html body #tbl-site-header .tbl-hd-recico{height:40px;flex-basis:42px;width:42px}}