:root{--obd1-cream:#f8f8ed;--obd1-red:#c91226;--obd1-teal:#086077;--obd1-ink:#08091d;--obd1-muted:#365664;--obd1-warm-rule:#e8cfb3;--obd1-link:#b50920}
@font-face{font-family:Khand;src:url('fonts/khand-bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Khand;src:url('fonts/khand-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Murecho;src:url('fonts/murecho.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Anton;src:url('fonts/anton.woff2') format('woff2');font-weight:400;font-display:swap}
.obd1-hub{font-size:16px;--u:min(calc(100vw / 1536), 1px);--cream:var(--obd1-cream);--red:var(--obd1-red);--teal:var(--obd1-teal);--ink:var(--obd1-ink);margin:0;background:var(--cream);color:var(--ink);font-family:Murecho,sans-serif;font-weight:400;scrollbar-color:var(--teal) var(--cream)}
.obd1-hub *{box-sizing:border-box}
.obd1-hub ::selection{background:var(--teal);color:#fff}
.obd1-hub :focus-visible{outline:3px solid var(--teal);outline-offset:5px}
.obd1-hub a{color:var(--red);text-decoration-color:currentColor;text-underline-offset:.15em;text-decoration-thickness:1px}
.obd1-hub a:hover{color:var(--teal)}
.obd1-hub .skip-link{position:absolute;left:10px;top:-100px;z-index:5;padding:12px;background:#fff}
.obd1-hub .skip-link:focus{top:10px}
.hub-head{position:relative;height:calc(185 * var(--u))}
.hub-brand{position:absolute;left:calc(80 * var(--u));top:calc(8 * var(--u));width:calc(525 * var(--u));height:calc(150 * var(--u))}
.hub-brand img{display:block;width:100%;height:100%;object-fit:cover}
.hub-nav{position:absolute;left:calc(703 * var(--u));top:calc(80 * var(--u));display:flex;align-items:center;gap:calc(36 * var(--u));font-family:Khand,sans-serif;font-size:15px;font-weight:700;line-height:1.1}
.hub-nav a{color:var(--ink);text-decoration:none;white-space:nowrap;min-height:calc(43 * var(--u));padding-right:calc(36 * var(--u));border-right:calc(2 * var(--u)) solid var(--teal)}
.hub-nav a:last-child{border:0;padding-right:0}
.hub-nav a[aria-current]{color:var(--red);text-decoration:underline;text-underline-offset:calc(10 * var(--u));text-decoration-thickness:calc(3 * var(--u))}
.hub-checker{height:calc(25 * var(--u));background-color:var(--cream);background-image:conic-gradient(var(--red) 25%,transparent 0 50%,var(--red) 0 75%,transparent 0);background-size:calc(25 * var(--u)) calc(25 * var(--u))}
.hub-head>.hub-checker{position:absolute;bottom:0;width:100%}
.hub-main{width:calc(1356 * var(--u));margin:calc(21 * var(--u)) auto 0;padding:0}
.hub-status:empty{display:none}
.hub-status:not(:empty){padding:16px 0;font-size:15px}
.hub-main h1{font-family:Khand,sans-serif;font-weight:700;font-size:27px;line-height:1.15;letter-spacing:0;margin:calc(24 * var(--u)) 0 0 calc(7 * var(--u));color:var(--ink)}
.hub-intro{font-size:16px;font-weight:300;line-height:1.6;margin:calc(5 * var(--u)) 0 calc(21 * var(--u)) calc(10 * var(--u));color:var(--obd1-muted)}
.hub-directories{display:grid;grid-template-columns:1fr 1fr;gap:calc(26 * var(--u))}
.hub-directory{border:1px solid var(--teal);border-radius:calc(5 * var(--u));background:#fff;min-height:calc(389 * var(--u));overflow:hidden}
.hub-directory h2{font:400 23px/1.3 Anton,sans-serif;letter-spacing:0;color:var(--ink);margin:0;padding:calc(16 * var(--u)) calc(29 * var(--u));height:calc(68 * var(--u));background:var(--cream);border-bottom:1px solid var(--teal)}
.hub-directory ul{list-style:none;margin:0;padding:calc(16 * var(--u)) calc(32 * var(--u)) calc(12 * var(--u))}
.hub-directory li{margin:0;padding:0}
.hub-directory li a{font-family:Khand,sans-serif;font-weight:700;line-height:1.15}
.hub-directory li span{display:block;font-size:16px;line-height:1.3;margin-top:calc(3 * var(--u))}
.hub-makes li{height:calc(96 * var(--u))}
.hub-makes li a{font-size:24px}
.hub-guides li{height:calc(75 * var(--u))}
.hub-guides li a{font-size:20px}
.hub-guides li span{font-size:16px;font-weight:300}
.hub-note{display:flex;gap:calc(8 * var(--u));align-items:center;border:1px solid var(--obd1-warm-rule);border-radius:calc(10 * var(--u));min-height:calc(77 * var(--u));padding:calc(15 * var(--u)) calc(27 * var(--u));margin:calc(15 * var(--u)) 0 calc(14 * var(--u));font-size:16px;font-weight:300;line-height:1.3}
.hub-note strong{font-family:Khand,sans-serif;font-size:20px;font-weight:700}
.hub-footer nav{display:flex;justify-content:flex-end;gap:calc(14 * var(--u));width:calc(1356 * var(--u));margin:auto;padding-top:calc(10 * var(--u));font-family:Khand,sans-serif;font-size:18px;line-height:1.4}
.hub-footer nav a{color:var(--ink);text-decoration:none;border-right:1px solid var(--teal);padding-right:calc(14 * var(--u))}
.hub-footer nav a:last-child{border:0;padding:0}
.hub-noscript{margin:20px auto;max-width:70ch}
.hub-nav{font-size:15px;gap:calc(36 * var(--u))}
.hub-nav a{padding-right:0;min-height:calc(37 * var(--u));border-color:#9caba7}
.hub-nav a:first-child{width:calc(174 * var(--u))}
.hub-nav a:nth-child(2){width:calc(189 * var(--u))}
.hub-directory h2{border-bottom:0}
.hub-directory ul{padding-bottom:0}
.hub-directory li span{color:var(--obd1-muted)}
.hub-note strong{color:var(--red);font-size:20px}
.hub-note span{font-size:16px}
.hub-footer nav{font-family:Murecho,sans-serif;font-size:15px;padding-top:calc(10 * var(--u))}
.hub-footer nav a{padding-right:calc(18 * var(--u))}
.hub-nav{font-size:15px;font-weight:600}
.hub-nav a{position:relative;border:0;padding-left:calc(4 * var(--u))}
.hub-nav a:not(:last-child)::after{content:"";position:absolute;right:0;top:0;width:1px;height:calc(26 * var(--u));background:#9caba7}
.hub-nav a[aria-current]{text-underline-offset:calc(15 * var(--u))}
.hub-makes li a{font-size:24px;font-weight:600}
.hub-guides li a{font-size:20px;font-weight:600}
.hub-directory li span{margin-top:0}
.hub-footer nav{gap:calc(24 * var(--u));font-size:14px}
.hub-footer nav a{padding-right:calc(24 * var(--u))}
.hub-more{width:min(100% - 40px,1100px);margin:40px auto 24px;font-size:15px;line-height:1.65;color:var(--obd1-muted)}
.hub-more nav{display:flex;flex-wrap:wrap;gap:14px 24px}
.hub-more p{margin-top:24px}
@media(max-width:1100px){
 .obd1-hub{font-size:16px;--u:1px;font-size:16px;line-height:1.6}
 .hub-head{height:auto;padding:16px 16px 0}
 .hub-brand{position:static;display:block;width:min(100%,420px);height:auto;margin:auto}
 .hub-brand img{height:auto}
 .hub-nav{position:static;justify-content:center;gap:22px;font-size:13px;margin:20px 0 0;flex-wrap:wrap;line-height:1.2}
 .hub-nav a,.hub-nav a:first-child,.hub-nav a:nth-child(2){width:auto;min-height:44px;padding:0}
 .hub-nav a:not(:last-child)::after{display:none}
 .hub-nav a[aria-current]{text-underline-offset:5px}
 .hub-head>.hub-checker{position:static;width:calc(100% + 32px);margin-left:-16px;height:18px}
 .hub-checker{height:18px;background-size:24px 24px}
 .hub-main{width:calc(100% - 32px);margin:20px auto 0}
 .hub-main h1{font-size:27px;line-height:1.1;margin:26px 0 0;max-width:22ch}
 .hub-intro{font-size:16px;line-height:1.6;margin:12px 0 24px}
 .hub-directories{grid-template-columns:1fr;gap:24px}
 .hub-directory{min-height:0;border-radius:5px}
 .hub-directory h2{font-size:22px;line-height:1.4;height:auto;padding:16px 22px}
 .hub-directory ul{padding:18px 24px 0}
 .hub-makes li,.hub-guides li{height:auto;margin-bottom:24px}
 .hub-makes li a{font-size:24px}
 .hub-directory li span{font-size:16px;line-height:1.5}
 .hub-guides li a{font-size:22px;line-height:1.3}
 .hub-guides li span{font-size:16px;margin-top:4px}
 .hub-note{display:block;margin:20px 0;padding:16px;border-radius:10px;line-height:1.6}
 .hub-note strong{font-size:16px;margin-right:6px}
 .hub-note span{font-size:16px}
 .hub-footer nav{width:auto;flex-wrap:wrap;justify-content:center;gap:12px 22px;font-size:15px;margin:16px;padding:0;line-height:1.6}
 .hub-footer nav a{padding:0;border:0;min-height:44px;display:flex;align-items:center}
 .hub-more{margin-top:24px}
}
@media(min-width:700px) and (max-width:1100px){.hub-directories{grid-template-columns:1fr 1fr}.hub-guides li a{font-size:20px}}