/* 0.22.1 — Editorial alignment.
 * Keep the editorial surface in the same theme content coordinate system as
 * Home/Teams/Radar. Previous revisions escaped to 100vw, which centered the
 * archive against the browser window rather than Fantasy Hub's content area.
 */
body.fph2-editorial-route #secondary,
body.fph2-editorial-route aside.widget-area,
body.fph2-editorial-route .site-sidebar,
body.fph2-editorial-route .sidebar{
    display:none!important;
}
body.fph2-editorial-route #primary,
body.fph2-editorial-route .content-area,
body.fph2-editorial-route .site-content .content-area,
body.fph2-editorial-route .site-main,
body.fph2-editorial-route main.site-main{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    float:none!important;
}
.fph2-editorial-viewport{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    float:none!important;
    clear:both!important;
}
.fph2-editorial-viewport > .fph2-articles{
    width:min(100%,1180px)!important;
    max-width:1180px!important;
    margin-left:0!important;
    margin-right:auto!important;
}
.fph2-editorial-viewport > .fph2-article-single{
    width:min(100%,1080px)!important;
    max-width:1080px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}


.fph2-articles,
.fph2-article-single{
    --fh-page:#0b1727;
    --fh-panel:#132338;
    --fh-panel-2:#182b42;
    --fh-line:rgba(220,232,246,.11);
    --fh-line-strong:rgba(220,232,246,.18);
    --fh-text:#f5f8fc;
    --fh-soft:#d7e2ee;
    --fh-muted:#8fa4bb;
    --fh-accent:#59ddb1;
    --fh-accent-soft:#8ee3c2;
    max-width:1180px;
    margin:0 auto;
    padding:34px 28px 54px;
    color:var(--fh-text);
    font-family:inherit
}
.fph2-articles *,
.fph2-article-single *{box-sizing:border-box}
.fph2-articles a,
.fph2-article-single a{color:inherit;text-decoration:none}

/* 0.26.3 — Keep the Articles archive aligned to the Fantasy Hub content edge. */
.fph2-editorial-viewport > .fph2-articles{margin-left:0!important;margin-right:auto!important}
.fph2-articles{margin-left:0;margin-right:auto}

.fph2-articles-hero{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:36px;
    padding:18px 0 28px;
    border-bottom:1px solid var(--fh-line)
}
.fph2-articles-eyebrow{
    color:var(--fh-accent);
    font-size:10px;
    font-weight:900;
    letter-spacing:.13em;
    text-transform:uppercase
}
.fph2-articles-hero h1{
    margin:7px 0 0;
    font-size:44px;
    line-height:1;
    letter-spacing:-.045em
}
.fph2-articles-hero p{
    max-width:690px;
    margin:13px 0 0;
    color:var(--fh-muted);
    font-size:13px;
    line-height:1.65
}
.fph2-articles-count{text-align:right;min-width:125px}
.fph2-articles-count strong{
    display:block;
    font-size:34px;
    line-height:1;
    letter-spacing:-.04em
}
.fph2-articles-count span{
    display:block;
    margin-top:5px;
    color:var(--fh-muted);
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.05em
}

.fph2-articles-toolbar{
    display:grid;
    grid-template-columns:minmax(260px,360px) 1fr;
    gap:16px;
    align-items:center;
    padding:17px 0;
    border-bottom:1px solid var(--fh-line)
}
.fph2-articles-search{
    display:flex;
    gap:7px
}
.fph2-articles-search input{
    min-width:0;
    flex:1;
    height:40px;
    padding:0 12px;
    border:1px solid var(--fh-line-strong);
    border-radius:9px;
    outline:none;
    background:#0e1c2d;
    color:var(--fh-text);
    font:inherit;
    font-size:11px
}
.fph2-articles-search input:focus{border-color:rgba(89,221,177,.55)}
.fph2-articles-search button{
    height:40px;
    padding:0 14px;
    border:0;
    border-radius:9px;
    background:var(--fh-accent);
    color:#071624;
    font-size:10px;
    font-weight:900;
    cursor:pointer
}
.fph2-article-categories{
    display:flex;
    justify-content:flex-end;
    gap:6px;
    flex-wrap:wrap
}
.fph2-article-categories a{
    display:inline-flex;
    align-items:center;
    gap:5px;
    min-height:32px;
    padding:0 10px;
    border:1px solid var(--fh-line);
    border-radius:999px;
    color:var(--fh-muted);
    font-size:10px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.045em
}
.fph2-article-categories a:hover,
.fph2-article-categories a.is-active{
    border-color:rgba(89,221,177,.34);
    background:rgba(89,221,177,.075);
    color:var(--fh-accent-soft)
}
.fph2-article-categories a span{opacity:.65}

