/* Portal-style PHWhy homepage inspired by the density and hierarchy of 7477.com. */
.home .site-main{padding-top:22px}.portal-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:16px}.portal-kicker{margin:0 0 4px;color:var(--brand);font-size:.74rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.portal-intro h1{margin:0;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.1;letter-spacing:-.035em}.portal-intro-search{width:min(410px,42%)}.portal-intro-search .search-field{background:#fff}

.portal-feature-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(370px,.95fr);gap:12px;margin-bottom:22px}.portal-lead-card,.portal-mini-feature{overflow:hidden;border-radius:5px;background:#172235}.portal-feature-image{position:relative;display:block;height:408px;color:#fff;text-decoration:none}.portal-feature-image img{width:100%;height:100%;object-fit:cover;border-radius:0}.portal-image-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,12,25,.9),rgba(3,12,25,0) 68%)}.portal-feature-copy{position:absolute;left:0;right:0;bottom:0;padding:30px}.portal-feature-copy small,.portal-mini-feature small{display:block;margin-bottom:7px;color:#ffd19a;font-size:.72rem;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.portal-feature-copy strong{display:block;max-width:710px;font-size:clamp(1.55rem,2.5vw,2.35rem);line-height:1.14}.portal-feature-copy em{display:block;max-width:700px;margin-top:9px;color:#d8e1ed;font-size:.9rem;font-style:normal}.portal-side-features{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portal-mini-feature a{position:relative;display:block;height:198px;color:#fff;text-decoration:none}.portal-mini-feature img{width:100%;height:100%;object-fit:cover;border-radius:0}.portal-mini-feature a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,12,25,.86),rgba(3,12,25,.05) 72%)}.portal-mini-feature span{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:15px}.portal-mini-feature strong{display:-webkit-box;overflow:hidden;font-size:.92rem;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.portal-category-strip,.portal-panel,.portal-topic-columns{border:1px solid var(--line);background:#fff}.portal-category-strip{margin-bottom:22px;padding:16px 18px}.portal-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px;border-bottom:2px solid #182536}.portal-section-title h2{position:relative;margin:0;padding:0 0 9px;font-size:1.22rem;line-height:1.2}.portal-section-title h2::after{content:"";position:absolute;left:0;bottom:-2px;width:48px;height:3px;background:var(--brand)}.portal-section-title>a{color:var(--muted);font-size:.78rem;text-decoration:none}.portal-section-title.compact{margin-bottom:12px}.portal-section-title.compact h2{font-size:1rem}.portal-category-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.portal-category-grid>a{display:grid;grid-template-columns:42px 1fr;align-items:center;column-gap:10px;padding:10px;border:1px solid #e7ebf0;border-radius:4px;color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s}.portal-category-grid>a:hover{border-color:var(--brand);transform:translateY(-2px)}.portal-category-grid>a>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:#fff2e4;color:var(--brand);font-size:.76rem;font-weight:900}.portal-category-grid strong{overflow:hidden;font-size:.75rem;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.portal-category-grid small{color:var(--muted);font-size:.65rem}

.portal-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;margin-bottom:28px}.portal-news-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.portal-news-card{display:grid;grid-template-columns:148px minmax(0,1fr);gap:13px;min-width:0;padding-bottom:13px;border-bottom:1px solid var(--line)}.portal-news-image{display:block;height:100px;overflow:hidden;border-radius:4px;background:#eef2f6;text-decoration:none}.portal-news-image img{width:100%;height:100%;object-fit:cover;border-radius:0}.portal-news-image>span{display:grid;place-items:center;height:100%;color:var(--brand);font-weight:900}.portal-topic{color:var(--brand);font-size:.68rem;font-weight:800;text-decoration:none}.portal-news-card h3{margin:4px 0 5px;font-size:.94rem;line-height:1.32}.portal-news-card h3 a{display:-webkit-box;overflow:hidden;color:var(--ink);text-decoration:none;-webkit-line-clamp:2;-webkit-box-orient:vertical}.portal-news-card p{display:-webkit-box;overflow:hidden;margin:0 0 4px;color:var(--muted);font-size:.73rem;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.portal-news-card small{color:#8995a4;font-size:.67rem}

.portal-sidebar{display:grid;align-content:start;gap:16px}.portal-panel{padding:15px}.portal-ranking{list-style:none;margin:0;padding:0}.portal-ranking li{display:grid;grid-template-columns:31px 1fr;gap:8px;align-items:start;padding:9px 0;border-bottom:1px dashed #dce2e9}.portal-ranking li:last-child{border-bottom:0}.portal-ranking span{color:var(--brand);font-size:1.1rem;font-weight:900;line-height:1}.portal-ranking a{display:-webkit-box;overflow:hidden;color:var(--ink);font-size:.82rem;font-weight:700;line-height:1.35;text-decoration:none;-webkit-line-clamp:2;-webkit-box-orient:vertical}.portal-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.portal-quick-grid a{display:grid;justify-items:center;gap:5px;padding:12px 6px;border-radius:4px;background:#f5f7fa;color:var(--ink);font-size:.68rem;font-weight:700;text-align:center;text-decoration:none}.portal-quick-grid span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;font-size:.7rem;font-weight:900}.portal-help-card{padding:18px;border-radius:5px;background:linear-gradient(135deg,#182536,#283d57);color:#fff}.portal-help-card strong{font-size:1.05rem}.portal-help-card p{margin:5px 0 12px;color:#cbd5e1;font-size:.78rem}.portal-help-card .search-field{border:0;border-radius:4px}.portal-help-card .search-submit{padding-inline:11px;border-radius:4px;background:var(--brand)}

.portal-topic-columns{margin-bottom:28px;padding:18px}.portal-columns-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.portal-topic-column{min-width:0}.portal-topic-column h3{display:flex;justify-content:space-between;margin:0 0 7px;padding-bottom:7px;border-bottom:1px solid var(--line);font-size:.9rem}.portal-topic-column h3 a{color:var(--brand);text-decoration:none}.portal-topic-column h3 span{color:#a0a8b3}.portal-topic-column ul{list-style:none;margin:0;padding:0}.portal-topic-column li{position:relative;padding:6px 0 6px 12px;border-bottom:1px dashed #e3e7ec}.portal-topic-column li::before{content:"";position:absolute;left:0;top:13px;width:4px;height:4px;border-radius:50%;background:#aeb7c2}.portal-topic-column li a{display:block;overflow:hidden;color:#39485a;font-size:.76rem;text-decoration:none;white-space:nowrap;text-overflow:ellipsis}

.portal-trust-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:28px;border:1px solid var(--line);background:#fff}.portal-trust-strip>div{display:grid;grid-template-columns:42px 1fr;column-gap:10px;padding:17px}.portal-trust-strip>div+div{border-left:1px solid var(--line)}.portal-trust-strip span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff2e4;color:var(--brand);font-size:.72rem;font-weight:900}.portal-trust-strip strong{font-size:.82rem}.portal-trust-strip small{color:var(--muted);font-size:.68rem}

@media(max-width:980px){.portal-feature-grid{grid-template-columns:1fr}.portal-feature-image{height:380px}.portal-side-features{grid-template-columns:repeat(4,1fr)}.portal-mini-feature a{height:150px}.portal-category-grid{grid-template-columns:repeat(4,1fr)}.portal-content-layout{grid-template-columns:1fr}.portal-sidebar{grid-template-columns:1fr 1fr}.portal-help-card{grid-column:1/-1}}
@media(max-width:699px){.home .site-main{padding-top:12px}.portal-intro{display:block;margin-bottom:12px}.portal-intro h1{font-size:1.45rem}.portal-intro-search{width:100%;margin-top:12px}.portal-feature-grid{display:block;margin:0 -16px 14px}.portal-feature-image{height:245px;border-radius:0}.portal-feature-copy{padding:18px}.portal-feature-copy strong{font-size:1.35rem}.portal-feature-copy em{display:none}.portal-side-features{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#fff}.portal-mini-feature{border-radius:0}.portal-mini-feature a{height:142px}.portal-mini-feature span{padding:10px}.portal-category-strip{margin:0 -16px 16px;padding:14px 16px;border-left:0;border-right:0}.portal-category-grid{display:flex;gap:9px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.portal-category-grid::-webkit-scrollbar{display:none}.portal-category-grid>a{flex:0 0 92px;display:grid;grid-template-columns:1fr;justify-items:center;gap:5px;padding:10px 6px;text-align:center}.portal-category-grid>a>span{grid-row:auto}.portal-category-grid strong{width:100%}.portal-category-grid small{display:none}.portal-content-layout{display:block}.portal-section-title{margin-bottom:12px}.portal-news-list{display:block}.portal-news-card{grid-template-columns:108px minmax(0,1fr);gap:11px;padding:11px 0}.portal-news-image{height:76px}.portal-news-card p{display:none}.portal-news-card h3{font-size:.9rem}.portal-sidebar{display:grid;grid-template-columns:1fr;margin-top:18px}.portal-topic-columns{margin:18px -16px;padding:16px;border-left:0;border-right:0}.portal-columns-grid{grid-template-columns:1fr 1fr;gap:20px 14px}.portal-topic-column:nth-child(n+5){display:none}.portal-trust-strip{grid-template-columns:1fr 1fr;margin:0 -16px 16px}.portal-trust-strip>div{padding:13px 10px}.portal-trust-strip>div+div{border-left:0}.portal-trust-strip>div:nth-child(even){border-left:1px solid var(--line)}.portal-trust-strip>div:nth-child(n+3){border-top:1px solid var(--line)}}
@media(max-width:390px){.portal-feature-image{height:220px}.portal-mini-feature a{height:126px}.portal-news-card{grid-template-columns:98px minmax(0,1fr)}.portal-columns-grid{grid-template-columns:1fr}.portal-topic-column:nth-child(n+4){display:none}}