/*
Theme Name: First Bar Music
Author: First Bar Music
Description: A custom publication theme for First Bar Music.
Version: 1.2.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: first-bar-music
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);line-height:1.65}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}img{display:block;max-width:100%;height:auto}button,input{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,5.2vw,5.8rem)}h2{font-size:clamp(2.1rem,3.1vw,3.4rem)}h3{font-size:1.65rem}p{max-width:68ch}.wrap{width:min(1320px,calc(100% - 88px));margin-inline:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;background:var(--ink);color:var(--paper);padding:14px;z-index:100}.site-header{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid var(--line);gap:32px}.wordmark{font-family:var(--display);font-size:28px;font-weight:600;line-height:.95;letter-spacing:-.05em}.wordmark span{display:block}.wordmark small{display:block;font-family:var(--body);font-size:10px;letter-spacing:.15em;font-weight:400;margin-top:9px}.site-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:24px;font-size:13px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.16em;font-weight:700;margin-bottom:20px}.hero{margin-block:42px 80px}.hero p:not(.eyebrow){font-size:17px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--accent);color:var(--onaccent);padding:15px 23px;font-size:13px;min-height:50px}.button:hover{filter:brightness(.94);text-decoration:none}.text-link{font-size:12px;font-weight:600;display:inline-flex;gap:24px;align-items:center}.hero-caption{font-size:10px;text-transform:uppercase;letter-spacing:.15em;margin-top:14px;color:var(--muted)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 0;border-top:1px solid var(--line);margin-bottom:30px}.section-heading .eyebrow{margin:0}.section-heading h2{margin:0}.section-heading>span{font-size:12px;color:var(--muted)}.journal-section{margin-bottom:80px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 32px}.story-card{padding-top:22px;border-top:1px solid var(--line);position:relative}.story-card p:not(.eyebrow){font-size:14px;color:var(--muted)}.story-card .eyebrow{font-size:10px;margin-bottom:13px}.story-number{display:block;color:var(--muted);font-size:12px;margin-bottom:22px}.resource-band{padding:40px;background:var(--soft);display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:80px}.resource-band>div{max-width:750px}.resource-band h2{font-size:2.2rem}.resource-band p{font-size:15px}.resource-band .button{flex-shrink:0}.site-footer{display:grid;grid-template-columns:1.5fr 1fr;gap:25px;border-top:1px solid var(--line);padding-block:42px 30px}.footer-name{font-family:var(--display);font-size:26px}.site-footer p{font-size:12px;color:var(--muted);max-width:400px;margin-top:12px}.site-footer nav{display:flex;gap:25px;align-items:start;justify-content:flex-end;flex-wrap:wrap;font-size:12px}.site-footer small{font-size:10px;color:var(--muted);grid-column:1/-1}.article-shell{max-width:1040px;padding-block:65px 90px}.article-header{border-bottom:1px solid var(--line);padding-bottom:35px;margin-bottom:45px}.article-header h1{font-size:clamp(2.5rem,4.8vw,4.8rem)}.article-meta{font-size:12px;color:var(--muted)}.article-content{max-width:760px;margin:auto;font-size:18px}.article-content h2{font-size:2.05rem;margin-top:46px;margin-bottom:20px}.article-content h3{font-size:1.5rem;margin-top:30px}.article-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.article-content p,.article-content ul,.article-content ol{margin-bottom:1.5em}.article-content li{padding-left:5px;margin-bottom:.5em}.article-content table{display:block;overflow-x:auto;border-collapse:collapse;max-width:100%;font-size:14px;margin-block:28px}.article-content th,.article-content td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:16px;min-width:150px}.article-content aside,.article-content blockquote{margin:32px 0;padding:24px;background:var(--soft);font-size:15px}.article-content aside h2{font-size:1.5rem;margin-top:0}.article-content .sources{font-size:13px}.article-content .sources h2{font-size:1.5rem}.post-nav{display:flex;gap:40px;justify-content:space-between;border-top:1px solid var(--line);margin-top:60px;padding-top:30px;font-size:14px}.empty-state{padding-block:100px}.navigation.pagination{margin-top:40px}.page-numbers{padding:8px}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.site-header{align-items:flex-start}.site-header nav{gap:14px;max-width:65%}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-band{flex-direction:column;align-items:flex-start}.hero{margin-bottom:55px}.section-heading>span{display:none}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.site-header{display:block;padding-block:22px}.site-header nav{max-width:none;justify-content:flex-start;gap:13px;margin-top:22px;font-size:11px}.story-grid{grid-template-columns:1fr;gap:30px}.story-card{padding-top:18px}.story-number{margin-bottom:12px}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:14px}.resource-band{padding:26px}.resource-band h2{font-size:1.9rem}.site-footer{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}.article-shell{padding-top:40px}.article-content{font-size:17px}.post-nav{flex-direction:column}.hero{margin-top:28px}}

:root{--ink:#142563;--paper:#f6f8ff;--muted:#5b6480;--line:#c8d2ef;--accent:#214ac1;--onaccent:#fff;--soft:#e7edff;--body:Arial,Helvetica,sans-serif;--display:Arial,Helvetica,sans-serif}
.firstbar-home{--paper:#f6f8ff;--ink:#142563;--muted:#5b6480;--accent:#214ac1;--onaccent:#fff;--soft:#e7edff;--line:#c8d2ef;--body:Arial,Helvetica,sans-serif;--display:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);font-family:var(--body)}
.fb-header{max-width:1320px;padding:30px 40px;margin:auto;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:35px}.fb-mark{display:flex;align-items:center;gap:14px;font:900 26px/.95 Arial,sans-serif;letter-spacing:-1.2px}.fb-mark small{display:block;color:#3659bc;font-size:15px;letter-spacing:4.7px;margin-top:6px}.fb-bars{display:flex;align-items:end;gap:4px;height:48px;padding:8px;background:#ffca49}.fb-bars i{display:block;width:7px;height:30px;background:#173588}.fb-bars i:nth-child(2){height:19px}.fb-bars i:nth-child(3){height:25px}.fb-header>p{font-size:12px;line-height:1.5;margin:0;color:#586789}.fb-about{font-size:12px;display:flex;gap:30px;align-items:center}.fb-about>span{font-size:20px}.fb-tabs{display:flex;justify-content:center;border-block:1px solid #c8d2ef;background:#fff;overflow-x:auto;padding:0 25px}.fb-tabs a{display:flex;align-items:center;white-space:nowrap;gap:13px;padding:17px 25px;font-size:12px;border-inline-end:1px solid #dce3f5}.fb-tabs a:first-child{border-inline-start:1px solid #dce3f5}.fb-tabs small{font-size:9px;color:#5771ac}.fb-tabs a:hover{background:#ffdf83;text-decoration:none}.fb-main{width:100%;margin:auto}
.fb-welcome{background:#2047b6;color:#fff;text-align:center;padding:55px 40px 0}.fb-welcome-copy{max-width:960px;margin:auto}.fb-welcome .fb-eyebrow{color:#ffdc78}.fb-welcome h1{font:800 clamp(3.5rem,6.4vw,6.5rem)/.98 Arial,sans-serif;letter-spacing:-.065em;margin:20px 0 25px}.fb-welcome h1 span{color:#ffce54}.fb-welcome-copy>p:not(.fb-eyebrow){font-size:17px;line-height:1.7;max-width:520px;margin:0 auto 22px;color:#e8efff}.fb-start{display:inline-flex;align-items:center;gap:28px;font-size:12px;font-weight:bold;color:#fff;padding:12px 0;border-bottom:1px solid #819ee7}.fb-start span{font-size:21px}.fb-welcome figure{max-width:1240px;margin:45px auto 0;position:relative;background:#162d7a}.fb-welcome figure>img{display:block;width:100%;aspect-ratio:2.45;object-fit:cover;object-position:center 58%;border-radius:0}.fb-welcome figcaption{display:flex;align-items:center;justify-content:space-between;gap:25px;text-align:left;background:#132a79;padding:16px 24px;font-size:12px}.fb-welcome figcaption small{color:#b9c9f4;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.fb-eyebrow{font:10px Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;font-weight:bold;color:#3659b6}
.fb-starting-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1240px;margin:auto;background:#ffcf56;border-bottom:1px solid #e2b64a}.fb-starting-points>a{padding:30px 34px;display:flex;flex-direction:column;gap:13px;border-right:1px solid #d9aa37}.fb-starting-points>a:last-child{border-right:0}.fb-starting-points small{font-size:9px;letter-spacing:.11em;font-weight:bold;color:#65501c}.fb-starting-points strong{font-size:25px;line-height:1.06;letter-spacing:-.045em}.fb-starting-points span{font-size:12px;line-height:1.6;color:#484432}.fb-starting-points>a:hover{background:#ffdb7e;text-decoration:none}
.fb-shelves{max-width:1240px;margin:auto;padding:65px 0 30px}.fb-library-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:12px 80px;align-items:end;padding:0 38px 42px}.fb-library-heading .fb-eyebrow{grid-column:1/-1;margin:0}.fb-library-heading h2{font:700 clamp(2.3rem,3.9vw,3.6rem)/1.05 Arial,sans-serif;letter-spacing:-.055em;margin:0}.fb-library-heading>p:last-child{font-size:14px;line-height:1.75;max-width:430px;color:#5b6480;margin:0}.fb-shelf{border-top:1px solid #c8d2ef;margin:0}.fb-shelf>header{display:flex;align-items:center;gap:20px;padding:20px 38px;background:#e7edff;border-bottom:1px solid #d5def4}.fb-shelf>header>span{display:grid;place-items:center;width:36px;height:36px;background:#214ac1;color:#fff;font-size:11px;font-weight:bold}.fb-shelf h3{font:700 23px/1.1 Arial,sans-serif;letter-spacing:-.035em;margin:0}.fb-shelf>header>small{margin-left:auto;color:#63739a;font-size:10px}.fb-shelf>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:12px 18px 27px;background:#fff}.fb-shelf article{padding:25px 20px 10px;border-right:1px solid #e0e6f6}.fb-shelf article:last-child{border-right:0}.fb-shelf h4{font:700 24px/1.17 Arial,sans-serif;letter-spacing:-.045em;margin:0 0 15px}.fb-shelf article p{font-size:13px;line-height:1.8;color:#616b86}.fb-read{display:inline-flex;gap:20px;align-items:center;font-size:11px;font-weight:bold;color:#2448b2}.fb-read>span{font-size:17px}.fb-shelf:nth-of-type(even)>header{background:#dbe5ff}.fb-shelves>.pagination{padding-inline:38px}
.fb-reading{max-width:1160px;margin:50px auto;background:#fff;border:1px solid #d1daf0;border-radius:12px;padding:45px}.fb-reading>header{max-width:820px;margin:0 auto 35px;text-align:center}.fb-reading h1{font:700 clamp(2.6rem,4.5vw,4.5rem)/1.07 Arial,sans-serif;letter-spacing:-.05em}.fb-reading time{font-size:11px;color:#6b789a}.fb-reading-grid{display:grid;grid-template-columns:minmax(0,730px) 210px;gap:45px}.fb-prose{min-width:0;font:18px/1.85 Georgia,serif;color:#273451}.fb-prose h2{font:700 30px/1.18 Arial,sans-serif;letter-spacing:-.04em;margin:40px 0 18px;color:#173588}.fb-prose h3{font:700 24px/1.25 Arial,sans-serif;color:#173588}.fb-prose a{text-decoration:underline;color:#214ac1}.fb-prose li{margin-bottom:10px}.fb-prose .sources{font-size:14px;background:#edf2ff;padding:20px;margin-top:35px;border-radius:0;border-left:4px solid #ffcb4d}.fb-side{background:#ffdf83;border-radius:0;padding:23px;align-self:start;position:sticky;top:30px}.fb-side h2{font:700 24px/1.1 Arial,sans-serif;letter-spacing:-.035em}.fb-side a{display:block;padding:15px 0;border-top:1px solid #d9b65b;font-size:12px;line-height:1.7}.fb-side span{display:block}.fb-side .fb-all{font-size:10px;text-transform:uppercase}.fb-pill{display:inline-block;background:#214ac1;color:#fff;padding:15px 23px;font-size:12px;margin-top:10px}.fb-browse{max-width:830px;margin:55px auto;padding:0 25px}.fb-browse>h1{font-weight:700;letter-spacing:-.055em}.fb-browse article{padding:30px;border-left:5px solid #ffcf56;background:#fff;margin:20px 0;border-bottom:1px solid #d1daf0}.fb-browse h2{font:700 30px/1.15 Arial,sans-serif;letter-spacing:-.04em}.fb-browse p{font-size:14px;color:#5b6480}.fb-family-note{max-width:1160px;margin:35px auto;background:#dfe8ff;padding:30px}.fb-footer{margin-top:60px;background:#142f80;color:#fff;padding:45px;text-align:center}.fb-footer>p{font:700 32px/1.1 Arial,sans-serif;letter-spacing:-.035em;margin:0 auto 22px;color:#ffce54}.fb-footer>div{display:flex;justify-content:center;gap:30px;font-size:11px}.fb-footer small{display:block;margin-top:24px;font-size:10px;color:#a9bdec}.fb-empty{max-width:1160px;margin:auto;padding:70px 25px}.firstbar-home .guide-figure{margin:0 0 40px}.firstbar-home .guide-figure img{width:100%;height:auto;border-radius:0}
.fb-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;margin:28px 0;border:1px solid #c4d0eb;background:#fff}.fb-table-scroll:focus-visible{outline:3px solid #214ac1;outline-offset:4px}.fb-prose .company-comparison{width:100%;min-width:28rem;border-collapse:collapse;table-layout:fixed;font:14px/1.7 Arial,sans-serif}.fb-prose .company-comparison caption{text-align:left;padding:18px;font:700 18px/1.4 Arial,sans-serif;color:#142563;background:#e7edff}.fb-prose .company-comparison th,.fb-prose .company-comparison td{padding:15px;text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #d5def4}.fb-prose .company-comparison thead th{background:#ffdf83;font-size:12px}.fb-prose .company-comparison th:first-child{width:41%}.fb-prose .company-comparison tbody th{font-weight:600}.fb-prose .company-comparison tbody tr:last-child th,.fb-prose .company-comparison tbody tr:last-child td{border-bottom:0}
@media(max-width:1000px){.fb-header{padding-inline:25px}.fb-tabs{justify-content:flex-start}.fb-tabs a{padding-inline:20px}.fb-starting-points>a{padding:25px}.fb-starting-points strong{font-size:23px}.fb-shelf>div{grid-template-columns:repeat(2,minmax(0,1fr))}.fb-shelf article:nth-child(2n){border-right:0}.fb-reading{margin-inline:25px;padding:35px}.fb-reading-grid{grid-template-columns:minmax(0,1fr) 200px;gap:30px}.fb-library-heading{gap:20px 45px}}
@media(max-width:760px){.fb-header{grid-template-columns:1fr auto;padding:24px 20px;gap:18px}.fb-header>p{display:none}.fb-mark{font-size:22px}.fb-mark small{font-size:12px;letter-spacing:4px}.fb-bars{height:43px;padding:7px}.fb-bars i{height:27px;width:6px}.fb-about{font-size:10px;gap:13px}.fb-tabs{padding-inline:20px}.fb-tabs a{font-size:11px;padding:14px 18px}.fb-tabs a:first-child{padding-left:0;border-left:0}.fb-welcome{padding:40px 20px 0}.fb-welcome h1{font-size:clamp(3rem,9.5vw,4.6rem);line-height:1.02}.fb-welcome-copy>p:not(.fb-eyebrow){font-size:15px;max-width:420px}.fb-welcome figure{margin-top:30px}.fb-welcome figure>img{aspect-ratio:1.7;object-position:center}.fb-welcome figcaption{padding:13px 16px;font-size:11px}.fb-welcome figcaption small{display:none}.fb-starting-points{grid-template-columns:1fr}.fb-starting-points>a{padding:23px 25px;border-right:0;border-bottom:1px solid #d9aa37;display:grid;grid-template-columns:1fr;gap:9px}.fb-starting-points>a:last-child{border-bottom:0}.fb-starting-points strong{font-size:25px}.fb-shelves{padding-top:40px}.fb-library-heading{display:block;padding:0 25px 30px}.fb-library-heading .fb-eyebrow{margin-bottom:17px}.fb-library-heading h2{font-size:38px;margin-bottom:20px}.fb-library-heading>p:last-child{font-size:14px}.fb-shelf>header{padding:18px 20px;gap:13px}.fb-shelf h3{font-size:21px}.fb-shelf>header>span{width:30px;height:30px}.fb-shelf>div{grid-template-columns:1fr;padding:0 20px 20px}.fb-shelf article{padding:24px 0 20px;border-right:0;border-bottom:1px solid #e0e6f6}.fb-shelf article:last-child{border-bottom:0}.fb-shelf h4{font-size:25px}.fb-reading{padding:25px 18px;margin:30px 15px}.fb-reading h1{font-size:38px}.fb-reading-grid{grid-template-columns:1fr}.fb-side{position:static}.fb-prose{font-size:17px}.fb-footer{padding:35px 20px}.fb-footer>p{font-size:28px}.fb-footer>div{gap:18px;flex-wrap:wrap}}