.fph2-articles-featured-section,
.fph2-articles-latest,
.fph2-article-related{padding-top:30px}
.fph2-articles-section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:13px
}
.fph2-articles-section-head h2{
    margin:5px 0 0;
    font-size:23px;
    line-height:1.1;
    letter-spacing:-.025em
}
.fph2-articles-clear{
    color:var(--fh-accent-soft)!important;
    font-size:11px;
    font-weight:800
}

.fph2-articles-featured{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);
    min-height:360px;
    border:1px solid var(--fh-line);
    border-radius:17px;
    overflow:hidden;
    background:linear-gradient(145deg,#162941,#122238)
}
.fph2-articles-featured-image,
.fph2-article-card-image{
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
.fph2-articles-featured-image{
    min-height:360px
}
.fph2-articles-featured-image.is-empty,
.fph2-article-card-image.is-empty{
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(circle at 35% 35%,rgba(89,221,177,.14),transparent 36%),
        linear-gradient(135deg,#18314b,#0f1d2d)
}
.fph2-articles-featured-image.is-empty span,
.fph2-article-card-image.is-empty span{
    color:rgba(142,227,194,.7);
    font-size:10px;
    font-weight:900;
    letter-spacing:.13em;
    text-transform:uppercase
}
.fph2-articles-featured-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:34px
}
.fph2-article-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px 11px;
    color:var(--fh-muted);
    font-size:10px;
    font-weight:800;
    letter-spacing:.045em;
    text-transform:uppercase
}
.fph2-article-meta span:first-child{color:var(--fh-accent-soft)}
.fph2-articles-featured-copy h2{
    margin:13px 0 0;
    font-size:31px;
    line-height:1.1;
    letter-spacing:-.035em
}
.fph2-articles-featured-copy p{
    margin:13px 0 0;
    color:var(--fh-soft);
    font-size:11px;
    line-height:1.65
}
.fph2-articles-featured-copy>strong{
    margin-top:22px;
    color:var(--fh-accent);
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.055em
}

