:root{--ink:#131e2a;--muted:#66758a;--red:#ed2139;--navy:#111d2a;--paper:#fff;--bg:#f4f6f9;--line:#e7ebf0;--blue:#226dcb;--green:#17845a;--shadow:0 7px 28px rgba(20,36,56,.05)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}form{margin:0}
.container{width:min(1440px,calc(100% - 44px));margin:0 auto}
.utility{background:#131f2d;color:#c7d0dc;font-size:12px}.utility .container{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:34px}.utility-links{display:flex;gap:19px;align-items:center}.utility a:hover{color:white}
.masthead{background:#fff;border-bottom:1px solid var(--line)}.masthead-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.wordmark{font-weight:950;line-height:1;white-space:nowrap;letter-spacing:-2px;font-size:clamp(25px,3vw,43px);color:#0b1521}.wordmark b{color:var(--red)}.wordmark small{display:block;color:#7f8995;font-size:9px;font-weight:700;letter-spacing:2.5px;margin-top:8px}
.searchbar{max-width:490px;display:flex;align-items:center;gap:0;background:#f5f7fa;border:1px solid var(--line);border-radius:11px;flex:1;padding:5px 6px 5px 14px}.searchbar input{background:transparent;border:0;outline:0;min-width:0;flex:1;font-size:13px}.searchbar button{border:0;background:var(--red);color:white;border-radius:8px;padding:8px 13px;font-weight:700}
.head-actions{display:flex;gap:9px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;padding:10px 16px;color:#fff;background:var(--red);font-size:13px;font-weight:750;line-height:1.3}.btn:hover{filter:brightness(.94)}.btn.outline{background:#fff;color:#24344a;border:1px solid #dce2e9}.btn.dark{background:var(--navy)}.btn.small{padding:7px 10px;font-size:12px}.btn.disabled{opacity:.55;pointer-events:none}
.navwrap{background:#fff;box-shadow:0 3px 9px #15283c0a;border-bottom:1px solid var(--line)}.navbar{display:flex;align-items:center;gap:0;overflow:auto;scrollbar-width:thin}.navbar a{padding:14px 17px;font-size:12px;font-weight:850;white-space:nowrap;display:block;text-transform:uppercase;border-bottom:3px solid transparent}.navbar a:hover,.navbar a.current{color:var(--red);border-bottom-color:var(--red)}.navbar .home-link{background:var(--red);color:white!important;border-bottom-color:var(--red)}.navbar .forum-link{margin-left:auto;background:#1e3267;color:white!important;border-bottom-color:#1e3267}
.breaking{background:#172636;color:#e7ecf3;font-size:13px}.breaking .container{display:flex;min-height:39px;align-items:center;gap:12px}.breaking strong{background:var(--red);color:white;padding:4px 9px;border-radius:3px;font-size:10px;letter-spacing:.7px;white-space:nowrap}.breaking span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
main{min-height:50vh}.section{margin-top:24px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title h2{font-size:21px;letter-spacing:-.6px;margin:0;font-weight:880}.section-title h2:before{content:"";display:inline-block;background:var(--red);width:5px;height:21px;border-radius:2px;margin-right:9px;vertical-align:-3px}.section-title>a{color:var(--red);font-size:12px;font-weight:750}
.surface{background:white;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);overflow:hidden}.padded{padding:21px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(265px,.8fr) minmax(300px,1fr);gap:14px}.hero-main{min-height:415px;border-radius:13px;background:linear-gradient(135deg,#0d1728 0%,#223755 47%,#080e18 100%);color:#fff;position:relative;display:flex;flex-direction:column;justify-content:end;padding:31px;overflow:hidden}.hero-main:before{content:"";position:absolute;right:-125px;top:-65px;width:450px;height:450px;border:2px solid #54bafc3f;border-radius:50%;box-shadow:0 0 0 28px #54bafc0a,0 0 0 72px #ed21391a,0 0 0 112px #54bafc09}.hero-main:after{content:"";position:absolute;right:40px;top:60px;width:170px;height:170px;background:radial-gradient(circle at 50% 50%,#3c9af455,transparent 65%);filter:blur(10px)}.hero-main>*{position:relative;z-index:1}.hero-main h1{font-size:clamp(25px,2.8vw,39px);line-height:1.23;margin:10px 0;letter-spacing:-1.25px;font-weight:900}.hero-main p{color:#d4deeb;max-width:580px;margin:0 0 12px}.kicker{display:inline-flex;align-self:flex-start;background:var(--red);padding:5px 9px;border-radius:4px;color:#fff;font-size:10px;font-weight:900;letter-spacing:.6px}.kicker.blue{background:#246fe1}.kicker.green{background:#149977}.meta{color:#8995a5;font-size:11px}.hero-main .meta{color:#b5c2d1}.hero-side{display:flex;flex-direction:column;gap:13px}.hero-mini{min-height:128px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;justify-content:center;gap:7px}.hero-mini h3{font-size:16px;line-height:1.35;margin:0}.hero-mini .kicker{font-size:9px}
.popular-box{background:white;border:1px solid var(--line);border-radius:12px;padding:19px}.popular-box h3{font-size:17px;margin:0 0 13px}.popular-row{display:flex;gap:11px;border-bottom:1px solid var(--line);padding:11px 0;align-items:flex-start}.popular-row:last-child{border:0}.popular-num{color:var(--red);font-weight:900;font-size:20px;min-width:24px;line-height:1}.popular-row strong{font-size:13px;line-height:1.4;display:block}.popular-row small{font-size:11px;color:var(--muted)}.popular-box .btn{width:100%;margin-top:13px}
.category-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;margin:17px 0 26px}.category-tile{min-height:83px;padding:14px 6px;border:1px solid var(--line);border-radius:10px;background:white;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:750}.category-tile span{font-size:25px}.category-tile:hover{border-color:#ef9eac;transform:translateY(-1px)}
.news-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:18px}.article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.article-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.article-card .media{height:130px;background:linear-gradient(125deg,#12233e,#2b62a3,#1e2e49);display:flex;align-items:center;justify-content:center;color:#ffffff40;font-size:44px}.article-card .body{padding:15px}.article-card .body h3{margin:8px 0;font-size:16px;line-height:1.45}.article-card p{font-size:13px;color:var(--muted);margin:8px 0}.compact-row{padding:13px 0;border-bottom:1px solid var(--line)}.compact-row:last-child{border-bottom:0}.compact-row h3{font-size:14px;line-height:1.4;margin:3px 0}.compact-row small{color:var(--muted)}.empty{background:white;border:1px dashed #d4dce5;color:#657287;padding:32px;text-align:center;border-radius:12px}.empty strong{display:block;font-size:17px;color:#1b2c40}
.intro{margin:27px 0 20px}.intro h1{font-size:32px;letter-spacing:-1px;margin:0}.intro p{color:var(--muted);margin:5px 0}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.filter{display:inline-flex;padding:7px 12px;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:750}.filter.selected{background:var(--red);color:white;border-color:var(--red)}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}.sidebar{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.sidebar h3{margin:0 0 12px}.thread-row{display:flex;align-items:start;justify-content:space-between;gap:14px;padding:18px 22px;border-bottom:1px solid var(--line)}.thread-row:last-child{border-bottom:0}.thread-row h3{font-size:16px;line-height:1.45;margin:2px 0 6px}.tag{display:inline-flex;background:#eaf1fb;color:#2066be;padding:3px 7px;font-size:10px;border-radius:5px;font-weight:800}.status{font-size:11px;color:var(--green);background:#e8f6ee;padding:4px 8px;border-radius:99px;white-space:nowrap}.status.locked{color:#9c6c12;background:#fff3d9}.pagination{padding:18px 0}.pagination nav{max-width:100%}
.prose{line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px}.article-header h1{font-size:clamp(27px,3vw,42px);line-height:1.23;letter-spacing:-1px;margin:13px 0}.article-header p{font-size:17px;color:#596a7e}.article-body{background:#fff;border:1px solid var(--line);border-radius:12px;padding:32px;min-width:0}.reply{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:22px}.reply-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;margin-bottom:10px}.reply-head strong{color:var(--ink);font-size:14px}
.form-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:var(--shadow)}.form-card h2{margin:0 0 4px;font-size:24px}.form-card>p{color:var(--muted);margin:0 0 20px}label{display:block;font-weight:750;color:#35465b;font-size:12px;margin:15px 0 6px}.field,select,textarea{background:white;border:1px solid #d8e0e8;border-radius:9px;padding:12px 13px;width:100%;outline:none;color:var(--ink);font:inherit}.field:focus,select:focus,textarea:focus{border-color:#ec6b7f;box-shadow:0 0 0 3px #ed21391c}textarea{min-height:190px;resize:vertical}.form-row{display:flex;gap:10px;align-items:center;margin:16px 0}.form-row label{margin:0}.form-row input{accent-color:var(--red)}.form-wrap{max-width:600px;margin:35px auto}.form-actions{display:flex;align-items:center;gap:14px;margin-top:20px}.hint{color:#78869a;font-size:12px;margin:8px 0}.alert{padding:13px 16px;border-radius:9px;margin:15px 0;font-size:13px}.alert.good{background:#e7f6ed;border:1px solid #bce4cb;color:#17734c}.alert.bad{background:#fff0f2;border:1px solid #f1c5ce;color:#a22e47}.check{display:flex;gap:8px;align-items:center;font-size:12px;margin-top:15px}.check input{accent-color:var(--red)}.honey{position:absolute;left:-9999px;opacity:0;pointer-events:none}.foot{margin-top:50px;background:#142131;color:#c9d2df;padding:36px 0}.foot .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px}.foot .wordmark{color:white;font-size:27px}.foot p{font-size:12px;color:#9daabc}.footnav{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.foot-bottom{background:#101a27;color:#8492a4;padding:11px 0;font-size:11px}
@media(max-width:1100px){.hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.popular-box{grid-column:1/-1}.category-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.masthead-inner{flex-wrap:wrap;padding:15px 0;gap:15px}.searchbar{order:3;max-width:none;flex-basis:100%}}
@media(max-width:750px){.container{width:min(100% - 26px,1440px)}.hero-grid,.news-columns,.page-grid{grid-template-columns:1fr}.hero-main{min-height:330px}.hero-side{display:grid;grid-template-columns:1fr 1fr}.article-list{grid-template-columns:1fr 1fr}.navbar a{padding:12px 13px}.category-strip{grid-template-columns:repeat(4,1fr)}.intro h1{font-size:25px}.masthead-inner{min-height:75px}.wordmark{font-size:27px;letter-spacing:-1px}.utility-links{gap:10px}.popular-box{grid-column:auto}.article-body{padding:22px}.foot .container{display:block}.footnav{margin-top:14px}}
@media(max-width:490px){.hero-side{grid-template-columns:1fr}.article-list{grid-template-columns:1fr}.category-strip{grid-template-columns:repeat(2,1fr)}.hero-main{padding:20px}.head-actions .btn{padding:8px 10px;font-size:12px}.masthead-inner{gap:10px}.wordmark small{font-size:7px;letter-spacing:1px}.utility-links .optional{display:none}.form-card{padding:20px}.thread-row{padding:14px 13px;flex-direction:column}.sidebar{padding:15px}}
/* Responsive forum discovery controls. */
.forum-search-grid{display:grid;grid-template-columns:minmax(200px,2fr) minmax(125px,1fr) minmax(125px,1fr) auto;gap:10px;align-items:end}
@media(max-width:950px){.forum-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.forum-search-grid{grid-template-columns:1fr}}

/* HABERE TIKLA / approved third homepage design: editorial grid */
.homepage{padding-top:14px}
.navbar .forum-link{background:#4739b7;color:#fff!important;border-bottom-color:#4739b7}
.navbar .forum-link:hover{background:#332698;border-bottom-color:#332698}
.homepage .portal-editorial-column .portal-section-heading h2:before{display:none}
.homepage a:focus-visible,.navwrap a:focus-visible{outline:3px solid #f4a7b3;outline-offset:3px}
.portal-top-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(260px,.91fr) minmax(290px,.95fr);gap:12px;align-items:stretch}
.portal-hero,.portal-hero-content{min-width:0;min-height:378px;border-radius:8px;overflow:hidden;position:relative}
.portal-hero{background:#101a2a}
.portal-hero-content{display:flex;flex-direction:column;justify-content:end;height:100%;color:#fff;isolation:isolate}
.portal-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.portal-hero-content:after{position:absolute;content:"";inset:0;background:linear-gradient(180deg,transparent 12%,rgba(3,9,20,.34) 39%,rgba(4,8,18,.93) 100%);z-index:-1}
.portal-hero-art{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 76% 37%,#7954c8 0,transparent 31%),radial-gradient(circle at 25% 12%,#3156b4,transparent 55%),linear-gradient(125deg,#181632,#101b42 55%,#1c0b22)}
.portal-art-orbit{position:absolute;top:-150px;right:-68px;width:560px;height:560px;border:1px solid #ffffff59;border-radius:50%;box-shadow:0 0 0 24px #d1deff0a,0 0 0 70px #ffffff09,0 0 0 122px #ffffff05}
.portal-art-orbit:before{content:"";display:block;position:absolute;inset:75px;border-radius:50%;border:2px solid #fa9fff65;transform:rotate(-28deg) scaleX(.57)}
.portal-art-mark{position:absolute;top:55px;right:45px;color:#ffffff1a;font-weight:950;font-size:145px;letter-spacing:-15px;line-height:1}
.portal-hero-copy{padding:25px 26px;position:relative;z-index:1}
.portal-hero-copy h1{font-size:clamp(26px,2.3vw,37px);line-height:1.19;letter-spacing:-.9px;margin:11px 0 10px;font-weight:920;max-width:660px}
.portal-hero-copy p{font-size:14px;color:#ecf0f8;margin:0 0 18px;line-height:1.55;max-width:650px}
.portal-red-tag{display:inline-flex;align-self:start;color:#fff;background:#f3223b;border-radius:3px;padding:4px 7px;font-size:10px;font-weight:880;letter-spacing:.25px}
.portal-hero-meta{font-size:11px;color:#e2e7f0;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid #ffffff36;padding-top:12px}
.portal-hero-meta a{color:#fff;font-weight:800}
.portal-headline-list{display:flex;flex-direction:column;gap:12px;min-width:0}
.portal-headline-row{display:grid;grid-template-columns:42% minmax(0,1fr);min-height:118px;gap:11px;padding:0 0 12px;border-bottom:1px solid #e5e9ee;align-items:center}
.portal-headline-row:last-child{border-bottom:0;padding-bottom:0}
.portal-headline-photo{height:107px;border-radius:6px;overflow:hidden;background:linear-gradient(120deg,#253862,#1259bc);display:grid;place-items:center;color:#fff;font-weight:900;font-size:35px;position:relative}
.portal-headline-photo img,.portal-latest-photo img,.portal-feature-media img,.portal-mini-visual img{width:100%;height:100%;object-fit:cover}
.portal-headline-row:hover .portal-headline-info strong{color:#db1f36}
.portal-thumbnail-blue{background:radial-gradient(circle at 65% 25%,#3a9af9,transparent 55%),linear-gradient(135deg,#082e66,#101624)}
.portal-thumbnail-space{background:radial-gradient(circle at 65% 40%,#ab81ff,transparent 38%),linear-gradient(135deg,#17173f,#131829)}
.portal-thumbnail-red{background:radial-gradient(circle at 20% 30%,#fa445b,transparent 40%),linear-gradient(135deg,#640f28,#151826)}
.portal-thumb-placeholder{font-size:31px;opacity:.8}
.portal-headline-info{display:flex;flex-direction:column;gap:6px;min-width:0}
.portal-news-label{font-size:10px;line-height:1.2;color:#ec1c36;font-weight:900;text-transform:uppercase}
.portal-headline-info strong{font-size:13px;font-weight:840;line-height:1.36;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.portal-headline-info small{font-size:11px;color:#8b97a5}
.portal-hero-aside{display:flex;flex-direction:column;gap:11px;min-width:0}
.portal-community-banner{min-height:151px;border-radius:8px;padding:18px 17px;color:#fff;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 56%,#1156a8,#0a1830 47%,#050b17 89%)}
.portal-community-banner>div{position:relative;z-index:2;max-width:76%}
.portal-community-banner h2{font-size:21px;line-height:1.15;letter-spacing:-.6px;margin:6px 0;font-weight:900}
.portal-community-banner p{margin:7px 0 12px;font-size:11px;color:#cfd7e6;line-height:1.35}
.portal-community-banner a{display:inline-block;background:#ed2139;padding:8px 13px;border-radius:4px;font-size:11px;font-weight:830}
.portal-banner-overline{font-size:9px;color:#91c7ff;letter-spacing:.7px;font-weight:850}
.portal-banner-symbol{position:absolute;right:-32px;top:-45px;font-size:210px;font-weight:800;line-height:1;color:#63baff3d}
.portal-trending{border:1px solid var(--line);border-radius:9px;background:#fff;padding:13px 14px;min-height:208px;flex:1}
.portal-widget-title,.portal-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.portal-widget-title{margin-bottom:5px}
.portal-widget-title h2{font-size:16px;font-weight:920;letter-spacing:-.4px;margin:0}
.portal-widget-title h2 span{color:#ef233d}
.portal-widget-title a,.portal-section-heading a{font-size:11px;color:#3454bc;white-space:nowrap;font-weight:750}
.portal-topic{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #edf0f3;min-height:31px}
.portal-topic:last-child{border-bottom:none}
.portal-topic-number{display:grid;place-items:center;width:19px;height:19px;border:1px solid #ee4058;border-radius:50%;color:#e72843;font-weight:800;font-size:10px;flex:none}
.portal-topic strong{font-size:11px;font-weight:670;line-height:1.25;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.portal-topic small{font-size:9px;color:#87919f;white-space:nowrap;max-width:60px;overflow:hidden;text-overflow:ellipsis}
.portal-topic:hover strong{color:#d8213a}
.portal-topic-empty{font-size:12px;color:#65778e;padding:25px 5px;line-height:1.5}
.portal-topic-empty a{display:block;color:#e4213b;font-weight:800;margin-top:12px}
.portal-category-row{margin:14px 0 22px;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px}
.portal-category{height:80px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:6px;padding:9px 5px;border-radius:6px;position:relative;overflow:hidden;background:linear-gradient(132deg,#102454,#152d54 42%,#10203b);color:#fff;box-shadow:0 1px 5px #081b2614}
.portal-category:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 28%,#fff5,transparent 36%);opacity:.55}
.portal-category span{position:relative;font-size:29px;font-weight:750;line-height:1.1;transition:transform .2s}
.portal-category strong{position:relative;font-size:9px;font-weight:870;text-shadow:0 1px 4px #0008;white-space:nowrap}
.portal-category:hover span{transform:translateY(-3px)}
.portal-cat-world{background:linear-gradient(135deg,#a20d15,#e03435 72%,#5c1729)}
.portal-cat-finance{background:linear-gradient(135deg,#0c5e3d,#1ba267 72%,#103b30)}
.portal-cat-life{background:linear-gradient(135deg,#675347,#b39378,#3f3f48)}
.portal-cat-science{background:linear-gradient(135deg,#047c98,#1eb3d3,#073c74)}
.portal-cat-games{background:linear-gradient(135deg,#32136b,#702bd3,#11183d)}
.portal-cat-auto{background:linear-gradient(135deg,#91250b,#d74220,#49152b)}
.portal-cat-ai{background:linear-gradient(135deg,#172c88,#814dd1,#1b0b48)}
.portal-cat-hardware{background:linear-gradient(135deg,#6b3f0e,#c77d26,#361d22)}
.portal-cat-mobile{background:linear-gradient(135deg,#0f4d69,#246ea0,#082d3e)}
.portal-editorial{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}
.portal-editorial-column{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px;min-width:0}
.portal-section-heading{border-bottom:1px solid #e6ebf0;padding-bottom:12px;margin-bottom:12px}
.portal-section-heading h2{font-size:17px;font-weight:900;letter-spacing:-.45px;margin:0;line-height:1.24}
.portal-heading-icon{color:#ed2139;margin-right:7px;font-weight:950}
.portal-latest-story{display:grid;grid-template-columns:91px minmax(0,1fr);gap:10px;border-bottom:1px solid #e9edf1;padding:9px 0}
.portal-latest-story:last-child{border-bottom:0}
.portal-latest-photo{height:76px;display:grid;place-items:center;color:#fff;font-size:24px;font-weight:800;border-radius:5px;overflow:hidden;background:linear-gradient(135deg,#0c2050,#5c3a8e)}
.portal-latest-story>span:last-child{min-width:0}
.portal-latest-story small{display:block;color:#ed2139;font-size:9px;font-weight:900;text-transform:uppercase;line-height:1.3}
.portal-latest-story strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.3;margin:3px 0;font-weight:810}
.portal-latest-story em{display:block;font-size:10px;color:#8994a3;font-style:normal}
.portal-feature-card{display:block;position:relative;background:#141d31;height:235px;border-radius:6px;overflow:hidden;color:#fff}
.portal-feature-media{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 40% 55%,#3157ba,transparent 55%),linear-gradient(150deg,#151732,#09152a)}
.portal-feature-media>span{font-size:65px;font-weight:950;letter-spacing:-5px;color:#ffffff30}
.portal-feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 22%,#050810e8)}
.portal-feature-overlay{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:12px}
.portal-feature-overlay strong{display:block;font-size:17px;font-weight:900;line-height:1.24;margin:6px 0}
.portal-feature-overlay small{font-size:10px;color:#d8e0ed}
.portal-feature-gundem .portal-feature-media{background:radial-gradient(circle at 63% 26%,#fc766b,transparent 42%),linear-gradient(145deg,#52152c,#120e27)}
.portal-feature-card-compact{height:201px}
.portal-mini-story{display:grid;grid-template-columns:65px minmax(0,1fr);gap:9px;padding:9px 0;border-bottom:1px solid #ebeff3}
.portal-mini-visual{height:53px;background:linear-gradient(135deg,#1a3473,#17223f);color:#fff;display:grid;place-items:center;font-weight:800;border-radius:4px;overflow:hidden}
.portal-mini-story strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.28;font-weight:800}
.portal-mini-story small{display:block;color:#82909f;font-size:9px;margin-top:5px}
.portal-forum-story{display:flex;gap:9px;padding:11px 0;border-bottom:1px solid #ebeff3;align-items:center}
.portal-forum-avatar{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(140deg,#4267ae,#18243b)}
.portal-forum-story:nth-of-type(even) .portal-forum-avatar{background:linear-gradient(140deg,#e04f4f,#87314a)}
.portal-forum-story strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;font-weight:760;line-height:1.35}
.portal-forum-story small{font-size:10px;color:#8390a0;display:block;margin-top:3px}
.portal-forum-action{display:block;text-align:center;padding:14px 10px;font-size:12px;color:#df1e38;font-weight:800}
.portal-no-news{padding:25px 10px;color:#64758a;font-size:12px;line-height:1.6}
.portal-no-news strong{font-size:15px;color:#182d48}
.portal-no-news p{margin:8px 0 13px}
.portal-no-news a{color:#e21e38;font-weight:760}
.portal-no-news-small{padding:16px 3px}
.portal-lower{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.portal-lower>div{border:1px solid var(--line);background:#fff;border-radius:9px;padding:18px}
.portal-lower p{color:#6c7889;font-size:12px;margin:6px 0 13px}
.portal-lower-links{display:flex;gap:7px;flex-wrap:wrap}
.portal-lower-links a{background:#f3f5f8;border:1px solid #e6e9ee;padding:7px 9px;border-radius:5px;font-size:11px;font-weight:730}
.portal-lower-links a:hover{color:#e21e38;border-color:#e8a5b0}
@media(max-width:1180px){
.portal-top-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.portal-hero-aside{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr}
.portal-category-row{grid-template-columns:repeat(5,minmax(0,1fr))}
.portal-editorial{grid-template-columns:repeat(2,minmax(0,1fr))}
.portal-hero,.portal-hero-content{min-height:390px}
}
@media(max-width:740px){
.portal-top-grid{grid-template-columns:1fr}
.portal-hero,.portal-hero-content{min-height:350px}
.portal-headline-list{display:grid;grid-template-columns:1fr}
.portal-headline-row{min-height:104px}
.portal-hero-aside{grid-column:auto;grid-template-columns:1fr}
.portal-community-banner{min-height:170px}
.portal-category-row{grid-template-columns:repeat(5,minmax(0,1fr))}
.portal-category{height:75px}
.portal-editorial{grid-template-columns:1fr 1fr}
.portal-hero-copy h1{font-size:29px}
}
@media(max-width:560px){
.portal-category-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.portal-category{height:72px}
.portal-category strong{font-size:8px}
.portal-editorial,.portal-lower{grid-template-columns:1fr}
.portal-hero,.portal-hero-content{min-height:350px}
.portal-hero-copy{padding:20px}
.portal-hero-copy h1{font-size:28px}
.portal-hero-copy p{font-size:13px}
.portal-community-banner h2{font-size:21px}
.portal-editorial-column{padding:15px}
.portal-feature-card{height:225px}
}

/* Forum membership profiles and conversation layout */
.ht-breadcrumb{display:flex;gap:9px;align-items:center;font-size:12px;color:#798ba0;margin-bottom:10px}
.ht-breadcrumb a:hover{color:#d51f3d}
.ht-forum-header{margin:25px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.ht-forum-header h1{font-size:clamp(27px,3vw,36px);letter-spacing:-1px;margin:0;color:#16253c}
.ht-forum-header h1 span{color:#e42542}
.ht-forum-header p{font-size:13px;color:#708095;margin:4px 0 0}
.ht-new-topic{min-height:43px}
.ht-forum-toolbar{border:1px solid #e2e8f0;background:#fff;border-radius:12px;margin-bottom:15px;overflow:hidden}
.ht-forum-toolbar-title{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #ecf0f5;font-size:13px}
.ht-forum-toolbar-title span{color:#8290a1;font-size:11px}
.ht-category-links{display:flex;flex-wrap:wrap;gap:6px;padding:11px 13px}
.ht-category-links a{font-size:11px;font-weight:700;border:1px solid #e6ebf2;background:#f7f9fc;padding:6px 11px;border-radius:7px;color:#4a5d75}
.ht-category-links a.selected,.ht-category-links a:hover{border-color:#304e87;background:#203c70;color:#fff}
.ht-forum-controls{display:grid;grid-template-columns:minmax(160px,2fr) minmax(110px,1fr) minmax(130px,1fr) auto;gap:10px;align-items:end;background:#fff;border:1px solid #e4e9ef;border-radius:11px;padding:12px 15px;margin-bottom:17px}
.ht-forum-controls label{margin:0 0 5px;font-size:11px}
.ht-forum-controls .field,.ht-forum-controls select{padding:10px}
.ht-forum-controls .btn{height:43px}
.ht-forum-page-grid{grid-template-columns:minmax(0,1fr) 280px}
.ht-forum-topic-list{min-width:0}
.ht-forum-table-head{background:#203450;color:#fff;border-radius:11px 11px 0 0;padding:13px 19px;display:grid;grid-template-columns:minmax(0,1fr) 90px 158px;align-items:center;gap:12px;font-size:12px}
.ht-forum-table-head>div{display:flex;align-items:center;gap:12px}.ht-forum-table-head small{color:#bdccdf;font-size:10px}
.ht-forum-table-head>span{text-align:center;color:#d7e0ed;font-size:11px}
.ht-topic-list{background:#fff;border:1px solid #e3eaf2;border-top:0;border-radius:0 0 11px 11px;overflow:hidden}
.ht-topic-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 158px;gap:12px;padding:15px 17px;border-bottom:1px solid #ecf0f5;align-items:center;min-height:91px}
.ht-topic-row:last-child{border-bottom:0}.ht-topic-row:hover{background:#fafcff}
.ht-topic-content{display:flex;gap:12px;align-items:center;min-width:0}
.ht-topic-symbol{flex:none;width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#eff3fb;color:#31578c;font-size:23px}
.ht-topic-body{min-width:0}.ht-topic-body h3{font-size:14px;line-height:1.35;margin:5px 0 7px;font-weight:790;overflow-wrap:anywhere}
.ht-topic-body h3 a:hover{color:#e4213b}
.ht-topic-labels{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.ht-category-label{font-size:10px;font-weight:800;color:#315993}
.ht-topic-solved,.ht-topic-locked{font-size:10px;border-radius:4px;padding:1px 5px;color:#168057;background:#e5f6ed}
.ht-topic-locked{color:#9e6d0e;background:#fff2d4}
.ht-topic-author{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#7c899a;font-size:11px}
.ht-topic-nickname{font-weight:800;color:#1f3d65}.ht-topic-nickname:hover{color:#df253b}
.ht-topic-date{font-size:10px}
.ht-mini-avatar{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;color:#fff;font-size:8px;font-weight:900;background:#456b9a}
.ht-topic-numbers{text-align:center;display:flex;flex-direction:column;gap:1px}
.ht-topic-numbers strong{font-size:16px;color:#334b69}.ht-topic-numbers small{font-size:10px;color:#8492a5}
.ht-topic-latest{text-align:center;display:flex;flex-direction:column;gap:3px;color:#65778d;font-size:11px}
.ht-topic-latest small{color:#8795a5;font-size:10px}.ht-topic-latest a{color:#365c92;font-weight:760}
.ht-rank-inline{display:inline-flex;align-items:center;margin-left:5px;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:800;background:#edf3ff;color:#375ba5;vertical-align:middle}
.ht-rank-pill{display:inline-flex;align-self:flex-start;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:850;background:#eff4fb;color:#365d91}
.ht-rank-expert{background:#e6f6f1!important;color:#128167!important}
.ht-rank-senior{background:#fff0db!important;color:#a46c12!important}
.ht-rank-founder,.ht-rank-forum_admin{background:#ffe8ed!important;color:#bd2941!important}
.ht-rank-category_moderator,.ht-rank-super_moderator{background:#eee7ff!important;color:#7250b2!important}
.ht-avatar.ht-rank-expert,.ht-mini-avatar.ht-rank-expert{background:#138a73!important;color:#fff!important}
.ht-avatar.ht-rank-senior,.ht-mini-avatar.ht-rank-senior{background:#d69a35!important;color:#fff!important}
.ht-avatar.ht-rank-category_moderator,.ht-mini-avatar.ht-rank-category_moderator{background:#7254ba!important;color:#fff!important}
.ht-avatar.ht-rank-founder,.ht-mini-avatar.ht-rank-founder{background:#b82340!important;color:#fff!important}
.ht-forum-sidebar h3{font-size:16px;color:#1b2b45}
.ht-sidebar-stat{background:#f3f6fb;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:2px;margin-bottom:14px}
.ht-sidebar-stat strong{font-size:21px;color:#1f457e}.ht-sidebar-stat span{font-size:10px;color:#7d899b}
.ht-sidebar-title{margin-top:22px!important;padding-top:17px;border-top:1px solid #e7ebf0}
.ht-forum-rules{padding-left:18px;font-size:12px;color:#627187}
.ht-forum-rules li{margin:7px 0}.ht-sidebar-links{display:flex;flex-direction:column;gap:9px;margin-top:18px;font-size:12px;color:#285b98;font-weight:750}
.ht-discussion-header{background:#fff;border:1px solid #e5eaf0;border-radius:12px;padding:22px 24px}
.ht-discussion-header h1{margin:6px 0;font-size:clamp(23px,2.7vw,32px)}
.ht-forum-post{display:grid;grid-template-columns:160px minmax(0,1fr);padding:0;overflow:hidden;min-height:205px}
.ht-user-panel{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 10px;background:#f7f9fd;border-right:1px solid #e5ebf3;min-width:0}
.ht-avatar{display:grid;place-items:center;flex:none;width:65px;height:65px;border-radius:17px;background:#3d6193;color:#fff;font-size:24px;font-weight:900;letter-spacing:-1px}
.ht-member-name{font-weight:850;color:#254a78;font-size:13px;margin:9px 0 4px;overflow-wrap:anywhere}
.ht-user-panel .ht-rank-pill{align-self:center;font-size:10px}
.ht-member-facts{width:100%;font-size:10px;margin:13px 0 0}
.ht-member-facts>div{display:flex;justify-content:space-between;gap:5px;padding:4px 0;border-bottom:1px solid #e3e9f3}
.ht-member-facts dt{color:#8390a0}.ht-member-facts dd{margin:0;color:#44546b;font-weight:700}
.ht-profile-link{font-size:10px;font-weight:750;color:#4267a0;margin-top:10px}
.ht-post-content{padding:18px 21px;min-width:0;display:flex;flex-direction:column}
.ht-post-content .reply-head{border-bottom:1px solid #e9eef4;padding-bottom:11px}
.ht-post-content .prose{font-size:14px;line-height:1.85;flex:1}
.ht-post-quote{border-left:3px solid #7897c4;background:#f3f6fa;border-radius:4px;margin-bottom:14px;padding:9px 12px;font-size:12px;color:#60738c}
.ht-post-bottom{border-top:1px solid #e9eef4;margin-top:16px;padding-top:11px;display:flex;justify-content:space-between;color:#7a889b;font-size:11px}
.ht-post-bottom a{color:#365a91;font-weight:730}
.ht-sidebar-member{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f6}
.ht-sidebar-member strong,.ht-sidebar-member small{display:block;font-size:12px}.ht-sidebar-member small{font-size:10px;color:#8792a4}
.ht-profile-header{margin:28px 0 20px;background:#fff;border:1px solid #e5eaf1;border-radius:12px;padding:18px 22px}
.ht-profile-banner{display:flex;align-items:center;gap:16px;margin-top:11px}
.ht-profile-banner .ht-avatar{width:83px;height:83px;font-size:30px}
.ht-profile-banner h1{font-size:25px;margin:0 0 4px}
.ht-profile-banner p{font-size:12px;color:#7d899a;margin:7px 0}
.ht-profile-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:19px;border-top:1px solid #e8edf3;padding-top:17px}
.ht-profile-stat-row>div{display:flex;flex-direction:column;gap:3px}
.ht-profile-stat-row strong{font-size:22px;color:#294a77}.ht-profile-stat-row span{font-size:11px;color:#788699}
@media(max-width:1100px){.ht-forum-page-grid{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:850px){.ht-forum-page-grid{grid-template-columns:1fr}.ht-forum-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:630px){.ht-forum-table-head{grid-template-columns:1fr 54px;padding:12px}.ht-forum-table-head>span:last-child{display:none}.ht-topic-row{grid-template-columns:minmax(0,1fr) 54px;padding:12px}.ht-topic-latest{display:none}.ht-topic-symbol{width:33px;height:33px;font-size:19px}.ht-topic-content{gap:9px}.ht-topic-body h3{font-size:13px}.ht-forum-controls{grid-template-columns:1fr}.ht-forum-post{grid-template-columns:95px minmax(0,1fr)}.ht-user-panel{padding:13px 6px}.ht-user-panel .ht-avatar{width:43px;height:43px;font-size:15px;border-radius:12px}.ht-user-panel .ht-member-facts{font-size:9px}.ht-user-panel .ht-member-facts>div{flex-direction:column;gap:0}.ht-post-content{padding:12px}.ht-post-content .prose{font-size:13px}.ht-member-name{font-size:11px}.ht-forum-header{align-items:flex-start}}

/* Forum pagination: explicit simple links, never unstyled Tailwind SVG arrows. */
.ht-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 28px;padding:5px 0}
.ht-pager-controls{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.ht-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:35px;min-height:34px;padding:5px 10px;border:1px solid #dbe3ee;border-radius:7px;background:#fff;color:#31577f;font-size:12px;font-weight:750;text-decoration:none;line-height:1.2}
.ht-page-btn:hover{color:#fff;background:#315e95;border-color:#315e95}
.ht-page-btn.is-current{background:#203b69;color:white;border-color:#203b69}
.ht-page-btn.is-disabled{background:#f3f5f8;color:#a2acb9;cursor:default}
.ht-page-ellipsis{padding:2px 6px;color:#6c7e95}
.ht-page-count{color:#78889b;font-size:11px;margin:0}
.ht-avatar img,.ht-mini-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.ht-avatar-edit{display:flex;gap:20px;align-items:flex-start}
.ht-avatar-edit .ht-avatar{width:94px;height:94px;flex:none;border-radius:19px}
.ht-avatar-edit>div:last-child{flex:1;min-width:0}
.ht-avatar-edit form{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.ht-avatar-edit .field{max-width:440px}
@media(max-width:600px){.ht-pager{flex-direction:column;align-items:flex-start}.ht-avatar-edit{flex-direction:column;gap:14px}}