/* PickEm only: preserve shared styles and W3.CSS. */
.pickem-expert-page { max-width:1100px !important; }
.pickem-expert-card { display:flex; gap:22px; padding:24px; background:#fff; border:1px solid #d6e0e8; border-radius:8px; margin-bottom:18px; }
.pickem-confidence { display:flex; flex:0 0 70px; flex-direction:column; align-items:center; gap:8px; color:#002244; }
.pickem-confidence > span { font:bold 38px/1 Arial,sans-serif; }
.pickem-confidence small { font-size:10px; letter-spacing:1px; }
.pickem-expert-body { flex:1; min-width:0; }
.pickem-expert-body h2 { font-size:22px; margin-bottom:4px; }
.pickem-expert-body > p { margin:6px 0; }
.pickem-market { font-size:13px; font-weight:700; color:#275a42; }
.pickem-market small { font-weight:normal; }
.pickem-team-context { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:16px; border-top:1px solid #e3e9ee; }
.pickem-team-context h3 { display:flex; gap:8px; align-items:center; }
.pickem-team-context img { object-fit:contain; }
.pickem-team-context p { font-size:13px; }
@media (max-width:600px) {
    .pickem-expert-card { padding:16px 12px; gap:10px; }
    .pickem-confidence { flex-basis:42px; }
    .pickem-confidence > span { font-size:30px; }
    .pickem-team-context { grid-template-columns:minmax(0,1fr); gap:0; }
}
.pickem { max-width:1320px; margin:28px auto; padding:0 16px; color:#183047; }
.pickem * { box-sizing:border-box; }
.pickem-layout { display:grid; grid-template-columns:minmax(0,2.25fr) minmax(260px,1fr); gap:24px; align-items:start; }
.pickem-primary, .pickem-sidebar { min-width:0; }
.pickem-panel { padding:24px; margin-bottom:24px; border-radius:8px; }
.pickem h1, .pickem h2, .pickem h3 { font-family:Arial,Helvetica,sans-serif; font-weight:700; }
.pickem h1 { font-size:36px; margin:10px 0; }
.pickem h2 { font-size:23px; margin:0 0 12px; line-height:1.25; }
.pickem h3 { font-size:17px; margin:18px 0 6px; }
.pickem p { line-height:1.6; }
.pickem a:focus-visible, .pickem button:focus-visible, .pickem select:focus-visible { outline:3px solid #cf7600; outline-offset:4px; }
.pickem-feature { background:#002244; color:#fff; padding:28px; border-radius:8px; margin-bottom:24px; border-top:5px solid #c60c30; }
.pickem-feature h1, .pickem-feature h2 { color:#fff; }
.pickem-eyebrow { font:700 11px/1.5 Arial,sans-serif; letter-spacing:1.5px; }
.pickem-lead { font-size:22px; margin:8px 0; font-weight:600; }
.pickem-feature > p:not(.pickem-lead) { color:#dce6ef; }
.pickem-feature-week { display:flex; align-items:center; gap:18px; padding:18px 0; border-top:1px solid #41617c; margin-top:24px; }
.pickem-feature-week p, .pickem-feature-week h2 { margin:0; }
.pickem-week-number { font:700 48px/1 Arial,sans-serif; color:#fff; }
.pickem-actions { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.pickem-button { display:inline-flex; justify-content:center; align-items:center; gap:12px; padding:12px 16px; border:1px solid #002244; border-radius:5px; font:700 14px/1.3 Arial,sans-serif; background:#002244; color:#fff; text-decoration:none; cursor:pointer; }
.pickem-button:hover { background:#163f61; color:#fff; }
.pickem-button-light { background:#fff; color:#002244; border-color:#fff; }
.pickem-button-light:hover { background:#e5edf4; color:#002244; }
.pickem-button span { font-size:10px; border-left:1px solid #a5b5c4; padding-left:10px; }
.pickem-button-outline { background:#fff; color:#002244; width:100%; }
.pickem-feature-link { color:#fff; font-size:13px; text-underline-offset:4px; }
.pickem-small { font-size:12px; margin-bottom:0; }
.pickem-section-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.pickem-section-heading h2 { margin:0; }
.pickem-tag { display:inline-block; font-size:11px; font-weight:700; color:#284861; background:#edf3f7; padding:6px 9px; border-radius:4px; }
.pickem-week-form { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:20px 0; }
.pickem-week-form label { font-size:13px; font-weight:700; }
.pickem-week-form select { padding:10px; background:white; color:#002244; border:1px solid #bac7d2; border-radius:4px; }
.pickem .pickem-date { padding:8px 12px; background:#f0f4f7; font-size:13px; margin:22px 0 0; }
.pickem-matchups { list-style:none; margin:0; padding:0; }
.pickem-matchups li { display:flex; align-items:center; flex-wrap:wrap; column-gap:12px; padding:12px 0; border-bottom:1px solid #e3e9ee; }
.pickem-matchup-teams { display:grid; grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr); align-items:center; gap:6px; flex:1; min-width:0; }
.pickem-team { display:flex; gap:8px; align-items:center; font-size:13px; font-weight:600; }
.pickem-team img { object-fit:contain; flex-shrink:0; }
.pickem-at { color:#607181; font-size:11px; text-align:center; }
.pickem-kickoff { font-size:11px; font-weight:700; min-width:77px; text-align:right; }
.pickem-neutral { width:100%; padding-left:40px; margin-top:4px; font-size:11px; color:#526678; }
.pickem-note { font-size:12px; color:#526678; }
.pickem-weeks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.pickem-week-card { border:1px solid #d6e0e8; border-radius:6px; padding:15px; }
.pickem-week-card h3 { margin:0; font-size:20px; }
.pickem-week-card h3 a { text-decoration:none; }
.pickem-week-card h3 a:hover { text-decoration:underline; }
.pickem-week-card p { font-size:11px; color:#526678; margin:6px 0 14px; }
.pickem-week-active { border:2px solid #002244; padding:14px; background:#f8fbfd; }
.pickem-download { display:flex; justify-content:space-between; flex-wrap:wrap; gap:4px; text-decoration:none; font-size:12px; font-weight:700; padding:9px 0; border-top:1px solid #d6e0e8; }
.pickem-download span { font-size:10px; }
.pickem-download:hover { text-decoration:underline; }
.pickem-prototype-link, .pickem-later { display:block; font-size:10px; line-height:1.6; margin-top:4px; }
.pickem-caution { background:#fff5e6; border-left:3px solid #b96900; color:#694218; padding:12px; font-size:12px; }
.pickem-sidebar p, .pickem-how { font-size:13px; line-height:1.7; }
.pickem-sidebar h2 { font-size:21px; }
.pickem-sidebar .pickem-eyebrow { color:#5b7185; margin-bottom:12px; }
.pickem-how { padding-left:20px; }
.pickem-how li { margin-bottom:10px; padding-left:3px; }
.pickem-resource { display:block; padding:12px 0; border-bottom:1px solid #e3e9ee; font-size:13px; text-decoration:none; }
.pickem-resource:hover { text-decoration:underline; }
@media (max-width:1000px) {
    .pickem-layout { grid-template-columns:minmax(0,1fr); }
    .pickem-sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
}
@media (max-width:600px) {
    .pickem { padding:0 10px; margin-top:16px; }
    .pickem-panel, .pickem-feature { padding:18px; }
    .pickem h1 { font-size:29px; }
    .pickem-lead { font-size:18px; }
    .pickem-feature-week { gap:12px; }
    .pickem-feature-week h2 { font-size:20px; }
    .pickem-feature-week p { font-size:12px; }
    .pickem-week-number { font-size:38px; }
    .pickem-sidebar { display:block; }
    .pickem-weeks { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .pickem-week-card { padding:11px; }
    .pickem-team { font-size:12px; gap:5px; }
    .pickem-team img { width:25px; height:25px; }
    .pickem-kickoff { width:100%; text-align:left; margin:6px 0 0 30px; }
    .pickem-neutral { padding-left:30px; }
}
@media print {
    .pickem-sidebar, .pickem-week-form, #weekly-sheets, .pickem-actions { display:none; }
    .pickem-layout { display:block; }
    .pickem-panel, .pickem-feature { box-shadow:none; }
}
