/* Warna mengikuti waktu Kolaka; tata letak dan ukuran elemen tetap. */
.home-page{
  --home-ground:#f5f5eb;--home-mist:#e9f0df;--home-paper:#fbf8ee;
  --home-explore:#f0f4e8;--home-vision:#e1eadb;--home-soft:#e9efdf;--home-warm:#f3ebda;
  --home-hero-from:#143f33;--home-hero-to:#214b3f;--home-glow:238,215,164;
  background-color:var(--home-ground);
}
html[data-reading-time="siang"] .home-page{
  --home-ground:#eef5f0;--home-mist:#e2f0e9;--home-paper:#f5faf5;
  --home-explore:#edf5f1;--home-vision:#dfece7;--home-soft:#e3f0e8;--home-warm:#f1f1df;
  --home-hero-from:#103d36;--home-hero-to:#1b4b46;--home-glow:183,225,214;
}
html[data-reading-time="sore"] .home-page{
  --home-ground:#f6efe6;--home-mist:#f0e7d6;--home-paper:#fbf4e9;
  --home-explore:#f2ebe0;--home-vision:#e9e3d4;--home-soft:#eae8d8;--home-warm:#f4e3d3;
  --home-hero-from:#253f33;--home-hero-to:#344b3c;--home-glow:237,186,128;
}
html[data-reading-time="malam"] .home-page{
  --home-ground:#eaf0ef;--home-mist:#dce7e5;--home-paper:#f2f6f2;
  --home-explore:#e3edeb;--home-vision:#d7e4e1;--home-soft:#dfeae5;--home-warm:#e8e9df;
  --home-hero-from:#102f32;--home-hero-to:#203f50;--home-glow:176,195,222;
}
.home-page .hero{
  background-color:var(--home-hero-from);
  background-image:radial-gradient(ellipse at 85% 5%,rgba(var(--home-glow),.12),transparent 56%),linear-gradient(132deg,var(--home-hero-from),var(--home-hero-to));
}
.home-page .hero-quick span{color:#ffedce}
.home-page .hero-quick a:hover{background:rgba(255,255,255,.12)}
.home-page .home-daily{
  background-color:var(--home-mist);
  background-image:radial-gradient(ellipse at 8% 8%,rgba(255,255,255,.55),transparent 62%);
}
.home-page .stories,.home-page .competition-feature{
  background-color:var(--home-paper);
  background-image:radial-gradient(ellipse at 100% 0,rgba(255,255,255,.5),transparent 62%);
}
.home-page #jelajahi{
  background-color:var(--home-explore);
  background-image:radial-gradient(ellipse at 5% 85%,rgba(255,255,255,.5),transparent 60%);
}
.home-page .home-vision{background-color:var(--home-vision)}
.home-page .home-social{background-color:var(--home-paper)}
.home-page .story-card,.home-page .path-card:nth-child(2){background-color:var(--home-soft)}
.home-page .story-card:last-child,.home-page .path-card:nth-child(3){background-color:var(--home-warm)}
.home-page footer .wrap{flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}
.home-page footer a{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
.home-page,.home-page .hero,.home-page .home-daily,.home-page .stories,.home-page .competition-feature,.home-page #jelajahi,.home-page .home-vision,.home-page .home-social,.home-page .story-card,.home-page .path-card{transition:background-color 2s ease}
@media(prefers-reduced-motion:reduce){
  .home-page,.home-page .hero,.home-page .home-daily,.home-page .stories,.home-page .competition-feature,.home-page #jelajahi,.home-page .home-vision,.home-page .home-social,.home-page .story-card,.home-page .path-card{transition:none}
}
@media(max-width:650px){
  .home-page #jelajahi{padding:42px 0 46px}
  .home-page #jelajahi .section-head{margin-bottom:10px}
  .home-page #home-path-toolbar{margin-bottom:12px}
  .home-page #home-path-toolbar .mobile-swipe-hint{white-space:nowrap}
  .home-page #jelajahi .path-grid{
    grid-auto-columns:calc(100% - 20px);
    gap:10px;
    padding-right:10px;
  }
  .home-page #jelajahi .path-card{
    box-sizing:border-box;
    min-height:205px;
    padding:19px 20px 15px;
    border-top:4px solid #b5c8b8;
    border-radius:16px;
    box-shadow:0 3px 12px rgba(22,61,53,.035);
  }
  .home-page #jelajahi .path-card.is-current{
    border-top-color:#2d6c50;
    box-shadow:0 8px 24px rgba(22,61,53,.12);
  }
  .home-page #jelajahi .path-card .kicker{font-size:.71rem}
  .home-page #jelajahi .path-card h3{margin:8px 0 6px}
  .home-page #jelajahi .path-card p{margin:0;font-size:.89rem;line-height:1.45}
  .home-page #jelajahi .path-card a{margin-top:auto;min-height:38px}
}