.fph2-articles-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px
}
.fph2-article-card{
    display:flex;
    min-width:0;
    flex-direction:column;
    border:1px solid var(--fh-line);
    border-radius:14px;
    overflow:hidden;
    background:linear-gradient(155deg,#15273c,#112033);
    transition:transform .15s ease,border-color .15s ease
}
.fph2-article-card:hover{
    transform:translateY(-2px);
    border-color:rgba(89,221,177,.26)
}
.fph2-article-card-image{
    aspect-ratio:16/9;
    border-bottom:1px solid var(--fh-line)
}
.fph2-article-card-body{
    display:flex;
    flex:1;
    flex-direction:column;
    padding:15px
}
.fph2-article-card h2{
    margin:10px 0 0;
    font-size:16px;
    line-height:1.25;
    letter-spacing:-.02em
}
.fph2-article-card p{
    margin:9px 0 0;
    color:var(--fh-muted);
    font-size:11px;
    line-height:1.55
}
.fph2-article-card-body>strong{
    margin-top:auto;
    padding-top:15px;
    color:var(--fh-accent);
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.045em
}

.fph2-articles-pagination{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    gap:15px;
    align-items:center;
    margin-top:20px;
    padding-top:17px;
    border-top:1px solid var(--fh-line);
    color:var(--fh-muted);
    font-size:11px
}
.fph2-articles-pagination a{
    color:var(--fh-accent-soft)!important;
    font-weight:800
}
.fph2-articles-pagination a:last-child{text-align:right}
.fph2-articles-empty{
    padding:35px;
    border:1px solid var(--fh-line);
    border-radius:14px;
    background:var(--fh-panel);
    text-align:center
}
.fph2-articles-empty strong{font-size:16px}
.fph2-articles-empty p{margin:5px 0 0;color:var(--fh-muted);font-size:10px}

/* Single article */
.fph2-article-single{max-width:1080px}
.fph2-article-breadcrumb{
    display:flex;
    gap:8px;
    padding:5px 0 22px;
    color:var(--fh-muted);
    font-size:11px
}
.fph2-article-breadcrumb a:hover{color:var(--fh-accent-soft)}
.fph2-article-single-header{
    max-width:860px;
    padding:15px 0 27px
}
.fph2-article-single-header h1{
    max-width:900px;
    margin:13px 0 0;
    font-size:48px;
    line-height:1.04;
    letter-spacing:-.045em
}
.fph2-article-deck{
    max-width:760px;
    margin:16px 0 0;
    color:var(--fh-soft);
    font-size:16px;
    line-height:1.55
}
.fph2-article-byline{
    display:flex;
    gap:10px 16px;
    flex-wrap:wrap;
    margin-top:18px;
    color:var(--fh-muted);
    font-size:11px
}
.fph2-article-byline span:first-child{color:var(--fh-soft);font-weight:700}

.fph2-article-hero-image{
    margin:0 0 32px;
    border:1px solid var(--fh-line);
    border-radius:17px;
    overflow:hidden;
    background:#0e1b2b
}
.fph2-article-hero-image img{
    display:block;
    width:100%;
    max-height:620px;
    object-fit:cover
}

.fph2-article-content{
    max-width:760px;
    margin:0 auto;
    color:#e3ebf4;
    font-size:15px;
    line-height:1.78
}
.fph2-article-content>p:first-child{font-size:17px;line-height:1.7}
.fph2-article-content h2,
.fph2-article-content h3,
.fph2-article-content h4{
    color:var(--fh-text);
    line-height:1.18;
    letter-spacing:-.025em
}
.fph2-article-content h2{margin:40px 0 13px;font-size:28px}
.fph2-article-content h3{margin:30px 0 10px;font-size:21px}
.fph2-article-content h4{margin:25px 0 8px;font-size:17px}
.fph2-article-content p{margin:0 0 19px}
.fph2-article-content a{
    color:var(--fh-accent-soft);
    text-decoration:underline;
    text-decoration-color:rgba(142,227,194,.35);
    text-underline-offset:3px
}
.fph2-article-content strong{color:var(--fh-text)}
.fph2-article-content ul,
.fph2-article-content ol{margin:0 0 21px;padding-left:23px}
.fph2-article-content li{margin:7px 0}
.fph2-article-content blockquote{
    margin:27px 0;
    padding:4px 0 4px 20px;
    border-left:3px solid var(--fh-accent);
    color:var(--fh-soft);
    font-size:17px
}
.fph2-article-content figure{margin:28px -70px}
.fph2-article-content img{
    max-width:100%;
    height:auto;
    border-radius:10px
}
.fph2-article-content figcaption{
    margin-top:6px;
    color:var(--fh-muted);
    font-size:11px;
    text-align:center
}
.fph2-article-content table{
    width:100%;
    margin:25px 0;
    border-collapse:collapse;
    font-size:11px
}
.fph2-article-content th,
.fph2-article-content td{
    padding:10px;
    border-bottom:1px solid var(--fh-line);
    text-align:left
}
.fph2-article-content th{
    color:var(--fh-muted);
    font-size:10px;
    letter-spacing:.045em;
    text-transform:uppercase
}
.fph2-article-content code{
    padding:2px 5px;
    border-radius:5px;
    background:rgba(255,255,255,.06)
}

.fph2-article-footer{
    display:flex;
    justify-content:space-between;
    gap:15px;
    max-width:760px;
    margin:35px auto 0;
    padding:17px 0;
    border-top:1px solid var(--fh-line);
    border-bottom:1px solid var(--fh-line);
    color:var(--fh-accent-soft);
    font-size:11px;
    font-weight:800
}
.fph2-article-related{
    margin-top:20px;
    padding-top:35px;
    border-top:1px solid var(--fh-line)
}

@media(max-width:900px){
    .fph2-articles,
    .fph2-article-single{padding:25px 18px 45px}
    .fph2-articles-featured{grid-template-columns:1.15fr .85fr}
    .fph2-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .fph2-articles-toolbar{grid-template-columns:1fr}
    .fph2-article-categories{justify-content:flex-start}
    .fph2-article-content figure{margin-left:0;margin-right:0}
}
@media(max-width:640px){
    .fph2-articles-hero{align-items:flex-start;flex-direction:column}
    .fph2-articles-hero h1{font-size:35px}
    .fph2-articles-count{text-align:left}
    .fph2-articles-featured{grid-template-columns:1fr}
    .fph2-articles-featured-image{min-height:230px}
    .fph2-articles-featured-copy{padding:22px}
    .fph2-articles-featured-copy h2{font-size:24px}
    .fph2-articles-grid{grid-template-columns:1fr}
    .fph2-article-single-header h1{font-size:35px}
    .fph2-article-deck{font-size:14px}
    .fph2-article-content{font-size:14px}
    .fph2-article-footer{align-items:flex-start;flex-direction:column}
}


/* 0.16.8 — Internal Player Intelligence links in article copy */
.fph2-article-content a.fph2-player-inline-link{
    color:#8ee3c2;
    font-weight:700;
    text-decoration:underline;
    text-decoration-color:rgba(142,227,194,.38);
    text-decoration-thickness:1px;
    text-underline-offset:3px
}
.fph2-article-content a.fph2-player-inline-link:hover{
    color:#b6f0da;
    text-decoration-color:rgba(182,240,218,.8)
}

/* 0.17.0 — Site-wide responsive pass: Articles */
body.fph2-editorial-route{overflow-x:clip}
.fph2-articles,.fph2-article-single{width:min(100%,1180px);max-width:100%;padding:clamp(20px,3vw,34px) clamp(14px,2.4vw,28px) clamp(38px,5vw,54px)}
.fph2-articles *,.fph2-article-single *{min-width:0}
.fph2-articles-hero h1{font-size:clamp(34px,5vw,46px)}
.fph2-article-single-header h1{font-size:clamp(34px,5.4vw,50px)}
.fph2-article-deck{font-size:clamp(14px,1.7vw,16px)}
.fph2-article-content{font-size:clamp(14px,1.45vw,15px)}
.fph2-article-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.fph2-article-content pre{max-width:100%;overflow:auto}
.fph2-article-content iframe,.fph2-article-content video{max-width:100%}

@media(max-width:980px){
    .fph2-articles-featured{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr)}
    .fph2-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .fph2-articles-toolbar{grid-template-columns:1fr}
    .fph2-article-categories{justify-content:flex-start}
    .fph2-article-content figure{margin-left:0;margin-right:0}
}
@media(max-width:680px){
    .fph2-editorial-viewport > .fph2-articles,.fph2-editorial-viewport > .fph2-article-single{width:100%!important}
    .fph2-articles,.fph2-article-single{padding-left:12px;padding-right:12px}
    .fph2-articles-hero{align-items:flex-start;flex-direction:column;gap:12px}
    .fph2-articles-count{min-width:0;text-align:left}
    .fph2-articles-search{width:100%}
    .fph2-articles-featured{grid-template-columns:1fr;min-height:0}
    .fph2-articles-featured-image{min-height:clamp(210px,58vw,300px)}
    .fph2-articles-featured-copy{padding:clamp(18px,5vw,24px)}
    .fph2-articles-grid{grid-template-columns:1fr}
    .fph2-articles-pagination{grid-template-columns:1fr 1fr}
    .fph2-articles-pagination>span{grid-column:1/-1;grid-row:1;text-align:center}
    .fph2-article-footer{align-items:flex-start;flex-direction:column}
    .fph2-article-content blockquote{font-size:16px}
}
@media(max-width:420px){
    .fph2-articles-search{display:grid;grid-template-columns:1fr}
    .fph2-articles-search button{min-height:42px}
    .fph2-article-categories{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;-webkit-overflow-scrolling:touch}
    .fph2-article-categories a{flex:0 0 auto}
}

