/* 2.4.0 — Pallotietäjä editorial home. Scoped to the existing application. */
#p23-pickem.ph-home {max-width:1080px}
#p23-pickem .ph-hero {display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:40px;padding:42px 36px 36px;background:#111315;border:1px solid var(--pe-line);border-bottom:3px solid var(--pe-gold);border-radius:18px 18px 0 0;overflow:hidden}
#p23-pickem .ph-kicker {color:var(--pe-gold)!important;font-size:10px!important;font-weight:800;letter-spacing:.13em;line-height:1.5;text-transform:uppercase}
#p23-pickem .ph-hero h1 {font-family:Inter,system-ui,sans-serif!important;font-weight:900!important;font-size:clamp(32px,5vw,58px)!important;line-height:1.05!important;letter-spacing:-.045em!important;margin:16px 0!important;overflow-wrap:anywhere}
#p23-pickem .ph-hero h1 span {color:var(--pe-gold)}
#p23-pickem .ph-hero-lead {font-size:15px;color:#c2c5c7!important;line-height:1.5}
#p23-pickem .ph-round-label {margin-top:22px;font-size:12px;font-weight:800;letter-spacing:.035em}
#p23-pickem .ph-round-label span {color:#7c8287;padding:0 8px}
#p23-pickem .ph-hero-actions {display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:20px}
#p23-pickem a.ph-cta {display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;padding:13px 20px;background:var(--pe-gold);color:#111!important;border-radius:6px;font-size:12px;font-weight:900;letter-spacing:.045em}
#p23-pickem a.ph-cta:hover {background:#f2c82d}
#p23-pickem .ph-cta span {font-size:20px;line-height:1}
#p23-pickem a.ph-hero-secondary {font-size:12px;font-weight:700;color:#e3e5e6!important}
#p23-pickem .ph-hero-side {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}
#p23-pickem .ph-hero-side .pe-page-logo {width:145px;height:125px;filter:none}
#p23-pickem .ph-next {width:100%;padding-top:16px;border-top:1px solid var(--pe-line);text-align:center}
#p23-pickem .ph-next p {font-size:9px;color:#a1a6aa!important;font-weight:800;letter-spacing:.08em}
#p23-pickem .ph-next strong {display:block;font-size:19px;font-weight:800;line-height:1.35;margin:7px 0 3px}
#p23-pickem .ph-next small {font-size:10px;color:#848a90}
#p23-pickem .ph-main {display:grid;gap:30px;margin-top:18px}
#p23-pickem .ph-welcome {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--pe-line);font-size:12px;color:#a6acb1}
#p23-pickem .ph-welcome strong {color:#f4f4f1}
#p23-pickem .ph-welcome>div {display:flex;gap:18px;flex-shrink:0}
#p23-pickem .ph-welcome a {font-size:11px;font-weight:700;color:#f4f4f1!important}
#p23-pickem .ph-section-head {display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:0 0 16px;border-bottom:1px solid var(--pe-line);margin-bottom:18px}
#p23-pickem .ph-section-head h2 {font-family:Inter,system-ui,sans-serif!important;font-weight:900!important;font-size:23px!important;line-height:1.15!important;letter-spacing:-.025em!important;margin:5px 0 0!important}
#p23-pickem a.ph-text-link {display:inline-block;color:#e1e4e6!important;font-size:11px;font-weight:700;line-height:1.5}
#p23-pickem a.ph-text-link:hover,#p23-pickem a.ph-hero-secondary:hover {color:var(--pe-gold)!important}
#p23-pickem .ph-small {font-size:10px;color:#929a9f}
#p23-pickem .ph-empty {padding:22px 0;font-size:13px;color:#a1a8ad!important;line-height:1.6}
#p23-pickem .ph-empty p {margin:12px 0}
#p23-pickem .ph-news-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#p23-pickem .ph-news-card {display:flex;flex-direction:column;min-width:0;border:1px solid var(--pe-line);border-radius:9px;background:#111315;overflow:hidden}
#p23-pickem .ph-news-image {display:block;aspect-ratio:16/9;overflow:hidden}
#p23-pickem .ph-news-image img {width:100%;height:100%;object-fit:cover;display:block}
#p23-pickem .ph-news-card-body {display:flex;flex-direction:column;flex:1;padding:20px}
#p23-pickem .ph-news-card time,#p23-pickem .ph-article>time {display:block;font-size:10px;font-weight:700;color:#8d969d;letter-spacing:.05em}
#p23-pickem .ph-news-card h3 {font-family:Inter,system-ui,sans-serif!important;font-size:17px!important;font-weight:800!important;line-height:1.3!important;letter-spacing:-.015em!important;text-transform:none!important;margin:10px 0!important;overflow-wrap:anywhere}
#p23-pickem .ph-news-card p {font-size:12px;color:#aeb5bb!important;line-height:1.6;margin-bottom:18px}
#p23-pickem .ph-news-card .ph-text-link {margin-top:auto}
#p23-pickem .ph-boards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
#p23-pickem .ph-board {min-width:0;padding:22px 22px 20px;background:#111315;border:1px solid var(--pe-line);border-radius:10px}
#p23-pickem .ph-board .ph-section-head {margin-bottom:0}
#p23-pickem .ph-board .ph-section-head h2 {font-size:20px!important}
#p23-pickem .ph-table-wrap {overflow-x:auto;margin-bottom:16px}
#p23-pickem .ph-table {width:100%;border-collapse:collapse;border:0;margin:0;font-size:12px;table-layout:fixed}
#p23-pickem .ph-table th,#p23-pickem .ph-table td {border:0;border-bottom:1px solid #25292d;padding:11px 4px;background:transparent;text-align:left;overflow-wrap:anywhere}
#p23-pickem .ph-table th {font-size:9px;color:#89939b;font-weight:700;text-transform:uppercase;letter-spacing:.055em}
#p23-pickem .ph-table th:first-child {width:48px}
#p23-pickem .ph-table th:last-child {width:65px}
#p23-pickem .ph-table td:first-child {font-weight:700;color:#87939b;font-variant-numeric:tabular-nums}
#p23-pickem .ph-table td:last-child,#p23-pickem .ph-table th:last-child {text-align:right}
#p23-pickem .ph-table td:last-child {font-weight:800;font-size:14px;font-variant-numeric:tabular-nums}
#p23-pickem .ph-table tr:last-child td {border-bottom:0}
#p23-pickem .ph-table .ph-you td {background:#211f11;color:var(--pe-gold)}
#p23-pickem .ph-table small {display:inline-block;font-size:9px;font-weight:700;margin-left:5px;color:var(--pe-gold)}
#p23-pickem .ph-my-rank {padding:10px 0;margin-bottom:9px;border-top:1px solid var(--pe-line);font-size:11px;color:#aeb5bb!important}
#p23-pickem .ph-my-rank strong {color:#f4f4f1}
#p23-pickem .ph-ties {font-size:10px;color:#8c969e!important;margin-top:-14px;line-height:1.6}
#p23-pickem .ph-results {list-style:none!important;margin:0!important;padding:0!important}
#p23-pickem .ph-results li {display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--pe-line);font-size:13px;color:#8e99a2!important}
#p23-pickem .ph-results li>span:last-of-type {text-align:right}
#p23-pickem .ph-results strong {font-size:19px;line-height:1.3;text-align:center;color:#f4f4f1;font-weight:800;font-variant-numeric:tabular-nums}
#p23-pickem .ph-results .ph-winner {color:#eef0f1;font-weight:700}
#p23-pickem .ph-result-pick {grid-column:1/-1;text-align:right;font-size:10px;margin-top:-6px}
#p23-pickem .ph-correct {color:#79cf9b}
#p23-pickem .ph-wrong {color:#d59898}
#p23-pickem .ph-recap-footer {display:grid;gap:8px;margin-top:16px}
#p23-pickem .ph-recap-footer p {font-size:12px;color:#aeb5bb!important}
#p23-pickem .ph-recap-footer strong {color:#eef0f1}
#p23-pickem .ph-bottom {display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;background:#111315;border:1px solid var(--pe-line);border-left:3px solid var(--pe-gold);border-radius:9px}
#p23-pickem .ph-bottom h2 {font-family:Inter,system-ui,sans-serif!important;font-size:22px!important;font-weight:900!important;letter-spacing:-.02em!important;line-height:1.3!important;margin-top:6px!important}
#p23-pickem .ph-pagination {display:flex;justify-content:center;align-items:center;gap:24px;font-size:12px}
#p23-pickem .ph-article {max-width:780px;margin:0 auto;width:100%;min-width:0}
#p23-pickem .ph-article>time {margin:24px 0 9px}
#p23-pickem .ph-article>h2 {font-family:Inter,system-ui,sans-serif!important;font-weight:850!important;text-transform:none!important;font-size:clamp(25px,4vw,40px)!important;letter-spacing:-.03em!important;line-height:1.15!important;overflow-wrap:anywhere}
#p23-pickem .ph-article-image {display:block;width:100%;height:auto;margin:24px 0;border-radius:8px}
#p23-pickem .ph-article-body {margin-top:24px;font-size:16px;line-height:1.75;color:#cbd0d4;overflow-wrap:anywhere}
#p23-pickem .ph-article-body p,#p23-pickem .ph-article-body ul,#p23-pickem .ph-article-body ol,#p23-pickem .ph-article-body figure {margin:0 0 18px!important}
#p23-pickem .ph-article-body h2,#p23-pickem .ph-article-body h3 {font-family:Inter,system-ui,sans-serif!important;font-weight:800!important;text-transform:none!important;margin:28px 0 14px!important}
#p23-pickem .ph-article-body ul,#p23-pickem .ph-article-body ol {padding-left:24px!important}
#p23-pickem .ph-article-body a {color:var(--pe-gold)!important;text-decoration:underline!important}
#p23-pickem .ph-article-body img {max-width:100%;height:auto}
#p23-pickem .ph-preview {padding:14px;border:1px solid var(--pe-gold);color:var(--pe-gold)!important;font-size:12px;margin-bottom:16px}
@media(max-width:760px){
  #p23-pickem .ph-hero {grid-template-columns:minmax(0,1fr) 160px;gap:20px;padding:28px 22px}
  #p23-pickem .ph-hero-side .pe-page-logo {width:115px;height:100px}
  #p23-pickem .ph-boards {gap:16px}
  #p23-pickem .ph-board {padding:18px 16px}
  #p23-pickem .ph-news-grid {grid-template-columns:1fr}
  #p23-pickem .ph-news-card {display:grid;grid-template-columns:minmax(0,1fr)}
  #p23-pickem .ph-news-image {aspect-ratio:2/1}
}
@media(max-width:540px){
  #p23-pickem .ph-hero {grid-template-columns:1fr;padding:24px 20px;gap:22px}
  #p23-pickem .ph-hero h1 {font-size:clamp(26px,8.2vw,42px)!important}
  #p23-pickem .ph-hero-side {display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;border-top:1px solid var(--pe-line);padding-top:18px}
  #p23-pickem .ph-hero-side .pe-page-logo {width:80px;height:75px}
  #p23-pickem .ph-next {border:0;padding:0;text-align:left}
  #p23-pickem .ph-next strong {font-size:18px}
  #p23-pickem .ph-hero-actions {gap:16px}
  #p23-pickem .ph-hero-secondary {font-size:11px}
  #p23-pickem .ph-main {gap:25px;padding:0 2px}
  #p23-pickem .ph-welcome {align-items:start;font-size:11px}
  #p23-pickem .ph-welcome>div {gap:10px}
  #p23-pickem .ph-boards {grid-template-columns:1fr;gap:20px}
  #p23-pickem .ph-results li {grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:7px;font-size:11px}
  #p23-pickem .ph-results strong {font-size:17px}
  #p23-pickem .ph-bottom {align-items:start;flex-direction:column;padding:20px}
  #p23-pickem .ph-bottom .ph-cta {width:100%}
}