/* Beranda HP sebagai peta singkat; tata letak desktop tetap lengkap. */
.home-mobile-directory,.home-mobile-latest-head,.home-mobile-daily-title{display:none}
.home-page .hero-quick .quick-mobile-extra{display:none}
@media(max-width:650px){
  .home-page main{display:flex;flex-direction:column}
  .home-page #beranda{order:0}
  .home-page #jelajahi{display:block;order:4;padding:22px 0 28px}
  .home-page .stories{order:2;padding:22px 0 23px}
  .home-page #jelajahi,.home-page .stories,.home-page .home-daily{background-color:var(--home-ground);background-image:none}
  .home-page .competition-feature,.home-page .home-vision{display:none}
  .home-page #beranda .hero-inner{padding-bottom:25px}
  .home-page #beranda .hero-art{margin-top:10px}
  .home-page #beranda .actions{display:none}
  .home-page #beranda h1{line-height:1.12;margin:12px 0 15px}
  .home-page #beranda p{line-height:1.55;margin-bottom:16px}
  .home-page #beranda .hero-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
  .home-page #beranda .hero-quick a{min-height:58px;padding:8px 11px}
  .home-page #beranda .hero-quick .quick-mobile-extra{display:flex}

  .home-page #jelajahi .section-head{margin:0 0 17px}
  .home-page #jelajahi .section-head .kicker{display:none}
  .home-page #jelajahi .section-head h2{font-size:1.6rem;line-height:1.15;margin:0}
  .home-page #jelajahi .section-head,.home-page #home-path-toolbar,.home-page #jelajahi .path-grid .path-card:not(#ruang-karya){display:none}
  .home-page #jelajahi .path-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;overflow:visible;padding:0;background:none}
  .home-page #jelajahi .path-card#ruang-karya{display:flex;min-height:205px}
  .home-page #jelajahi .home-mobile-directory{display:none}
  .home-mobile-directory{display:flex;flex-direction:column;overflow:hidden;border:1px solid #d5e2d7;border-radius:15px;background:#fffdf8;box-shadow:0 8px 24px rgba(20,57,42,.055)}
  .home-mobile-directory a{display:grid;grid-template-columns:minmax(0,1fr) 32px;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-width:0;min-height:72px;padding:12px 17px;border-bottom:1px solid #e1e9df;background:transparent;color:#193e34;text-decoration:none}
  .home-mobile-directory a:last-child{border-bottom:0}
  .home-mobile-directory a strong{grid-column:1;grid-row:1;font:700 1.06rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.025em}
  .home-mobile-directory a span{grid-column:1;grid-row:2;margin-top:3px;color:#536b5c;font-size:.76rem;line-height:1.3}
  .home-mobile-directory a b{grid-column:2;grid-row:1/span 2;justify-self:end;color:#2d6850;font-size:1.25rem;font-weight:500;line-height:1}
  .home-mobile-directory a:hover{background:#f3f7f1}
  .home-mobile-directory a:focus-visible{outline:3px solid #bb8442;outline-offset:3px}

  .home-page .stories .section-head,.home-page .stories .story-side,.home-page .stories .home-story-actions{display:none}
  .home-mobile-latest-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}
  .home-mobile-latest-head h2{font:normal 1.6rem/1.15 Georgia,serif;letter-spacing:-.025em;margin:0;color:#173e33}
  .home-mobile-latest-head a{display:inline-flex;align-items:center;flex:none;min-height:44px;color:#245f48;font-size:.79rem;font-weight:800;text-decoration:underline;text-underline-offset:4px}
  .home-page .stories .story-grid{display:block}
  .home-page .story-feature{display:flex;flex-direction:column;min-height:0;padding:0;border:1px solid #d8e2d6;border-radius:16px;background:#fffdf8;color:#193e34;box-shadow:0 9px 26px rgba(20,57,42,.065)}
  .home-page .story-feature::after{display:none}
  .home-page .story-feature .story-image{position:relative;inset:auto;z-index:auto;display:block;flex:none;width:100%;height:156px;object-fit:cover}
  .home-page .story-feature .story-label{max-width:none;padding:14px 17px 0;color:#805d32;font-size:.67rem;line-height:1.2}
  .home-page .story-feature-copy{display:block;flex:none;padding:7px 17px 2px}
  .home-page .stories .story-feature h3{margin:0;color:#193e34;font:700 1.16rem/1.28 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.025em}
  .home-page .stories .story-feature h3 a{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}
  .home-page .story-feature p{display:none}
  .home-page .story-feature .story-credit{margin:10px 0 0;color:#4d6655;font-size:.73rem;font-weight:600}
  .home-page .story-feature-footer{min-height:0;width:auto;padding:0 17px 14px;border:0}
  .home-page .story-feature-footer .story-read-more{min-height:44px;align-items:center;margin:0;color:#245f48;font-size:.81rem}

  .home-page .home-daily{display:block;order:3;padding:22px 0 31px}
  .home-page .home-daily-head{display:block;margin:0 0 13px}
  .home-page .home-daily-head>div,.home-page .home-daily-head>.text-link{display:none}
  .home-page .home-daily-head .home-mobile-daily-title{display:block;margin:0;color:#173e33;font:normal 1.6rem/1.15 Georgia,serif;letter-spacing:-.025em}
  .home-page #home-daily-toolbar,.home-page .home-daily-note{display:none}
  .home-page #berita-harian .home-daily-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:0;overflow:hidden;padding:0;border:1px solid #d5e2d7;border-radius:14px;background:#fffdf8;scroll-snap-type:none}
  .home-page #berita-harian .home-news-card,.home-page #berita-harian .home-news-card.dunia{min-height:126px;padding:12px 13px;border-radius:0;background:#fffdf8;color:#193e34;box-shadow:none;transform:none}
  .home-page #berita-harian .home-news-card:first-child{border-right:1px solid #e1e9df}
  .home-page #berita-harian .home-news-card::before,.home-page #berita-harian .home-news-card::after{display:none}
  .home-page #berita-harian .home-news-card strong{display:block;margin:5px 0;color:#193e34;font:700 .82rem/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0}
  .home-page #berita-harian .home-news-label{color:#906332;font-size:.68rem;line-height:1.3}
  .home-page #berita-harian .home-news-action{color:#245f48;font-size:.76rem;line-height:1.35;border-bottom:0}
}