/*
Theme Name: Robithoh Islamic Modern
Theme URI: https://robithoh.sch.id
Author: Tim IT Pondok Pesantren Modern Robithoh
Author URI: https://robithoh.sch.id
Description: Tema WordPress Resmi Pondok Pesantren Modern Robithoh Sekesalam Ciparay Bandung. Dilengkapi desain modern bernuansa Emerald Green & Warm Gold, Tipografi Parkinsans & Amiri Arab, mode gelap/terang, kompatibilitas penuh hasil migrasi Blogger, dan template SPMB terintegrasi.
Version: 2.0.14
Tested up to: 6.8
Requires at least: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: robithoh
Tags: custom-background, custom-logo, custom-menu, featured-images, flexible-header, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, translation-ready, two-columns, education, blog, news
*/

/* Reset & Base Styles */
:root {
  --color-primary: #064e3b;
  --color-primary-dark: #022c22;
  --color-primary-light: #047857;
  --color-accent: #f59e0b;
  --color-accent-dark: #d97706;
  --color-bg-light: #FDFBF7;
  --color-bg-dark: #022c22;
  --color-text-light: #0f172a;
  --color-text-dark: #f8fafc;
}

html {
  scroll-behavior: smooth;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--color-bg-light);
  color: var(--color-text-light);
  -webkit-font-smoothing: antialiased;
}

.font-heading {
  font-family: 'Parkinsans', 'Inter', system-ui, sans-serif;
}

.font-arabic {
  font-family: 'Amiri', 'Traditional Arabic', serif;
}

/* Container */
.robithoh-container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .robithoh-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .robithoh-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* Blogger & Legacy Content Normalizer */
.robithoh-content-compat {
  line-height: 1.8;
  font-size: 1rem;
}

.robithoh-content-compat p {
  margin-bottom: 1.25rem;
}

.robithoh-content-compat img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 0.75rem;
  margin: 1rem auto;
  display: block;
}

.robithoh-content-compat table {
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: collapse;
  display: block;
  overflow-x: auto;
  margin: 1.5rem 0;
}

.robithoh-content-compat th,
.robithoh-content-compat td {
  padding: 0.75rem 1rem;
  border: 1px solid #e2e8f0;
}

.robithoh-content-compat iframe {
  max-width: 100% !important;
  width: 100% !important;
  aspect-ratio: 16 / 9;
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}


/* Fixed site chrome: reliable across WordPress themes, admin bar, and mobile browsers. */
:root {
    --robithoh-adminbar-height: 0px;
    --robithoh-chrome-height: 0px;
}

html {
    scroll-padding-top: calc(var(--robithoh-adminbar-height) + var(--robithoh-chrome-height));
}

.robithoh-site-chrome {
    position: fixed !important;
    top: var(--robithoh-adminbar-height) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    background: transparent;
    isolation: isolate;
}

.robithoh-site-chrome-spacer {
    display: block;
    width: 100%;
    height: var(--robithoh-chrome-height);
    flex: 0 0 var(--robithoh-chrome-height);
}

.robithoh-site-chrome > nav {
    position: relative !important;
    top: auto !important;
    z-index: 3;
}

.robithoh-site-chrome > div:first-child {
    position: relative;
    z-index: 3;
}

.robithoh-site-chrome > header {
    position: relative;
    z-index: 2;
}

body.admin-bar {
    --robithoh-adminbar-height: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar {
        --robithoh-adminbar-height: 46px;
    }
}

@media screen and (max-width: 600px) {
    body.admin-bar {
        --robithoh-adminbar-height: 46px;
    }
}


/* Mobile navigation — v2.0.15: independent of Tailwind utility classes. */
#robithoh-main-navigation .mobile-nav-bar { display: none; }
#robithoh-main-navigation .desktop-nav-links { display: flex; }
#mobile-menu-btn {
  display: none;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid rgba(245,181,27,.45);
  cursor: pointer;
  min-width: 42px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  line-height: 1;
  z-index: 100002;
}
#mobile-drawer {
  display: none;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 100001;
  overflow: visible;
}
#mobile-drawer.is-open { display: block !important; }
@media (max-width: 1023px) {
  #robithoh-main-navigation .desktop-nav-links { display: none !important; }
  #robithoh-main-navigation .mobile-nav-bar {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 56px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  #mobile-menu-btn { display: inline-flex !important; }
  #mobile-drawer:not(.is-open) { display: none !important; }
  #mobile-drawer.is-open { display: block !important; }
}
@media (min-width: 1024px) {
  #robithoh-main-navigation .desktop-nav-links { display: flex !important; }
  #robithoh-main-navigation .mobile-nav-bar,
  #mobile-drawer { display: none !important; }
}
@media (max-width: 767px) {
  #robithoh-main-navigation .robithoh-container { padding-left: 12px; padding-right: 12px; }
  #mobile-drawer { padding-bottom: 14px; }
}

