.ph-home{max-width:1200px;margin:0 auto;padding:0 24px 60px;color:inherit}.ph-home *{box-sizing:border-box}.ph-hero{min-height:370px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(15,28,36,.83),rgba(15,28,36,.25)),var(--ph-hero,linear-gradient(135deg,#526e7a,#263846));background-size:cover;background-position:center;color:#fff;padding:50px clamp(25px,5vw,70px)}.ph-hero-inner{max-width:650px}.ph-hero h1{color:#fff;font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.12;margin:.3em 0}.ph-hero p{font-size:1.12rem;line-height:1.7}.ph-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.73rem!important;font-weight:700;margin:0;color:#547c91}.ph-hero .ph-eyebrow{color:#d8e6ed}.ph-button{display:inline-block;background:#2d627d;color:#fff!important;text-decoration:none;padding:11px 22px;margin-top:12px;border-radius:3px}.ph-section{padding-top:58px}.ph-section-head{margin-bottom:25px}.ph-section h2{font-size:clamp(1.7rem,3vw,2.4rem);margin:5px 0 10px}.ph-interest-grid,.ph-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.ph-interest{display:flex;flex-direction:column;justify-content:end;min-height:155px;padding:23px;background:#eef2f3;color:#263d4a!important;text-decoration:none;border-top:3px solid #5c869b}.ph-interest-name{font-size:1.18rem;font-weight:700}.ph-interest-desc{font-size:.88rem;margin-top:9px;line-height:1.4}.ph-category{min-width:0}.ph-category h3{font-size:1.25rem;border-bottom:1px solid #ddd;padding-bottom:13px}.ph-post{border-bottom:1px solid #e2e2e2;padding:14px 0}.ph-post-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.ph-post h4{font-size:1rem;line-height:1.4;margin:5px 0}.ph-post h4 a{color:inherit;text-decoration:none}.ph-post time{color:#777;font-size:.75rem}.ph-post p{font-size:.9rem;line-height:1.6}.ph-more{display:inline-block;margin-top:18px;font-weight:700;font-size:.88rem}.ph-empty,.ph-note{color:#666;font-size:.85rem}.ph-gaming-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ph-stats{background:#f0f5f7;padding:34px;margin-top:60px}.ph-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ph-stat-card{background:#fff;padding:20px;border:1px solid #e2e9ed;display:flex;flex-direction:column}.ph-stat-card strong{font-size:2rem;line-height:1.3;color:#2c5970}.ph-stat-card span{font-size:.83rem;color:#666}.ph-stats h3{margin-top:30px}.ph-bar-row{display:grid;grid-template-columns:120px 1fr 40px;gap:12px;align-items:center;margin:12px 0;font-size:.88rem}.ph-track{height:9px;background:#dce5e9;border-radius:10px;overflow:hidden}.ph-track div{height:100%;background:#477b96}.ph-bar-row strong{text-align:right}.ph-archive{text-align:center;padding:40px 0 10px}@media(max-width:900px){.ph-interest-grid,.ph-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ph-stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.ph-home{padding:0 14px 35px}.ph-hero{min-height:300px;padding:30px 22px}.ph-interest-grid,.ph-category-grid,.ph-gaming-grid{grid-template-columns:1fr}.ph-section{padding-top:38px}.ph-stats{padding:20px;margin-top:38px}.ph-bar-row{grid-template-columns:90px 1fr 32px;gap:8px}.ph-stat-card{padding:12px}.ph-stat-card strong{font-size:1.6rem}}

/* Wide-screen layout: override Gaukingo's 72% content column only on this homepage. */
body.ph-homepage-active #main{display:block;width:100%}
body.ph-homepage-active #main-content.ph-home{width:100%;max-width:none;margin:0;padding:0 clamp(18px,3.5vw,100px) 80px;float:none;min-height:0}
@media(min-width:1800px){
 body.ph-homepage-active #main-content.ph-home{padding-left:clamp(48px,4vw,155px);padding-right:clamp(48px,4vw,155px)}
 .ph-home .ph-hero{min-height:480px}
 .ph-home .ph-interest-grid,.ph-home .ph-category-grid{gap:clamp(20px,2vw,55px)}
 .ph-home .ph-section{padding-top:75px}
}
.ph-interest-photo{background-image:linear-gradient(0deg,rgba(12,30,40,.8),rgba(12,30,40,.05)),var(--ph-category-image);background-size:cover;background-position:center;color:#fff!important;min-height:235px}
.ph-interest-photo .ph-interest-desc{color:#f3f3f3}
@media(max-width:900px){body.ph-homepage-active #main-content.ph-home{padding:0 20px 40px}}

/* 0.3.1: Actual image elements prevent custom-property/background conflicts. */
.ph-home .ph-interest{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:flex-end;min-height:235px;text-decoration:none}
.ph-home .ph-interest-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;display:block}
.ph-home .ph-interest-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,27,38,.88),rgba(9,27,38,.12));z-index:-1}
.ph-home .ph-interest-content{display:flex;flex-direction:column;position:relative;z-index:1}
.ph-home .ph-interest-photo .ph-interest-name,.ph-home .ph-interest-photo .ph-interest-desc{color:#fff}
.ph-home .ph-interest-pending{border-top-color:#9caeb8;cursor:default}
/* Force full-width despite Gaukingo page/no-sidebar selectors and outer inner wrappers. */
body.ph-homepage-active #container,body.ph-homepage-active #main,body.ph-homepage-active main#main{width:100%;max-width:none}
body.ph-homepage-active #main{display:block}
body.ph-homepage-active #main-content.ph-home{box-sizing:border-box;display:block;float:none;width:100%;max-width:none;margin:0;padding:clamp(20px,2vw,55px) clamp(18px,3vw,110px) 70px}
@media(min-width:2000px){body.ph-homepage-active #main-content.ph-home{padding-left:clamp(50px,4vw,160px);padding-right:clamp(50px,4vw,160px)}}
.ph-home .ph-post p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
@media(max-width:900px){body.ph-homepage-active #main-content.ph-home{padding:18px 20px 45px}}

/* v0.3.2 — Fluid viewport-based homepage, without fixed-width content columns. */
body.ph-homepage-active #container,
body.ph-homepage-active #main,
body.ph-homepage-active #main > .inner,
body.ph-homepage-active #main-content.ph-home {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}
body.ph-homepage-active #main > .inner { padding-left: 0; padding-right: 0; }
body.ph-homepage-active #main-content.ph-home {
  margin: 0;
  padding: 2.5vw 3% 5vw;
}
.ph-home .ph-interest-grid,
.ph-home .ph-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 1.5%;
  row-gap: 2rem;
  width: 100%;
}
.ph-home .ph-gaming-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5%;width:100%}
.ph-home .ph-stat-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5%;width:100%}
.ph-home .ph-category, .ph-home .ph-interest, .ph-home .ph-post {min-width:0}
.ph-home .ph-post p {max-width:65ch}
@media (max-width:1100px) {
  .ph-home .ph-interest-grid,.ph-home .ph-category-grid {grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3%}
  .ph-home .ph-stat-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:3%}
  body.ph-homepage-active #main-content.ph-home {padding:3vw 3% 6vw}
}
@media (max-width:600px) {
  .ph-home .ph-interest-grid,.ph-home .ph-category-grid,.ph-home .ph-gaming-grid {grid-template-columns:minmax(0,1fr);gap:1.25rem}
  .ph-home .ph-stat-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:3%}
  body.ph-homepage-active #main-content.ph-home {padding:18px 4% 40px}
}


