/* SBHA season honors: field-journal layout, scoped to this page. */
#content .osd { --ink:#172c3e; --muted:#64717a; --line:#dcded9; --accent:#ad3c31; color:var(--ink); font:14px/1.6 Arial,Helvetica,sans-serif; padding:8px 0 32px; text-align:left; }
#content .osd *, #content .osd *::before, #content .osd *::after { box-sizing:border-box; }
#content .osd [hidden] { display:none!important; }
#content .osd :is(h1,h2,h3,h4,p) { float:none; width:auto; padding:0; margin:0; }
#content .osd .osd-eyebrow { font:700 10px/1.4 Arial,sans-serif; letter-spacing:2px; text-transform:uppercase; }
#content .osd-overview { display:grid; grid-template-columns:1.8fr 1fr; margin-bottom:36px; border-bottom:5px solid var(--accent); }
#content .osd-heading { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:26px; overflow:hidden; padding:38px 40px 32px; color:#fff; background:var(--ink); }
#content .osd-heading::after { content:'SBHA'; position:absolute; right:-14px; bottom:-45px; font:700 116px/1 Georgia,serif; letter-spacing:-7px; color:#ffffff05; pointer-events:none; }
#content .osd-heading .osd-eyebrow { color:#e3c8a2; margin-bottom:19px; }
#content .osd-heading h1 { font:400 clamp(36px,4.3vw,56px)/1.05 Georgia,serif; color:#fff; letter-spacing:-1.8px; margin:0 0 19px; }
#content .osd-heading h1 span { font-style:italic; color:#e6cdaa; }
#content .osd-heading p:not(.osd-eyebrow) { max-width:440px; font-size:13px; line-height:1.7; color:#d4dce0; }
#content .osd-season-tag { border-top:1px solid #ffffff38; padding-top:13px; width:100%; color:#fff; font-size:10px; font-weight:bold; letter-spacing:1.7px; text-transform:uppercase; }
#content .osd-cards { display:flex; flex-direction:column; justify-content:center; padding:28px 32px; background:#ede9df; }
#content .osd-cards>.osd-eyebrow { color:#6b6256; margin-bottom:12px; }
#content .osd-cards>div { display:flex; align-items:center; padding:12px 0; border-bottom:1px solid #d3cfc4; }
#content .osd-cards>div:last-child { border-bottom:0; padding-bottom:0; }
#content .osd-icon { display:none; }
#content .osd-cards p { display:flex; align-items:center; gap:18px; width:100%; }
#content .osd-cards strong { flex:0 0 92px; color:var(--ink); font:400 31px/1.2 Georgia,serif; letter-spacing:-1px; }
#content .osd-cards p>span { font-size:11px; line-height:1.5; color:#67675f; max-width:130px; }
#content .osd-layout { display:grid; grid-template-columns:minmax(0,1fr) 246px; gap:28px; align-items:start; }
#content .osd-panel { background:#fff; border:1px solid var(--line); }
#content .osd-leaderboard { border-top:3px solid var(--ink); min-width:0; }
#content .osd-toolbar { padding:24px 24px 0; }
#content .osd h2 { font:400 28px/1.15 Georgia,serif; color:var(--ink); letter-spacing:-.6px; }
#content .osd-toolbar p { color:var(--muted); font-size:12px; margin-top:7px; line-height:1.6; }
#content .osd-controls { display:flex; flex-direction:row-reverse; align-items:flex-end; justify-content:space-between; gap:15px; margin-top:24px; }
#content .osd-search { padding-bottom:13px; width:min(240px,58%); }
#content .osd #osd-search { width:100%; max-width:none; border:0; border-bottom:1px solid #aeb8be; border-radius:0; padding:8px 2px; background:#fff; color:var(--ink); font:12px/1.5 Arial,sans-serif; height:auto; }
#content .osd-switch { display:flex; gap:20px; }
#content .osd-switch button { padding:10px 0 18px; border:0; border-bottom:3px solid transparent; border-radius:0; background:transparent; color:var(--muted); font:700 12px Arial,sans-serif; cursor:pointer; }
#content .osd-switch [aria-pressed=true] { color:var(--accent); border-bottom-color:var(--accent); }
#content .osd :is(button,input,summary):focus-visible { outline:3px solid #b98944; outline-offset:4px; }
#content .osd .osd-table { width:100%; table-layout:fixed; border:0; border-collapse:collapse; margin:0; background:#fff; font-size:13px; }
#content .osd-table :is(th,td) { text-align:left; vertical-align:top; padding:17px 16px; border-bottom:1px solid #e6e8e4; }
#content .osd-table th { font-size:9px; font-weight:bold; letter-spacing:1.2px; text-transform:uppercase; background:#f2f3ef; color:#6d777d; padding-top:11px; padding-bottom:11px; border-top:1px solid var(--line); }
#content .osd-table th:first-child { width:53px; padding-left:24px; }
#content .osd-table td:first-child { padding-left:24px; }
#content .osd-table th:last-child { width:83px; text-align:right; padding-right:24px; }
#content .osd-table td:last-child { text-align:right; padding-right:24px; }
#content .osd-table .osd-owner { display:none; }
#content .osd-rank { color:#89949b; font:400 22px/1.2 Georgia,serif; }
#content .osd-medal { color:var(--accent); }
#content .osd-placement summary { list-style:none; display:flex; align-items:center; gap:12px; cursor:pointer; font-weight:bold; line-height:1.5; }
#content .osd summary::-webkit-details-marker { display:none; }
#content .osd-placement summary:hover { color:var(--accent); }
#content .osd-expand { color:var(--accent); font:400 21px/1 Arial,sans-serif; margin-left:auto; flex-shrink:0; }
#content .osd details[open]>summary .osd-expand { transform:rotate(45deg); }
#content .osd-points { font:700 17px/1.4 Arial,sans-serif; color:var(--ink); }
#content .osd-mobile-owner { display:block; font-size:11px; color:var(--muted); margin-top:5px; line-height:1.5; }
#content .osd-breakdown { background:#f4f3ed; border-left:2px solid var(--accent); padding:14px 16px; margin-top:14px; font-size:12px; }
#content .osd-breakdown h4 { font-size:11px; color:var(--accent); margin-bottom:9px; }
#content .osd-breakdown span { display:block; color:var(--muted); }
#content .osd-breakdown article+article { margin-top:12px; padding-top:12px; border-top:1px solid var(--line); }
#content .osd-table-footer { padding:15px 24px; color:var(--muted); font-size:10px; }
#content .osd-table-footer>span:last-child { display:none; }
#content .osd-rail { display:flex; flex-direction:column; gap:23px; }
#content .osd-rule { border-top:3px solid var(--accent); background:#ede9df; padding:25px 23px; }
#content .osd-rule>.osd-eyebrow { color:#8b5144; margin-bottom:15px; }
#content .osd-rule h2 { font-size:28px; margin-bottom:23px; }
#content .osd-formula { display:flex; align-items:center; gap:15px; padding:14px 0; border-top:1px solid #d3cfc4; }
#content .osd-formula>strong { font:400 39px/1 Georgia,serif; color:var(--accent); width:65px; flex-shrink:0; letter-spacing:-2px; }
#content .osd-formula>strong>span { font:400 20px/1 Arial,sans-serif; padding-left:3px; }
#content .osd-formula p { font-size:11px; line-height:1.5; }
#content .osd-formula p>span { display:block; color:#6a6c67; }
#content .osd-rule .osd-rule-note { font-size:11px; color:#656b69; border-top:1px solid #d3cfc4; padding-top:18px; margin-top:2px; line-height:1.65; }
#content .osd-schedule { border:0; border-top:1px solid var(--ink); border-bottom:1px solid var(--line); background:transparent; }
#content .osd-schedule>summary { display:flex; align-items:flex-start; gap:10px; padding:18px 0; list-style:none; cursor:pointer; font:400 20px/1.2 Georgia,serif; }
#content .osd-schedule>summary>span:first-child { flex:1; }
#content .osd-schedule>summary>span>small { display:block; font:11px/1.6 Arial,sans-serif; color:var(--muted); margin-top:7px; }
#content .osd-schedule>summary>small { font:700 9px/1.5 Arial,sans-serif; color:#7b5744; background:#e8e3d8; padding:4px 5px; white-space:nowrap; }
#content .osd-schedule-list { padding-bottom:5px; }
#content .osd-schedule-list article { padding:14px 0; border-top:1px solid var(--line); }
#content .osd-schedule-list strong { font-size:12px; }
#content .osd-schedule-list article div>span { display:block; font-size:10px; color:var(--muted); margin:3px 0 7px; }
#content .osd-status { display:inline-block; font-size:9px; color:#69757a; border-left:2px solid #bfc5c4; padding-left:6px; }
#content .osd-recorded { color:#49674d; border-color:#6f9274; }
#content .osd-empty { padding:25px 24px; color:var(--muted); font-size:12px; }
#content .osd-sr { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#content .osd-board-label { padding:12px 24px; }
body.award-standings #content { width:100%; }
@media(max-width:1000px) {
 #content .osd-layout { grid-template-columns:minmax(0,1fr) 220px; gap:20px; }
 #content .osd-heading { padding:30px; }
 #content .osd-cards { padding:25px; }
 #content .osd-cards strong { flex-basis:85px; }
}
@media(max-width:760px) {
 #content .osd { padding:0 0 20px; }
 #content .osd-overview { grid-template-columns:1fr; margin-bottom:26px; }
 #content .osd-heading { padding:29px 25px 24px; gap:22px; }
 #content .osd-heading h1 { font-size:44px; }
 #content .osd-cards { padding:18px 25px; }
 #content .osd-cards>div { padding:8px 0; }
 #content .osd-cards strong { flex:0 0 95px; font-size:27px; }
 #content .osd-cards p>span { max-width:none; }
 #content .osd-layout { grid-template-columns:1fr; gap:27px; }
 #content .osd-rail { display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:start; }
 #content .osd-toolbar { padding:21px 19px 0; }
 #content .osd-table :is(th,td) { padding:15px 12px; }
 #content .osd-table th:first-child { width:46px; padding-left:19px; }
 #content .osd-table td:first-child { padding-left:19px; }
 #content .osd-table th:last-child { width:70px; padding-right:19px; }
 #content .osd-table td:last-child { padding-right:19px; }
}
@media(max-width:480px) {
 #content .osd-rail { grid-template-columns:1fr; }
 #content .osd-heading h1 { font-size:40px; }
 #content .osd-controls { gap:12px; }
 #content .osd-switch { gap:14px; }
 #content .osd-toolbar h2 { font-size:26px; }
 #content .osd-search { width:55%; }
 #content .osd #osd-search { font-size:11px; }
 #content .osd-placement summary { font-size:12px; }
 #content .osd-table :is(th,td) { padding-left:10px; padding-right:10px; }
 #content .osd-points { font-size:15px; }
 #content .osd-rank { font-size:20px; }
}