/* -------------------------------------------------------------------------
 * Homepage visual system v2.0.6 — matches supplied Robithoh reference.
 * Custom classes intentionally avoid utility-class dependency for stable rendering.
 * ------------------------------------------------------------------------- */
.ro-home-v205 { --ro-bg:#003b30; --ro-surface:#00483a; --ro-surface2:#005442; --ro-text:#f7fffb; --ro-muted:#b7d6cc; --ro-gold:#f5b51b; --ro-line:rgba(232,248,242,.10); }
.ro-home-v205 .robithoh-container { position:relative; z-index:2; }
.ro-eyebrow { display:inline-flex; align-items:center; gap:.45rem; font-size:.62rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.ro-eyebrow-dark { color:var(--ro-gold); }
.ro-eyebrow-green { color:#7fe0bf; }
.ro-hero-section { position:relative; overflow:hidden; background:linear-gradient(145deg,#00483a 0%,#003b30 52%,#002f27 100%); color:#fff; isolation:isolate; }
.ro-hero-section::before { content:""; position:absolute; inset:0; z-index:-2; background-image:linear-gradient(90deg,rgba(0,50,39,.96) 0%,rgba(0,59,48,.84) 48%,rgba(0,47,39,.72) 100%),var(--ro-hero-bg-image,none); background-size:cover; background-position:center; filter:saturate(.9); }
.ro-hero-section::after { z-index:-1; }
.ro-hero-section:after { content:""; position:absolute; left:0; right:0; bottom:0; height:34%; background:linear-gradient(180deg,transparent,rgba(0,0,0,.12)); pointer-events:none; }
.ro-hero-inner { min-height:540px; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr); gap:4rem; align-items:center; padding-top:5rem; padding-bottom:5rem; }
.ro-hero-copy { max-width:650px; }
.ro-hero-title { margin:.9rem 0 1.15rem; font-size:clamp(2.25rem,4.8vw,4.65rem); line-height:.98; letter-spacing:-.04em; font-family:'Parkinsans','Inter',sans-serif; font-weight:800; color:#fff; }
.ro-hero-title .text-amber-400 { color:var(--ro-gold)!important; }
.ro-hero-description { max-width:600px; color:#b9d7ce; font-size:.94rem; line-height:1.85; margin:0; }
.ro-hero-actions,.ro-cta-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.6rem; }
.ro-btn { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; min-height:44px; padding:.72rem 1.2rem; border-radius:.75rem; font-size:.75rem; font-weight:800; transition:.2s ease; text-decoration:none!important; }
.ro-btn-gold { background:var(--ro-gold); color:#10251f!important; box-shadow:0 10px 24px rgba(245,181,27,.18); }
.ro-btn-gold:hover { transform:translateY(-2px); filter:brightness(1.05); }
.ro-btn-ghost { background:#0b7056; color:#fff!important; border:1px solid rgba(255,255,255,.08); }
.ro-btn-dark { background:#00352b; color:#fff!important; border:1px solid rgba(255,255,255,.10); }
.ro-hero-visual { display:flex; justify-content:flex-end; }
.ro-hero-card { position:relative; width:min(100%,470px); border-radius:1rem; padding:.32rem; background:linear-gradient(135deg,rgba(245,181,27,.75),rgba(14,105,82,.9)); box-shadow:0 25px 55px rgba(0,0,0,.24); }
.ro-hero-image { display:block; width:100%; aspect-ratio:1.32/1; object-fit:cover; border-radius:.78rem; }
.ro-hero-placeholder { background:linear-gradient(145deg,#0b6a53,#003d31); display:flex; flex-direction:column; align-items:center; justify-content:center; color:#f6c343; gap:.5rem; font-size:.75rem; }
.ro-hero-placeholder i { font-size:4rem; }
.ro-hero-card-chip { position:absolute; top:.82rem; right:.82rem; background:var(--ro-gold); color:#10251f; padding:.38rem .65rem; border-radius:.45rem; font-size:.56rem; font-weight:900; }
.ro-hero-card-footer { display:flex; justify-content:space-between; gap:.75rem; padding:.7rem .72rem .55rem; color:#d0ebe3; font-size:.57rem; }
.ro-hero-glow { position:absolute; border-radius:50%; filter:blur(22px); opacity:.45; pointer-events:none; }
.ro-hero-glow-one { width:340px; height:340px; left:-120px; top:20px; background:#03644f; }
.ro-hero-glow-two { width:300px; height:300px; right:-90px; bottom:-90px; background:#f4b718; opacity:.12; }
.ro-shortcuts-section { background:#00352b; border-top:1px solid var(--ro-line); border-bottom:1px solid var(--ro-line); padding:1.05rem 0 1.2rem; }
.ro-section-kicker { display:flex; align-items:center; justify-content:center; gap:.65rem; color:#7ed8bd; font-size:.56rem; letter-spacing:.14em; text-transform:uppercase; margin-bottom:.72rem; }
.ro-section-kicker span { width:28px; height:1px; background:rgba(126,216,189,.35); }
.ro-shortcuts-grid { display:grid; grid-template-columns:repeat(8,1fr); gap:.5rem; }
.ro-shortcut-item { min-height:65px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.32rem; border:1px solid rgba(255,255,255,.08); border-radius:.7rem; background:rgba(5,90,70,.45); padding:.5rem .35rem; text-align:center; text-decoration:none!important; transition:.2s ease; }
.ro-shortcut-item:hover { transform:translateY(-2px); background:#0a654f; border-color:rgba(245,181,27,.22); }
.ro-shortcut-icon { width:25px; height:25px; display:flex; align-items:center; justify-content:center; border-radius:.45rem; color:var(--ro-gold); font-size:.65rem; background:rgba(255,255,255,.05); }
.ro-shortcut-copy strong,.ro-shortcut-copy small { display:block; }
.ro-shortcut-copy strong { color:#e8f6f1; font-size:.57rem; line-height:1.1; }
.ro-shortcut-copy small { color:#75b8a7; font-size:.48rem; margin-top:.12rem; }
.ro-welcome-section { background:#002f27; padding:3rem 0; }
.ro-welcome-card { display:grid; grid-template-columns:170px minmax(0,1fr); gap:2rem; align-items:center; width:100%; max-width:none; box-sizing:border-box; margin:0; padding:2rem; border:1px solid var(--ro-line); border-radius:1rem; background:linear-gradient(145deg,#004d3d,#00392f); box-shadow:0 20px 45px rgba(0,0,0,.18); }
.ro-welcome-photo-wrap { display:flex; justify-content:center; position:relative; }
.ro-welcome-photo { width:145px; height:165px; border-radius:.75rem; overflow:hidden; border:2px solid rgba(245,181,27,.8); background:#063c31; }
.ro-welcome-image { width:100%; height:100%; object-fit:cover; }
.ro-welcome-placeholder { width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#f6c343; font-size:2.9rem; }
.ro-welcome-dot { position:absolute; right:15px; bottom:8px; width:12px; height:12px; border-radius:50%; background:#21c78c; border:2px solid #07513f; }
.ro-welcome-content h2 { margin:.62rem 0 .5rem; color:#fff; font:800 clamp(1.4rem,2vw,2.1rem)/1.1 'Parkinsans',sans-serif; }
.ro-welcome-content h3 { margin:0; color:#f8c343; font:800 .9rem/1.2 'Parkinsans',sans-serif; }
.ro-welcome-position { margin:.15rem 0 1rem; color:#77b5a6; font-size:.68rem; }
.ro-welcome-message { color:#bedcd3; font-size:.74rem; line-height:1.75; max-width:800px; }
.ro-welcome-signature { margin-top:1rem; display:inline-flex; align-items:center; gap:.5rem; color:#7ed8bd; font-size:.61rem; font-weight:700; }
.ro-news-section { background:#003b30; padding:4rem 0 4.6rem; border-top:1px solid var(--ro-line); }
.ro-section-heading-centered { text-align:center; max-width:720px; margin:0 auto 2rem; position:relative; }
.ro-section-heading-centered h2 { color:#fff; margin:.55rem 0 .45rem; font:800 clamp(1.5rem,2.4vw,2.35rem)/1.1 'Parkinsans',sans-serif; }
.ro-section-heading-centered p { color:#7caea1; max-width:580px; margin:0 auto; font-size:.68rem; line-height:1.7; }
.ro-link-gold { position:absolute; right:0; bottom:.1rem; color:var(--ro-gold)!important; font-size:.62rem; font-weight:800; text-decoration:none!important; }
.ro-news-feature-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr); gap:1rem; }
.ro-news-feature-card,.ro-news-side-card,.ro-news-mini-card { background:#00483a; border:1px solid var(--ro-line); border-radius:.85rem; overflow:hidden; }
.ro-news-feature-card { display:grid; grid-template-columns:1.1fr 1fr; min-height:330px; }
.ro-news-feature-media { min-height:100%; }
.ro-news-image { width:100%; height:100%; object-fit:cover; transition:.35s ease; }
.ro-news-feature-card:hover .ro-news-image,.ro-news-mini-card:hover .ro-news-image { transform:scale(1.03); }
.ro-news-feature-body { padding:1.25rem; display:flex; flex-direction:column; justify-content:center; }
.ro-news-badge { display:inline-flex; width:max-content; padding:.28rem .48rem; border-radius:.4rem; background:#f3b51d; color:#0c251f; font-size:.5rem; font-weight:900; letter-spacing:.08em; }
.ro-news-meta { display:flex; flex-wrap:wrap; gap:.7rem; margin:.8rem 0 .45rem; color:#76ad9e; font-size:.54rem; }
.ro-news-meta i,.ro-news-meta-small i { color:#f4b51d; margin-right:.25rem; }
.ro-news-feature-body h3 { margin:0 0 .45rem; font:800 1.15rem/1.25 'Parkinsans',sans-serif; }
.ro-news-feature-body h3 a,.ro-news-side-copy h3 a,.ro-news-mini-body h3 a { color:#fff; text-decoration:none!important; }
.ro-news-feature-body p { color:#9ec7bb; font-size:.68rem; line-height:1.7; margin:0; }
.ro-inline-link,.ro-inline-link-small { color:#f5c13e!important; text-decoration:none!important; font-size:.6rem; font-weight:800; margin-top:.9rem; }
.ro-news-side-list { display:flex; flex-direction:column; gap:1rem; }
.ro-news-side-card { display:grid; grid-template-columns:92px minmax(0,1fr); padding:.6rem; gap:.7rem; }
.ro-news-side-thumb { min-height:90px; background:#0a5a46; border-radius:.6rem; overflow:hidden; display:flex; align-items:center; justify-content:center; color:#f5bd2f; }
.ro-news-side-image { width:100%; height:100%; object-fit:cover; }
.ro-news-side-copy { padding:.2rem .1rem; }
.ro-news-side-copy h3 { margin:.25rem 0; font-size:.72rem; line-height:1.35; }
.ro-news-meta-small { color:#70aa9c; font-size:.53rem; }
.ro-inline-link-small { font-size:.54rem; margin-top:.35rem; }
.ro-news-mini-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:1rem; }
.ro-news-mini-media { display:block; aspect-ratio:16/9; overflow:hidden; }
.ro-news-mini-body { padding:.8rem; }
.ro-news-mini-body h3 { font-size:.8rem; line-height:1.35; margin:.25rem 0; }
.ro-news-mini-body p { color:#8fbcae; font-size:.59rem; line-height:1.6; margin:0; }
.ro-empty-state { padding:2rem; border:1px dashed var(--ro-line); border-radius:.85rem; text-align:center; color:#7baea1; }
.ro-cta-section { background:#002f27; padding:2.6rem 0 4rem; }
.ro-cta-card { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr); gap:2rem; align-items:center; padding:1.7rem; border:1px solid rgba(245,181,27,.10); border-radius:1rem; background:radial-gradient(circle at 90% 0%,rgba(245,181,27,.10),transparent 32%),linear-gradient(135deg,#005442,#004234); box-shadow:0 18px 40px rgba(0,0,0,.20); }
.ro-cta-card h2 { margin:.55rem 0 .6rem; color:#fff; font:800 clamp(1.35rem,2.3vw,2.1rem)/1.08 'Parkinsans',sans-serif; }
.ro-cta-card p { margin:0; max-width:700px; color:#b9d9cf; font-size:.68rem; line-height:1.75; }
.ro-cta-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; }
.ro-cta-stats div { padding:.72rem; border:1px solid rgba(255,255,255,.07); border-radius:.65rem; background:rgba(0,0,0,.09); }
.ro-cta-stats strong,.ro-cta-stats span { display:block; }
.ro-cta-stats strong { color:#f5c13f; font-size:.7rem; }
.ro-cta-stats span { color:#7eb7a8; font-size:.5rem; line-height:1.4; margin-top:.15rem; }

/* Islamic quote / ayat section */
.ro-quote-section {
  position:relative;
  overflow:hidden;
  padding:4.2rem 0 4.6rem;
  background:#003b30;
  border-top:1px solid var(--ro-line);
  border-bottom:3px solid #f3b51d;
  text-align:center;
}
.ro-quote-section:before { content:""; position:absolute; width:340px; height:340px; border-radius:50%; background:radial-gradient(circle,rgba(246,181,28,.08),transparent 66%); top:-170px; left:50%; transform:translateX(-50%); pointer-events:none; }
.ro-quote-mark { position:relative; z-index:1; width:48px; height:48px; margin:0 auto 1.1rem; border:1px solid rgba(246,181,28,.45); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#f6b51c; background:rgba(0,73,58,.5); box-shadow:0 0 0 8px rgba(246,181,28,.035); }
.ro-quote-arabic { position:relative; z-index:1; max-width:950px; margin:0 auto 1.15rem; color:#f6b51c; font:700 clamp(2rem,4.5vw,4.1rem)/1.7 'Amiri',serif; letter-spacing:.01em; }
.ro-quote-translation { position:relative; z-index:1; max-width:800px; margin:0 auto; color:#bdd9cf; font:italic 400 clamp(.78rem,1.1vw,1rem)/1.8 'Inter',sans-serif; }
.ro-quote-reference { position:relative; z-index:1; display:inline-flex; align-items:center; justify-content:center; margin-top:1.35rem; padding:.55rem 1rem; border-radius:999px; border:1px solid rgba(0,200,155,.25); background:rgba(0,84,66,.62); color:#f6b51c; font-size:.56rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.ro-quote-eyebrow { position:relative; z-index:1; margin-top:.9rem; color:#79cbb7; font-size:.54rem; letter-spacing:.14em; text-transform:uppercase; }

@media (max-width: 1100px) {
 .ro-hero-inner{grid-template-columns:1fr .72fr;gap:2.2rem;}
 .ro-shortcuts-grid{grid-template-columns:repeat(4,1fr);}
}
@media (max-width: 800px) {
 .ro-hero-inner{grid-template-columns:1fr;padding-top:4rem;padding-bottom:3.5rem;min-height:auto;}
 .ro-hero-visual{justify-content:flex-start;}
 .ro-hero-card{width:100%;max-width:520px;}
 .ro-welcome-card{grid-template-columns:1fr;text-align:center;}
 .ro-news-feature-grid{grid-template-columns:1fr;}
 .ro-news-feature-card{grid-template-columns:1fr;}
 .ro-news-feature-media{min-height:220px;}
 .ro-news-mini-grid{grid-template-columns:1fr 1fr;}
 .ro-cta-card{grid-template-columns:1fr;}
 .ro-cta-stats{grid-template-columns:repeat(3,1fr);}
 .ro-link-gold{position:static;display:inline-flex;margin-top:.75rem;}
}
@media (max-width: 560px) {
 .ro-shortcuts-grid{grid-template-columns:repeat(2,1fr);}
 .ro-news-mini-grid{grid-template-columns:1fr;}
 .ro-cta-stats{grid-template-columns:1fr;}
 .ro-hero-title{font-size:2.35rem;}
 .ro-hero-card-footer{flex-direction:column;gap:.2rem;}
}

/* Light mode: preserve layout while translating the screenshot's visual language. */
html.robithoh-light .ro-home-v205 { --ro-bg:#f3f7f4; --ro-surface:#ffffff; --ro-surface2:#eef5f1; --ro-text:#0e2a23; --ro-muted:#527068; --ro-gold:#c68700; --ro-line:#d8e8e1; }
html.robithoh-light .ro-hero-section { background:linear-gradient(145deg,#eff7f2 0%,#e5f1ec 100%); color:var(--ro-text); }
html.robithoh-light .ro-hero-title { color:#0d3027; }
html.robithoh-light .ro-hero-title .text-amber-400 { color:#b47700!important; }
html.robithoh-light .ro-hero-description { color:#55756b; }
html.robithoh-light .ro-btn-ghost { background:#fff; color:#075843!important; border-color:#cfe1d9; }
html.robithoh-light .ro-hero-card { box-shadow:0 18px 40px rgba(4,64,49,.12); }
html.robithoh-light .ro-shortcuts-section,html.robithoh-light .ro-welcome-section,html.robithoh-light .ro-cta-section { background:#edf4f1; border-color:#d8e8e1; }
html.robithoh-light .ro-shortcut-item { background:#fff; border-color:#dbe9e3; }
html.robithoh-light .ro-shortcut-copy strong { color:#174139; }
html.robithoh-light .ro-shortcut-copy small { color:#76968d; }
html.robithoh-light .ro-welcome-card { background:#fff; border-color:#d8e8e1; box-shadow:0 14px 30px rgba(5,63,48,.08); }
html.robithoh-light .ro-welcome-content h2,html.robithoh-light .ro-section-heading-centered h2,html.robithoh-light .ro-news-feature-body h3 a,html.robithoh-light .ro-news-side-copy h3 a,html.robithoh-light .ro-news-mini-body h3 a,html.robithoh-light .ro-cta-card h2 { color:#12372e; }
html.robithoh-light .ro-welcome-message,html.robithoh-light .ro-section-heading-centered p,html.robithoh-light .ro-news-feature-body p,html.robithoh-light .ro-news-mini-body p,html.robithoh-light .ro-cta-card p { color:#617e75; }
html.robithoh-light .ro-news-section { background:#f6f9f7; border-color:#d8e8e1; }
html.robithoh-light .ro-news-feature-card,html.robithoh-light .ro-news-side-card,html.robithoh-light .ro-news-mini-card { background:#fff; border-color:#d8e8e1; }
html.robithoh-light .ro-news-meta,html.robithoh-light .ro-meta-small,html.robithoh-light .ro-news-meta-small { color:#779088; }
html.robithoh-light .ro-cta-card { background:linear-gradient(135deg,#e4f1eb,#dcece6); border-color:#cfe2da; }
html.robithoh-light .ro-cta-stats div { background:rgba(255,255,255,.62); border-color:#cfe1d9; }
html.robithoh-light .ro-section-kicker { color:#317b67; }
html.robithoh-light .ro-link-gold,.html.robithoh-light .ro-inline-link,.html.robithoh-light .ro-inline-link-small { color:#a66e00!important; }

/* Admin helper appearance for the separated Robithoh content pages. */
.robithoh-admin-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; max-width:1100px; margin-top:22px; }
.robithoh-admin-card { display:block; background:#fff; border:1px solid #dcdcde; border-radius:14px; padding:18px; text-decoration:none; box-shadow:0 2px 8px rgba(0,0,0,.04); }
.robithoh-admin-card h2 { margin:0 0 6px; font-size:16px; color:#064e3b; }
.robithoh-admin-card p { margin:0; color:#646970; line-height:1.6; }
@media(max-width:782px){.robithoh-admin-grid{grid-template-columns:1fr;}}

/* Header identity: keep brand text visible alongside the uploaded logo. */
.robithoh-header-identity{display:block;min-width:0;line-height:1.15;}
.robithoh-header-identity .robithoh-header-small-title{display:block;}
@media (max-width:767px){
  .robithoh-header-identity{max-width:44vw;}
  .robithoh-header-identity h1{font-size:1rem;line-height:1.05;}
  .robithoh-header-identity span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}
@media (max-width:480px){
  .robithoh-header-identity{max-width:50vw;}
  .robithoh-header-identity .text-\[10px\]{font-size:8px!important;}
  .robithoh-header-identity h1{font-size:.9rem;}
}