/* v0.3.4: centered, fluid editorial layout. Keep this page independent
   of Gaukingo's 72% sidebar content width without using 100vw overflow. */
body.ph-homepage-active #container,
body.ph-homepage-active #main,
body.ph-homepage-active #main > .inner {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
}
body.ph-homepage-active #main > .inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.ph-homepage-active #main {
  display: block !important;
}
body.ph-homepage-active #main-content.ph-home {
  box-sizing: border-box !important;
  display: block !important;
  float: none !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  width: 94% !important;
  max-width: 1920px !important;
  margin: 0 auto !important;
  padding: clamp(22px, 2.2vw, 55px) 0 75px !important;
}
.ph-home .ph-interest-grid,
.ph-home .ph-category-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 1.5%;
  row-gap: 2rem;
}
.ph-home .ph-gaming-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ph-home .ph-interest-content { width: 100%; position: relative; z-index: 2; }
.ph-home .ph-interest-image { z-index: 0; }
.ph-home .ph-interest-photo::before { z-index: 1; }
@media (max-width: 1100px) {
  .ph-home .ph-interest-grid,
  .ph-home .ph-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 3%; }
}
@media (max-width: 600px) {
  body.ph-homepage-active #main-content.ph-home {
    width: 92% !important;
    padding: 18px 0 40px !important;
  }
  .ph-home .ph-interest-grid,
  .ph-home .ph-category-grid,
  .ph-home .ph-gaming-grid { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
}