/*
Theme Name: GeGeD.id Master
Theme URI: https://geged.id/
Author: GeGeD.id
Description: GeGeD.id master news theme — locked visual design baseline.
Version: 1.0.6
Text Domain: geged-master-theme
*/

/* GeGeD.id MASTER DESIGN MATCH — visual baseline from approved reference image */
:root{--navy:#071a2d;--navy2:#102e4d;--blue:#1269d6;--red:#f21d34;--green:#16a45a;--bg:#f3f7fb;--card:#fff;--text:#122238;--muted:#74839a;--border:#e1e8f1;--purple:#6b3ee8;--radius:8px;--shadow:0 1px 5px rgba(20,45,75,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.35}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.container{width:calc(100% - 24px);max-width:1500px;margin:0 auto}
.topbar{background:linear-gradient(100deg,#081b30,#112f50);color:#fff}.header-main{min-height:59px;display:flex;align-items:center;gap:8px;padding:6px 0}.brand{flex:0 0 226px}.brand img{width:226px;height:50px;object-fit:contain}.search{display:flex;flex:1;min-width:250px;max-width:430px;height:31px}.search input{width:100%;border:0;padding:7px 12px;border-radius:5px 0 0 5px;background:#dfe8f1;color:#26384b;font-size:11px}.search button{width:34px;border:0;background:#0e70c9;color:#fff;border-radius:0 5px 5px 0;font-size:18px}.ai-btn,.auth-btn{display:flex;align-items:center;justify-content:center;white-space:nowrap;height:31px;padding:0 10px;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#172f50;color:#fff;font-size:11px}.ai-btn{background:linear-gradient(135deg,#3e2a9f,#7049e7)}.language{display:flex;gap:3px;font-size:9px}.language span{padding:5px 4px;border:1px solid rgba(255,255,255,.18);border-radius:4px}.theme-icon{font-size:18px;padding:0 3px}.auth{display:flex;gap:5px}.auth .register{background:#f5233a;border-color:#f5233a}.primary-nav,.utility-nav{background:#fff;border-bottom:1px solid var(--border)}.nav-line{display:flex;white-space:nowrap;overflow:hidden}.primary-nav a{padding:9px 10px;font-size:10px;font-weight:600}.primary-nav a:hover{background:#edf4ff;color:var(--blue)}.utility-scroll{display:flex;gap:5px;overflow:hidden;padding:6px 0}.utility-item{font-size:10px;white-space:nowrap;padding:5px 7px;border:1px solid transparent;border-radius:6px;background:#fff}.utility-item:hover{background:#eef5ff}
.home{padding-top:8px}.breaking{height:35px;background:linear-gradient(90deg,#f21d34,#ec152d);color:#fff;border-radius:7px;display:flex;align-items:center;gap:14px;padding:0 13px;margin-bottom:7px;font-size:10px}.breaking b:first-child{background:rgba(0,0,0,.12);padding:6px 7px;border-radius:4px}.breaking strong{font-size:11px;flex:1}.breaking a{border:1px solid rgba(255,255,255,.7);border-radius:4px;padding:5px 8px}.break-time{white-space:nowrap}
.home-grid{display:grid;grid-template-columns:1.95fr 1.06fr .86fr;gap:8px}.hero{position:relative;height:282px;border-radius:7px;overflow:hidden;background:#111;color:#fff}.hero>img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.88))}.hero-content{position:absolute;z-index:2;left:12px;right:12px;bottom:10px}.badge,.tiny-badge{display:inline-block;padding:3px 5px;border-radius:3px;color:#fff;font-size:8px;font-weight:800}.badge{background:#e92137}.tiny-badge.blue{background:#2478d5}.tiny-badge.green{background:#1b9b57}.tiny-badge.red{background:#e82339}.hero h1{font-size:25px;line-height:1.08;margin:5px 0 5px}.hero p{margin:0;color:#e9edf4;font-size:12px}.hero-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:7px;font-size:9px}.hero-actions span{border:1px solid rgba(255,255,255,.38);padding:3px 6px;border-radius:12px}.hero-actions .ai-pill{border-color:#ff9e00;color:#ffd067}.hero-arrow{position:absolute;z-index:3;top:48%;border:0;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;width:25px;height:25px}.hero-arrow.left{left:9px}.hero-arrow.right{right:9px}.side-list,.personal,.panel{background:#fff;border:1px solid var(--border);border-radius:7px;box-shadow:var(--shadow)}.news-mini{display:flex;gap:7px;padding:7px;border-bottom:1px solid var(--border);min-height:65px}.news-mini:last-child{border-bottom:0}.news-mini img{width:98px;height:55px;object-fit:cover;border-radius:4px}.news-mini h3{font-size:10px;line-height:1.16;margin:2px 0}.meta{font-size:8px;color:var(--muted)}.personal{padding:9px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2,.panel-head h3{margin:0;font-size:13px}.panel-head a{color:var(--blue);font-size:8px}.personal-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;background:#edf1f6;border-radius:4px;overflow:hidden;margin:7px 0 2px;font-size:8px;text-align:center}.personal-tabs>*{padding:6px}.personal-tabs b{background:#fff;color:var(--blue)}.personal ol{margin:0;padding-left:21px}.personal li{padding:7px 0;border-bottom:1px solid var(--border);font-size:9px}.personal li::marker{color:#ef233d;font-size:16px;font-weight:800}.category-row{display:flex;gap:6px;align-items:stretch;background:#fff;border:1px solid var(--border);border-radius:7px;padding:5px;margin:7px 0;overflow:hidden;position:relative}.cat{min-width:54px;flex:1;text-align:center;padding:3px 2px;border-radius:5px;font-size:8px}.cat-icon{font-size:18px;line-height:18px;margin-bottom:2px}.cat-next{flex:0 0 27px;border:1px solid var(--border);border-radius:50%;background:#fff;font-size:19px}
.quad-grid{display:grid;grid-template-columns:1.28fr .95fr 1.02fr .95fr;gap:8px}.panel{padding:9px;min-width:0}.panel h3{font-size:12px}.tabs{display:flex;gap:4px;margin:6px 0;overflow:hidden}.tabs span{background:#f0f3f7;padding:5px 7px;border-radius:4px;font-size:8px;white-space:nowrap}.map-placeholder{height:155px;border-radius:6px;background:linear-gradient(135deg,#c8dff1,#7aa6cf 55%,#b9d6ec);position:relative;overflow:hidden;color:#16466e}.map-placeholder:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(18deg,transparent 0 19px,rgba(255,255,255,.13) 20px 21px),repeating-linear-gradient(90deg,transparent 0 25px,rgba(255,255,255,.1) 26px 27px)}.map-placeholder i{position:absolute;color:#e91d35;font-style:normal;font-size:18px;text-shadow:0 1px #fff}.map-placeholder i:nth-of-type(1){left:24%;top:35%}.map-placeholder i:nth-of-type(2){left:43%;top:50%}.map-placeholder i:nth-of-type(3){left:63%;top:30%}.map-placeholder i:nth-of-type(4){left:73%;top:63%}.map-placeholder i:nth-of-type(5){left:83%;top:43%}.map-placeholder strong{position:absolute;bottom:10px;left:43%;background:#fff;border-radius:6px;padding:5px 8px;text-align:center;font-size:8px}.map-placeholder em{position:absolute;right:7px;bottom:7px;background:#fff;border-radius:6px;padding:3px 6px;font-style:normal;font-size:12px}.alert{display:flex;align-items:center;gap:6px;padding:7px 4px;margin:4px 0;border-left:4px solid #ed263a;background:#fff7f8;border-radius:3px;font-size:9px}.alert span{flex:1}.alert small{display:block;color:#e42339;font-size:7px}.alert>a{background:#eef6ff;color:#2170d4;border-radius:4px;padding:4px;font-size:7px}.weather-panel>small{font-size:8px;color:var(--muted)}.weather{display:flex;justify-content:space-between;align-items:center;padding:5px 0}.temp{font-size:23px;font-weight:700}.weather-icon{font-size:30px}.forecast{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:7px;font-size:7px;text-align:center}.forecast b{font-size:10px}.transport{display:flex;justify-content:space-between;border-top:1px solid var(--border);margin-top:7px;padding-top:7px}.transport b{font-size:15px;text-align:center}.transport small{display:block;font-size:6px;font-weight:400}.ai-panel input{width:100%;padding:9px;border:1px solid #cbd7e5;border-radius:5px;font-size:9px;margin:8px 0}.ai-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ai-tools a{border:1px solid var(--border);border-radius:5px;padding:7px 5px;font-size:8px;text-align:center;background:#f8fafc}
.media-grid{display:grid;grid-template-columns:1.42fr .9fr .82fr;gap:8px;margin-top:8px}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:7px}.media-card{min-width:0}.thumb{position:relative}.thumb img{width:100%;height:79px;object-fit:cover;border-radius:5px}.thumb span{position:absolute;left:5px;top:5px;background:#e82037;color:#fff;border-radius:4px;padding:2px 4px;font-size:7px}.media-card>b{display:block;font-size:9px;line-height:1.15;margin-top:4px}.media-card>small{display:block;color:var(--muted);font-size:7px;margin-top:4px}.audio-row{display:flex;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid var(--border)}.audio-row>b{width:29px;height:29px;display:flex;align-items:center;justify-content:center;background:#101b30;color:#fff;border-radius:6px}.audio-row div{flex:1;font-size:9px}.audio-row small,.reader-row small{display:block;color:var(--muted);font-size:7px;margin-top:2px}.audio-row>span{background:#edf2f7;padding:6px;border-radius:50%;font-size:8px}.write{background:#2277df;color:#fff!important;padding:5px 7px;border-radius:4px}.reader-row{display:flex;gap:6px;padding:7px 0;border-bottom:1px solid var(--border)}.reader-row img{width:30px;height:30px;border-radius:50%;object-fit:cover}.reader-row b{font-size:8px;line-height:1.1}.selected-area{display:grid;grid-template-columns:4.7fr 1.08fr;gap:8px;margin-top:8px}.selected-panel{min-width:0}.filter-row{display:flex;gap:4px;align-items:center;overflow:hidden;margin:7px 0}.filter-row span{background:#f1f4f8;border-radius:5px;padding:5px 7px;font-size:8px;white-space:nowrap}.filter-row button{margin-left:auto;border:0;background:#7545dd;color:#fff;border-radius:5px;padding:5px 8px;font-size:8px;white-space:nowrap}.selected-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.selected-card{min-width:0}.selected-card img{width:100%;height:75px;object-fit:cover;border-radius:5px}.selected-card span{display:inline-block;background:#e72538;color:#fff;border-radius:3px;padding:2px 4px;font-size:6px;font-weight:800;margin-top:-13px;position:relative;margin-left:5px}.selected-card b{display:block;font-size:8px;line-height:1.15;margin-top:3px}.selected-card small{font-size:7px;color:var(--muted);display:block;margin-top:4px}.trend-tabs{display:flex;gap:3px;margin:7px 0}.trend-tabs span{background:#edf3ff;color:#2872d0;border-radius:4px;padding:4px 5px;font-size:7px}.trend-row{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid var(--border)}.trend-row>b{color:#ef253c;font-size:12px}.trend-row span{font-size:8px}.trend-row small{display:block;color:var(--muted);font-size:7px;margin-top:2px}
footer{background:#071a2d;color:#d9e4ef;margin-top:10px}.footer-top{padding-top:8px}.matter-row{display:grid;grid-template-columns:2.25fr 1fr;gap:8px}.dark-feature,.morning{border-radius:7px}.dark-feature{background:linear-gradient(100deg,#071b30,#0e3454);min-height:66px;padding:9px 12px;display:flex;align-items:center;gap:10px;color:#fff}.matter-icon{width:38px;height:38px;border-radius:50%;background:#dce4eb;color:#0c243a;display:flex;align-items:center;justify-content:center;font-size:26px}.dark-feature strong{font-size:14px}.dark-feature p{font-size:8px;margin:2px 0}.matter-pills{margin-left:auto;display:flex;gap:4px;align-items:center}.matter-pills span,.matter-pills a{font-size:7px;padding:5px 7px;border-radius:4px;background:rgba(255,255,255,.08);white-space:nowrap}.matter-pills a{background:#6844df}.morning{background:#fff;color:#15243a;padding:9px}.morning strong{font-size:11px}.morning p{font-size:8px;color:var(--muted);margin:2px 0 6px}.morning input{width:65%;height:25px;border:1px solid var(--border);border-radius:4px;padding:4px;font-size:8px}.morning button{height:25px;border:0;background:#6c40d9;color:#fff;border-radius:4px;font-size:8px;padding:0 7px}.feature-links{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:8px}.feature-box{height:100px;border-radius:6px;overflow:hidden;position:relative;background:linear-gradient(135deg,#123453,#061728);padding:9px;color:#fff;background-size:cover;background-position:center}.feature-box:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.82))}.feature-box>div{position:absolute;z-index:1;left:9px;right:9px;bottom:8px}.feature-box h3{font-size:14px;margin:0}.feature-box p{font-size:7px;margin:2px 0}.feature-box span{display:inline-block;border:1px solid #fff;border-radius:4px;padding:3px 7px;font-size:7px}.feature-box.tv{background-image:url('assets/geged-logo.jpg');}.feature-box.data{background-image:linear-gradient(135deg,#183f6a,#0c2138)}.feature-box.knowledge{background-image:linear-gradient(135deg,#29445d,#091a2c)}.feature-box.event{background-image:linear-gradient(135deg,#58223f,#160d20)}.feature-box.creator{background-image:linear-gradient(135deg,#3d3329,#16120e)}.feature-box.press{background-image:linear-gradient(135deg,#154c6d,#071d2f)}.footer-main{display:grid;grid-template-columns:1.55fr repeat(5,1fr) .9fr;gap:14px;border-top:1px solid rgba(255,255,255,.1);margin-top:8px;padding:18px 0 12px}.footer-brand img{width:180px;height:auto}.footer-brand p{font-size:8px;line-height:1.4;color:#aebdcb;margin:7px 0}.social{font-size:12px;margin-top:8px}.footer-title{font-size:9px;color:#fff;font-weight:700;margin-bottom:7px}.footer-links a{display:block;color:#aebdcb;font-size:8px;margin:4px 0}.app-box .qr{width:60px;height:60px;background:#fff;color:#071a2d;display:flex;align-items:center;justify-content:center;font-size:42px;margin-bottom:5px}.app-box small{font-size:7px}.store{border:1px solid rgba(255,255,255,.35);border-radius:4px;padding:5px 6px;margin-top:4px;font-size:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:8px 0 12px;font-size:7px;color:#9fb0c0}.footer-bottom span{float:right}
@media(max-width:760px){.header-main{flex-wrap:wrap}.brand{flex-basis:180px}.brand img{width:180px}.search{order:3;flex-basis:100%;max-width:none}.home-grid,.quad-grid,.media-grid,.selected-area,.matter-row{grid-template-columns:1fr}.selected-grid{grid-template-columns:repeat(3,1fr)}.feature-links{grid-template-columns:repeat(3,1fr)}.footer-main{grid-template-columns:repeat(3,1fr)}.footer-bottom span{float:none;display:block;margin-top:5px}.utility-scroll,.nav-line{overflow-x:auto}.hero{height:300px}.matter-pills{display:none}}
@media(max-width:500px){.container{width:calc(100% - 16px)}.brand{flex-basis:155px}.brand img{width:155px}.language,.theme-icon{display:none}.auth-btn{padding:0 7px}.hero h1{font-size:21px}.selected-grid{grid-template-columns:repeat(2,1fr)}.feature-links{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}


/* GeGeD MASTER DESIGN — PRECISION LOCK v1.0.4 */
.container{width:calc(100% - 24px);max-width:1680px}
.header-main{min-height:60px;padding:5px 0}.brand{flex-basis:238px}.brand img{width:238px;height:auto;max-height:52px;object-fit:contain}.search{max-width:435px;height:32px}.search input{font-size:11px}.primary-nav .nav-line{justify-content:flex-start}.primary-nav a{padding:9px 11px;font-size:10px}.utility-scroll{gap:6px;padding:6px 0}.utility-item{padding:5px 8px;font-size:10px}
.home{padding-top:8px}.breaking{height:36px;margin-bottom:7px;padding:0 12px}.home-grid{grid-template-columns:1.95fr 1.06fr .86fr;gap:8px}.hero{height:292px}.hero h1{font-size:27px}.side-list{height:292px}.personal{height:292px}.news-mini{min-height:72px;padding:7px}.news-mini img{width:100px;height:56px}.category-row{min-height:60px;padding:5px 7px;margin:7px 0}.cat{min-width:53px}.quad-grid{grid-template-columns:1.28fr .95fr 1.02fr .95fr}.map-placeholder{height:155px}.media-grid{grid-template-columns:1.42fr .9fr .82fr}.thumb img{height:82px}.selected-area{grid-template-columns:4.7fr 1.08fr}.selected-card img{height:78px}.feature-links{gap:7px}.feature-box{height:102px}
.footer-main{grid-template-columns:1.55fr repeat(5,1fr) .9fr}
/* Do not collapse the desktop master layout until genuinely small screens. */
@media (min-width:761px){.home-grid,.quad-grid,.media-grid,.selected-area,.matter-row{display:grid}.home-grid{grid-template-columns:1.95fr 1.06fr .86fr}.quad-grid{grid-template-columns:1.28fr .95fr 1.02fr .95fr}.media-grid{grid-template-columns:1.42fr .9fr .82fr}.selected-area{grid-template-columns:4.7fr 1.08fr}.matter-row{grid-template-columns:2.25fr 1fr}.feature-links{grid-template-columns:repeat(6,1fr)}.footer-main{grid-template-columns:1.55fr repeat(5,1fr) .9fr}}
@media (max-width:900px) and (min-width:761px){.container{width:calc(100% - 18px)}.brand{flex-basis:205px}.brand img{width:205px}.primary-nav a{padding-left:8px;padding-right:8px;font-size:9px}.utility-item{padding-left:6px;padding-right:6px;font-size:9px}.hero h1{font-size:22px}.news-mini img{width:86px}.news-mini h3{font-size:9px}.personal li{font-size:8px}.cat{min-width:48px;font-size:7px}.cat-icon{font-size:16px}.panel{padding:8px}.selected-card b{font-size:7.5px}}
@media (max-width:760px){.container{width:calc(100% - 16px)}.brand{flex-basis:180px}.brand img{width:180px}}

/* v1.0.5 visual lock refinements */
.category-row{min-height:64px}
.cat{padding:5px 3px;font-weight:600}
.cat-icon{width:27px;height:27px;line-height:27px;margin:0 auto 3px;border-radius:50%;font-size:15px;background:#eef5ff}
.feature-box{height:104px}
.feature-box.tv{background-image:linear-gradient(135deg,rgba(4,30,58,.35),rgba(4,16,30,.92)),linear-gradient(135deg,#174b7d,#07192b)!important}
.feature-box.data{background-image:linear-gradient(135deg,rgba(15,56,91,.3),rgba(4,16,30,.92)),linear-gradient(135deg,#2a6692,#0b2037)!important}
.feature-box.knowledge{background-image:linear-gradient(135deg,rgba(50,54,75,.2),rgba(5,13,25,.92)),linear-gradient(135deg,#3d475f,#101b2c)!important}
.feature-box.event{background-image:linear-gradient(135deg,rgba(112,24,77,.15),rgba(17,7,24,.92)),linear-gradient(135deg,#7a315a,#210e1e)!important}
.feature-box.creator{background-image:linear-gradient(135deg,rgba(91,66,42,.18),rgba(18,13,9,.92)),linear-gradient(135deg,#5b4936,#1d160f)!important}
.feature-box.press{background-image:linear-gradient(135deg,rgba(26,84,117,.18),rgba(4,16,27,.92)),linear-gradient(135deg,#236d94,#0a2235)!important}
footer .feature-box{background-blend-mode:normal}
@media (min-width:901px){.header-main{min-height:62px}.brand{flex-basis:242px}.brand img{width:242px;max-height:54px}.primary-nav a{padding-top:10px;padding-bottom:10px}.utility-scroll{padding-top:7px;padding-bottom:7px}.breaking{height:38px}.panel{padding:10px}.thumb img{height:86px}.selected-card img{height:82px}}
@media (max-width:900px) and (min-width:761px){.hero{height:292px}.side-list,.personal{height:292px}}


/* =========================================================
   v1.0.6 FINAL DESIGN MATCH
   Reference: approved 1024px master screenshot.
   Layout changes only; no content/database logic changes.
   ========================================================= */
@media (min-width:901px){
  .container{width:calc(100% - 24px);max-width:1680px}
  .header-main{min-height:59px;padding:4px 0;gap:8px}
  .brand{flex:0 0 238px}
  .brand img{width:238px;height:50px;max-height:none;object-fit:fill}
  .search{height:31px;max-width:430px}
  .ai-btn,.auth-btn{height:31px}
  .primary-nav a{padding:9px 10px;font-size:10px}
  .utility-scroll{gap:5px;padding:6px 0}
  .utility-item{padding:5px 7px;font-size:10px}
  .home{padding-top:8px}
  .breaking{height:35px;margin-bottom:7px}

  /* Top story: exact 3-column proportion from reference */
  .home-grid{grid-template-columns:1.95fr 1.06fr .86fr;gap:8px}
  .hero,.side-list,.personal{height:282px}
  .hero h1{font-size:25px;line-height:1.08}
  .news-mini{min-height:65px;padding:7px}
  .news-mini img{width:98px;height:55px}
  .personal{padding:9px}
  .personal li{padding:7px 0}

  /* Category rail */
  .category-row{min-height:64px;padding:5px 7px;margin:7px 0;gap:6px}
  .cat{min-width:54px;padding:5px 3px;font-size:8px}
  .cat-icon{width:27px;height:27px;line-height:27px;font-size:15px}

  /* Middle four panels: map / crisis / weather / AI */
  .quad-grid{grid-template-columns:1.30fr .90fr 1.00fr .82fr;gap:8px}
  .panel{padding:9px}
  .map-placeholder{height:155px}
  .alert{padding:7px 4px}

  /* Media row: 4 video cards + narrower podcast + reader */
  .media-grid{grid-template-columns:2.60fr 1.20fr 1fr;gap:8px;margin-top:8px}
  .thumb img{height:79px}
  .audio-row{padding:8px 0}
  .reader-row{padding:7px 0}

  /* Selected + trending */
  .selected-area{grid-template-columns:4fr 1.04fr;gap:8px;margin-top:8px}
  .selected-grid{grid-template-columns:repeat(6,1fr);gap:7px}
  .selected-card img{height:75px}

  /* What Matters / Morning Brief */
  .matter-row{grid-template-columns:2.25fr 1fr;gap:8px}
  .dark-feature{min-height:66px}
  .morning{min-height:66px}

  /* Six feature cards */
  .feature-links{grid-template-columns:repeat(6,1fr);gap:7px;margin-top:8px}
  .feature-box{height:100px}

  /* Footer */
  .footer-main{grid-template-columns:1.55fr repeat(5,1fr) .9fr;gap:14px}
}

/* Keep the master desktop layout intact on normal desktop/tablet widths. */
@media (min-width:761px){
  .home-grid,.quad-grid,.media-grid,.selected-area,.matter-row{display:grid}
  .home-grid{grid-template-columns:1.95fr 1.06fr .86fr}
  .quad-grid{grid-template-columns:1.30fr .90fr 1.00fr .82fr}
  .media-grid{grid-template-columns:2.60fr 1.20fr 1fr}
  .selected-area{grid-template-columns:4fr 1.04fr}
  .matter-row{grid-template-columns:2.25fr 1fr}
  .feature-links{grid-template-columns:repeat(6,1fr)}
}

/* At 761–900px use the reference proportions rather than collapsing early. */
@media (max-width:900px) and (min-width:761px){
  .container{width:calc(100% - 18px)}
  .brand{flex-basis:205px}.brand img{width:205px;height:44px}
  .primary-nav a{padding-left:8px;padding-right:8px;font-size:9px}
  .utility-item{padding-left:6px;padding-right:6px;font-size:9px}
  .hero,.side-list,.personal{height:292px}
  .hero h1{font-size:22px}
  .news-mini img{width:86px}
  .cat{min-width:48px;font-size:7px}.cat-icon{font-size:16px}
  .panel{padding:8px}
  .selected-card b{font-size:7.5px}
}