
:root{
  --bg:#eef2f5;--panel:#ffffff;--panel-2:#f7f9fb;--text:#13233b;--muted:#62748e;--line:#d9e2ec;--brand:#1f5fbf;--brand-dark:#123972;--accent:#f0b63f;--shadow:0 18px 40px rgba(15,30,55,.08);}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.site-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:#f7f8fa;border-right:1px solid var(--line);padding:22px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:72px;height:72px;object-fit:contain;border-radius:20px;background:#fff;padding:6px;border:1px solid var(--line);box-shadow:0 6px 18px rgba(17,45,82,.06)}.brand-logo.small{width:42px;height:42px;border-radius:14px}.brand-name{font-size:1.4rem;font-weight:800;letter-spacing:-.03em}.brand-sub,.ghost-link{color:var(--muted)}.compact-name{font-size:1rem}.brand.compact{gap:10px}.brand-block{display:flex;justify-content:space-between;align-items:flex-start}.sidebar-close,.menu-toggle{display:none;border:0;background:#fff;border-radius:14px;width:42px;height:42px;font-size:1.2rem;box-shadow:0 4px 14px rgba(0,0,0,.08)}.primary-cta{display:block;background:linear-gradient(135deg,#2fd2f0,#69dbcd);color:#09253f;font-weight:800;padding:14px 18px;border-radius:18px;text-align:center;box-shadow:var(--shadow)}.nav-title{font-size:.76rem;text-transform:uppercase;letter-spacing:.18em;color:#8b99ad;margin:0 0 10px 8px;font-weight:800}.main-nav,.sidebar-section{display:flex;flex-direction:column;gap:6px}.nav-link,.mini-link{display:block;padding:11px 14px;border-radius:16px;color:var(--muted);font-weight:700}.nav-link:hover,.mini-link:hover,.nav-link.active{background:#fff;color:var(--text);box-shadow:0 6px 18px rgba(17,45,82,.05)}.sidebar-card{margin-top:auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;display:grid;gap:8px;font-size:.94rem}.sidebar-card-title{font-weight:800;color:var(--brand-dark)}
.main-panel{padding:18px 18px 28px;display:grid;gap:20px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:22px;padding:14px 18px;position:sticky;top:14px;z-index:20}.mobile-brand{display:flex;align-items:center;gap:10px}.topbar-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.ghost-link{font-weight:700;font-size:.96rem}.ghost-link.strong{color:var(--brand-dark)}
.hero{position:relative;border-radius:30px;overflow:hidden;background:#dbe7f4;box-shadow:var(--shadow)}.hero-home{min-height:clamp(420px,56vw,680px)}.hero-image{width:100%;height:auto;display:block}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,25,43,.74),rgba(7,25,43,.32) 38%,rgba(7,25,43,.1) 62%,rgba(7,25,43,.16))}.hero-copy{position:absolute;left:clamp(22px,3vw,44px);bottom:clamp(24px,4vw,50px);max-width:min(720px,64vw);color:#fff}.hero-kicker,.section-kicker{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:#a9c4f0;margin-bottom:10px}.section-kicker{color:#7a8ba5}.hero-copy h1,.page-hero h1{margin:0 0 16px;font-size:clamp(2rem,4.1vw,4.4rem);line-height:1.02;letter-spacing:-.04em}.hero-copy p,.page-hero p{font-size:clamp(1rem,1.6vw,1.18rem);max-width:60ch;margin:0}.hero-copy p{color:#eef5ff}.page-hero p{color:var(--muted)}.hero-slogan-card{position:absolute;top:24px;right:24px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);padding:14px 18px;border-radius:18px;max-width:440px;font-weight:800;color:var(--brand-dark);box-shadow:var(--shadow)}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.cta-row.compact{margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:16px;font-weight:800;border:1px solid transparent;transition:.2s ease;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#1e2735}.btn-dark{background:var(--brand-dark);color:#fff}.btn-light{background:#fff;color:var(--brand-dark);border-color:#d5dfec}.text-link{display:inline-block;color:var(--brand);font-weight:800;margin-top:10px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:clamp(22px,3vw,34px);box-shadow:0 10px 26px rgba(18,40,73,.05)}.panel h2{margin:0 0 12px;font-size:clamp(1.6rem,2.6vw,2.7rem);line-height:1.08;letter-spacing:-.03em}.panel p{margin:0;color:var(--muted);font-size:1.02rem}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}.media-split{grid-template-columns:1fr 1fr}.media-card{border-radius:22px;overflow:hidden;min-height:100%}.media-card img{width:100%;height:100%;object-fit:cover}.cta-panel{background:linear-gradient(180deg,#f6f9fd,#ecf3fb);border:1px solid var(--line);border-radius:22px;padding:24px}.cta-panel h3,.action-card h3,.directory-card h3,.package-card h3,.stat-card strong{margin:0;color:var(--text);letter-spacing:-.02em}.cta-panel h3{font-size:1.4rem;margin-bottom:8px}.stats-grid,.card-grid{display:grid;gap:16px}.stats-grid{grid-template-columns:repeat(4,1fr)}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 8px 22px rgba(18,40,73,.04)}.stat-card strong{display:block;font-size:2rem;font-weight:900}.stat-card span{display:block;color:var(--muted);margin-top:6px}.card-grid.three{grid-template-columns:repeat(3,1fr)}.card-grid.two{grid-template-columns:repeat(2,1fr)}.action-card,.directory-card,.package-card{background:var(--panel-2);border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:10px}.action-card p,.directory-card p,.package-card p{color:var(--muted);margin:0}.action-card:hover,.directory-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.package-card.featured{background:linear-gradient(180deg,#f8fbff,#eef4ff);border-color:#bad0ef}.package-tier{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:var(--brand);font-weight:900}.feature-list{margin:14px 0 0;padding-left:18px;color:var(--muted)}.feature-list li{margin:0 0 8px}.mini-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.mini-card{background:var(--panel-2);border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:6px}.mini-card span{color:var(--muted);font-size:.95rem}.mini-card-link{display:grid;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.mini-card-link:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(18,40,73,.08);border-color:#b7c9e6}.quick-link-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.quick-link-pills a{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:999px;background:#f4f7fb;border:1px solid var(--line);text-decoration:none;color:var(--text);font-weight:700;font-size:.95rem}.quick-link-pills a:hover{background:#fff;box-shadow:0 8px 20px rgba(18,40,73,.06)}.page-hero{display:grid;gap:12px}.pricing-table{display:grid;gap:12px;margin:18px 0 10px}.pricing-table div{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px}.pricing-table span{color:var(--muted)}.pay-list p{margin:10px 0;color:var(--text)}
.ebooks-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 220px 180px;gap:12px;margin-bottom:18px}.ebook-input,.ebook-select{min-height:48px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:0 14px;font:inherit;color:var(--text)}.ebooks-featured{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.collection-chip{background:#eef4ff;color:var(--brand-dark);border:1px solid #cddcf5;border-radius:999px;padding:10px 14px;font-weight:800;font-size:.92rem}.ebooks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ebook-card{background:var(--panel-2);border:1px solid var(--line);border-radius:20px;padding:18px;display:grid;gap:8px}.ebook-card h3{margin:0;font-size:1.08rem;line-height:1.25}.ebook-meta{color:var(--muted);font-size:.93rem}.ebook-badges{display:flex;flex-wrap:wrap;gap:8px}.ebook-badge{display:inline-flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:800;color:#516073}.ebook-actions{display:flex;gap:10px;flex-wrap:wrap}.ebooks-empty{padding:18px;border-radius:16px;background:#fff6e9;border:1px solid #f5d38b;color:#8a6420}
.footer{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:22px;background:#f6f8fa;border:1px solid var(--line);border-radius:24px;padding:24px 26px;margin-top:6px}.footer-title{font-size:.82rem;text-transform:uppercase;letter-spacing:.16em;color:#7b8ba1;font-weight:900;margin-bottom:10px}.footer p{margin:0;color:var(--muted)}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.overlay{display:none}.sponsor-card{border-style:dashed;background:#fffdf7}
@media (max-width: 1180px){.site-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-310px;top:0;z-index:60;transition:left .25s ease;width:290px}.nav-open .sidebar{left:0}.overlay{display:block;position:fixed;inset:0;background:rgba(9,17,27,.35);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:.2s;z-index:50}.nav-open .overlay{opacity:1;pointer-events:auto}.menu-toggle,.sidebar-close{display:inline-flex;align-items:center;justify-content:center}.two-col,.media-split,.stats-grid,.card-grid.three,.card-grid.two,.ebooks-grid,.footer{grid-template-columns:1fr 1fr}.hero-copy{max-width:min(84vw,720px)}}
@media (max-width: 820px){.main-panel{padding:12px 12px 22px}.topbar{top:10px;padding:12px 14px}.topbar-actions{display:none}.hero-home{min-height:auto}.hero-image{min-height:320px;object-fit:cover}.hero-copy{position:absolute;left:16px;right:16px;bottom:16px;max-width:none}.hero-slogan-card{position:static;margin:12px 16px 16px;max-width:none}.stats-grid,.card-grid.three,.card-grid.two,.mini-card-grid,.ebooks-toolbar,.ebooks-grid,.footer{grid-template-columns:1fr}.panel h2{font-size:1.9rem}.hero-copy h1{font-size:2.35rem}.hero-copy p{font-size:1rem;line-height:1.55}}
@media (max-width: 560px){.hero-image{min-height:360px}.hero-kicker,.section-kicker{letter-spacing:.16em}.btn{width:100%}.cta-row{display:grid;grid-template-columns:1fr}.btn-light,.btn-primary,.btn-dark{width:100%}}


.panel-lite{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:22px 24px;box-shadow:0 8px 22px rgba(18,40,73,.04)}
.sdg-strip{display:grid;grid-template-columns:1.05fr 1.15fr;gap:20px;align-items:center}
.sdg-strip h2{margin:0 0 10px;font-size:clamp(1.5rem,2.2vw,2.3rem);line-height:1.08;letter-spacing:-.03em}
.sdg-strip p,.hub-note{margin:0;color:var(--muted);font-size:1rem}
.sdg-strip-logos{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:stretch}
.sdg-strip-logos.full-width{margin-top:18px}
.sdg-item{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;min-height:98px;box-shadow:0 6px 16px rgba(18,40,73,.04)}
.sdg-item img{width:100%;height:100%;object-fit:cover}
.hub-note{margin-top:16px}
.hub-image-card img{min-height:100%;object-fit:cover}
@media (max-width: 1180px){.sdg-strip,.sdg-strip-logos{grid-template-columns:repeat(4,1fr)}.sdg-strip{grid-template-columns:1fr}}
@media (max-width: 820px){.sdg-strip-logos{grid-template-columns:repeat(3,1fr)}.sdg-item{min-height:84px}}
@media (max-width: 560px){.sdg-strip-logos{grid-template-columns:repeat(2,1fr)}.hero-slogan-card{font-size:.95rem}.hero-copy h1{font-size:2.15rem}}

.poster-card{background:#fff;display:flex;align-items:center;justify-content:center;min-height:420px}.poster-card img{object-fit:contain;background:#fff;padding:12px}


.contact-note{margin-top:12px;color:var(--muted);font-size:.96rem}
.official-contacts-grid .action-card p strong{color:var(--brand-dark)}
.official-visit-panel p{max-width:75ch}
.visit-gallery{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin-top:20px}
.visit-photo{margin:0;background:var(--panel-2);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 8px 22px rgba(18,40,73,.04)}
.visit-photo.large{grid-row:span 2}
.visit-photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.visit-photo.large img{aspect-ratio:4/4.2}
.visit-photo figcaption{padding:12px 14px;color:var(--muted);font-size:.92rem;line-height:1.5}
@media (max-width: 1180px){.visit-gallery{grid-template-columns:1fr 1fr}.visit-photo.large{grid-row:auto;grid-column:1 / -1}.visit-photo.large img{aspect-ratio:16/9}}
@media (max-width: 820px){.visit-gallery{grid-template-columns:1fr}.visit-photo.large{grid-column:auto}}


/* v18 photo gallery and SDG optimization */
.sdg-strip-logos img{width:100%;height:auto;display:block}
.visit-gallery{align-items:start}
.visit-photo-link{display:block;background:#dfe9f1}
.visit-photo img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.visit-photo.large img{aspect-ratio:4/4.2}
.visit-photo figcaption{padding:14px 15px 15px;color:#5f6f86;font-size:.92rem;line-height:1.55;display:grid;gap:6px}
.visit-photo figcaption strong{font-size:1rem;color:#17305d}
.visit-photo figcaption span{display:block}
.photo-link{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#235cc8;text-decoration:none}
.photo-link:hover{text-decoration:underline}
@media (max-width: 820px){.visit-photo figcaption{font-size:.9rem}.visit-photo figcaption strong{font-size:.98rem}}


/* v20 partner logos + quick social strip */
.quick-social-strip{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 14px;margin:0 0 18px;box-shadow:0 6px 18px rgba(18,40,73,.04)}
.quick-social-strip .strip-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:#6f8097;font-weight:900;margin-right:4px}
.quick-social-strip a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border-radius:999px;background:#f4f7fb;border:1px solid var(--line);color:var(--brand-dark);font-weight:800;font-size:.92rem;text-decoration:none}
.quick-social-strip a:hover{background:#eaf1fb}
.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.partner-card{background:var(--panel-2);border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 22px rgba(18,40,73,.04)}
.partner-logo-wrap{display:flex;align-items:center;justify-content:center;min-height:138px;border-radius:18px;background:#fff;padding:16px;border:1px solid var(--line)}
.partner-logo{max-width:100%;max-height:104px;object-fit:contain;display:block}
.partner-placeholder{display:flex;align-items:center;justify-content:center;min-height:138px;border-radius:18px;background:linear-gradient(180deg,#f9fbff,#eef3fb);padding:16px;border:1px dashed #bfd0e9;color:#537099;font-weight:900;text-align:center}
@media (max-width: 1180px){.partner-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 820px){.quick-social-strip{padding:12px}.quick-social-strip .strip-label{width:100%;margin-bottom:2px}.partner-grid{grid-template-columns:1fr}}


.quick-access-strip{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 18px;padding:10px 14px;border:1px solid var(--line);background:#fff;border-radius:18px}.quick-access-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:#8b99ad;font-weight:800;margin-right:4px}.pill-link{display:inline-flex;align-items:center;padding:9px 14px;border-radius:999px;background:#f4f7fb;border:1px solid var(--line);font-weight:700;font-size:.92rem;color:var(--text)}.pill-link:hover{background:#fff;box-shadow:0 6px 18px rgba(17,45,82,.06)}.partner-card-links a{font-size:.9rem}.partner-card-links a:hover{text-decoration:underline}@media (max-width:860px){.quick-access-strip{padding:10px 12px;gap:8px}.pill-link{font-size:.86rem;padding:8px 12px}}


/* v23 Samsung/Chrome mobile refinement */
html,body{overflow-x:hidden}
body{-webkit-text-size-adjust:100%;text-size-adjust:100%}
a,button,.btn,.nav-link,.mini-link,.pill-link{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
img{height:auto}

@media (max-width: 1024px){
  .main-panel{gap:16px}
  .panel,.panel-lite{padding:20px}
  .page-hero{gap:10px}
  .page-hero h1{font-size:clamp(1.9rem,6vw,2.8rem);line-height:1.08}
  .page-hero p,.panel p{font-size:1rem;line-height:1.65}
}

@media (max-width: 820px){
  .topbar{position:relative;top:0;padding:10px 12px;border-radius:18px}
  .mobile-brand{min-width:0}
  .brand.compact{min-width:0}
  .brand-name.compact-name{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
  .brand-logo.small{width:36px;height:36px;border-radius:12px}
  .menu-toggle{width:38px;height:38px;border-radius:12px}
  .quick-access-strip{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:10px 12px;gap:8px}
  .quick-access-strip::-webkit-scrollbar{display:none}
  .quick-access-label,.quick-social-strip .strip-label{flex:0 0 auto;white-space:nowrap}
  .pill-link,.quick-social-strip a{flex:0 0 auto;white-space:nowrap}
  .hero{border-radius:22px}
  .hero-home{min-height:0}
  .hero-image{min-height:390px;max-height:58vh;object-position:center center}
  .hero-scrim{background:linear-gradient(180deg,rgba(7,25,43,.18) 0%,rgba(7,25,43,.34) 38%,rgba(7,25,43,.72) 100%)}
  .hero-copy{left:14px;right:14px;bottom:14px}
  .hero-copy h1{font-size:1.95rem;line-height:1.06;max-width:11ch}
  .hero-copy p{font-size:.98rem;line-height:1.55;max-width:none}
  .hero-kicker{font-size:.72rem;letter-spacing:.14em}
  .hero-slogan-card{font-size:.92rem;line-height:1.45;padding:12px 14px;border-radius:16px;margin:10px 14px 14px}
  .cta-row{gap:10px}
  .btn{min-height:46px;padding:0 16px;border-radius:14px;font-size:.95rem}
  .stats-grid,.card-grid.three,.card-grid.two,.mini-card-grid,.ebooks-toolbar,.ebooks-grid,.footer,.two-col,.media-split{grid-template-columns:1fr}
  .stat-card,.action-card,.directory-card,.package-card,.mini-card,.partner-card,.visit-photo,.sidebar-card{border-radius:18px}
  .stat-card{padding:18px}
  .stat-card strong{font-size:1.7rem}
  .partner-logo-wrap{min-height:110px;padding:12px}
  .partner-logo{max-height:84px}
  .sdg-strip-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .sdg-item{min-height:78px;border-radius:14px}
  .visit-gallery{grid-template-columns:1fr;gap:12px}
  .visit-photo.large img,.visit-photo img{aspect-ratio:16/10}
  .visit-photo figcaption{padding:12px 13px 14px}
  .poster-card{min-height:auto;padding:8px}
  .footer{padding:20px;border-radius:20px}
}

@media (max-width: 560px){
  body{line-height:1.55}
  .main-panel{padding:10px 10px 18px}
  .topbar{padding:10px;border-radius:16px}
  .hero-image{min-height:360px;max-height:none}
  .hero-copy h1{font-size:1.8rem;max-width:12ch}
  .hero-copy p{font-size:.94rem}
  .panel,.panel-lite{padding:16px}
  .panel h2{font-size:1.55rem;line-height:1.12}
  .page-hero h1{font-size:1.7rem}
  .page-hero p,.panel p,.cta-panel p,.directory-card p,.action-card p,.package-card p{font-size:.95rem;line-height:1.6}
  .quick-access-strip{margin-bottom:14px}
  .pill-link,.quick-social-strip a{font-size:.84rem;padding:8px 11px}
  .sdg-strip-logos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sdg-item{min-height:72px}
  .ebooks-featured{gap:8px}
  .collection-chip{font-size:.82rem;padding:8px 10px}
  .ebook-card{padding:14px;border-radius:16px}
  .ebook-card h3{font-size:1rem}
  .pricing-table div{padding:12px 14px}
}


/* v24 partner access cleanup + floating social icons */
.quick-access-strip{display:none!important}
.sidebar-card.partner-card-links{margin-top:auto}
.social-float{position:fixed;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:45}
.social-float-link{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 26px rgba(18,40,73,.12);transition:.2s ease}
.social-float-link:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(18,40,73,.16)}
.social-float-link img{width:22px;height:22px;object-fit:contain}
.social-float-link.is-disabled{opacity:.45;cursor:not-allowed}
.social-float-link.is-disabled:hover{transform:none;box-shadow:0 10px 26px rgba(18,40,73,.12)}
@media (max-width: 1180px){.social-float{right:12px;top:auto;bottom:16px;transform:none;flex-direction:row;background:rgba(255,255,255,.96);padding:8px;border-radius:18px;border:1px solid var(--line);box-shadow:0 12px 24px rgba(18,40,73,.16)}}
@media (max-width: 560px){.social-float{left:50%;right:auto;transform:translateX(-50%);bottom:12px;gap:8px;padding:7px 8px;border-radius:16px}.social-float-link{width:42px;height:42px;border-radius:14px}.social-float-link img{width:20px;height:20px}}


/* v26 advertisement showcase */
.ads-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ad-card{display:flex;flex-direction:column;background:var(--panel-2);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 10px 22px rgba(18,40,73,.05)}
.ad-card-media{position:relative;background:#e8eef6}
.ad-card-media img{display:block;width:100%;height:230px;object-fit:cover}
.ad-card-placeholder{display:flex;align-items:center;justify-content:center;min-height:230px;color:#59708f;font-weight:800;background:linear-gradient(180deg,#f9fbff,#eef3fb)}
.ad-featured-badge{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#fff;color:#17305d;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 18px rgba(18,40,73,.14)}
.ad-card-body{padding:18px 18px 20px;display:grid;gap:10px}
.ad-card-kicker{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#6f8097;font-weight:800}
.ad-card h3{font-size:1.18rem;line-height:1.2;color:var(--text);margin:0}
.ad-owner{font-size:.92rem;color:#5e6f85;font-weight:700}
.ad-card p{margin:0;color:#40516a;line-height:1.65}
.ad-meta{font-size:.94rem;color:#2e4360;line-height:1.6}
.ad-contact-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.ad-links{display:flex;flex-wrap:wrap;gap:10px}
.ad-links a{font-weight:800;color:#235cc8;text-decoration:none}
.ad-links a:hover{text-decoration:underline}
.ads-empty{padding:18px;border-radius:18px;background:#f4f7fb;border:1px dashed #bfd0e9;color:#5f7090}
@media (max-width: 1180px){.ads-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 760px){.ads-grid{grid-template-columns:1fr}.ad-card-media img,.ad-card-placeholder{height:auto;min-height:220px}}

/* v27 advertise marketplace redesign */
.market-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:24px;padding:26px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);border-radius:30px}
.market-hero-copy h1{margin:0;font-size:clamp(2.05rem,4vw,3.65rem);line-height:1.02;letter-spacing:-.03em;max-width:12ch;color:#13213a}
.market-hero-copy p{margin:14px 0 0;max-width:58ch;font-size:1.03rem;line-height:1.75;color:#4e6078}
.market-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.market-trust-row span{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:#eef4fb;border:1px solid #d7e5f7;color:#214b83;font-size:.9rem;font-weight:800}
.market-hero-showcase{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(210px,.95fr);gap:14px;align-items:stretch}
.market-highlight-card,.market-mini-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 10px 20px rgba(18,40,73,.05)}
.market-highlight-card{overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.market-highlight-card.is-main .market-highlight-media{background:linear-gradient(180deg,#ebf1f8,#d9e7fb)}
.market-highlight-card.is-main img{display:block;width:100%;height:220px;object-fit:cover}
.market-highlight-body{padding:16px 18px 18px}
.market-mini-kicker,.market-feature-kicker{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:#56749b;font-weight:900}
.market-highlight-body h3,.market-feature-copy h2{margin:8px 0 8px;font-size:1.25rem;line-height:1.2;color:#14213d}
.market-highlight-body p,.market-feature-copy p{margin:0;color:#52647d;line-height:1.65}
.market-highlight-stack{display:grid;grid-template-columns:1fr;gap:12px}
.market-mini-card{display:flex;gap:12px;align-items:flex-start;padding:16px 15px;background:linear-gradient(180deg,#fff,#fbfdff)}
.market-mini-icon{width:22px;height:22px;color:#235cc8;flex:none;margin-top:1px}
.market-mini-card strong{display:block;color:#13213a;font-size:1rem;line-height:1.2}
.market-mini-card span{display:block;margin-top:4px;color:#64758b;font-size:.9rem;line-height:1.45}
.market-toolbar{display:grid;gap:16px;padding:22px;border-radius:28px;background:#fff;border:1px solid var(--line)}
.category-pill-row{display:flex;gap:10px;overflow:auto hidden;padding-bottom:2px;scrollbar-width:none}
.category-pill-row::-webkit-scrollbar{display:none}
.category-pill{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 15px;border-radius:999px;background:#f4f7fb;border:1px solid var(--line);font-weight:800;color:#16233f;text-decoration:none;white-space:nowrap}
.category-pill svg{width:18px;height:18px;color:#285dca;flex:none}
.category-pill:hover{background:#fff;box-shadow:0 8px 18px rgba(18,40,73,.06)}
.market-category-showcase{display:grid;grid-template-columns:1.3fr repeat(2,minmax(0,1fr));gap:18px}
.market-feature-card,.market-category-card,.submission-list-card,.market-package-card{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 10px 22px rgba(18,40,73,.05)}
.market-feature-card--hero{grid-row:span 2;display:grid;grid-template-rows:auto 1fr;padding:26px;overflow:hidden;background:linear-gradient(180deg,#d5f0f4 0%,#c8edf3 100%)}
.market-feature-copy h2{font-size:2.1rem;line-height:1.05;max-width:11ch}
.market-hero-collage{align-self:end;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.market-thumb{border-radius:22px;min-height:210px;border:1px solid rgba(255,255,255,.75);box-shadow:0 16px 24px rgba(18,40,73,.10);background-size:cover;background-position:center center}
.market-thumb--1{background:linear-gradient(180deg,rgba(18,40,73,.15),rgba(18,40,73,.45)),url('hero-community.webp') center/cover no-repeat}
.market-thumb--2{background:linear-gradient(180deg,rgba(18,40,73,.05),rgba(18,40,73,.28)),url('cleanup-poster.webp') center/cover no-repeat}
.market-thumb--3{background:linear-gradient(180deg,rgba(18,40,73,.08),rgba(18,40,73,.24)),url('hero-beach.webp') center/cover no-repeat}
.market-category-card{display:grid;grid-template-columns:86px 1fr;gap:16px;align-items:center;padding:20px;background:linear-gradient(180deg,#fff,#fbfdff)}
.market-category-icon{display:flex;align-items:center;justify-content:center;width:86px;height:86px;border-radius:24px;background:linear-gradient(180deg,#eff5fd,#dde9fb);border:1px solid #d6e2f5;color:#235cc8}
.market-category-icon svg{width:38px;height:38px}
.market-category-text h3{margin:0 0 8px;font-size:1.23rem;line-height:1.15;color:#13213a}
.market-category-text p{margin:0;color:#5b6e85;line-height:1.6;font-size:.95rem}
.market-value-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;padding:24px;border-radius:28px;background:#fff}
.market-value-split h2{margin:8px 0 0;font-size:2rem;line-height:1.06;color:#13213a;max-width:13ch}
.market-value-split p{margin:14px 0 0;color:#4f6179;line-height:1.75}
.market-benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.market-benefits-grid article{padding:18px;border-radius:22px;background:#f4f7fb;border:1px solid var(--line)}
.market-benefits-grid strong{display:block;font-size:1rem;color:#13213a}
.market-benefits-grid span{display:block;margin-top:8px;color:#607089;line-height:1.55;font-size:.94rem}
.market-process{display:grid;gap:18px;padding:24px;border-radius:28px;background:#fff}
.market-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.process-card{padding:18px;border-radius:22px;background:linear-gradient(180deg,#fff,#f9fbff);border:1px solid var(--line);display:grid;gap:10px}
.process-card span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#17305d;color:#fff;font-size:.96rem;font-weight:900}
.process-card strong{font-size:1rem;color:#13213a}
.process-card small{font-size:.92rem;line-height:1.55;color:#5f7088}
.submission-checklist-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.submission-list-card{padding:22px}
.submission-list-card--wide{background:linear-gradient(180deg,#fff,#fbfdff)}
.submission-list-card h3{margin:8px 0 14px;font-size:1.5rem;line-height:1.12;color:#13213a}
.submission-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.submission-items div{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:18px;background:#f4f7fb;border:1px solid var(--line)}
.submission-items span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;background:#17305d;color:#fff;font-size:.82rem;font-weight:900;flex:none}
.submission-items strong{display:block;color:#1b2944;font-size:.95rem;line-height:1.45}
.market-contact-block{display:grid;gap:5px;margin:16px 0 0}
.market-contact-block strong{color:#13213a}
.market-contact-block a{font-weight:700;color:#235cc8;text-decoration:none}
.market-contact-block a:hover{text-decoration:underline}
.market-packages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.market-package-card{padding:22px;background:#fff}
.market-package-card.is-featured{background:linear-gradient(180deg,#17305d,#22457f);color:#fff;border-color:#17305d}
.market-package-tier{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#6e84a3;font-weight:900}
.market-package-card.is-featured .market-package-tier{color:#b8d5ff}
.market-package-card h3{margin:10px 0 8px;font-size:1.25rem;line-height:1.15;color:inherit}
.market-package-card p{margin:0;line-height:1.65;color:inherit;opacity:.96}
.ads-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ad-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 10px 22px rgba(18,40,73,.06)}
.ad-card-media{position:relative;background:linear-gradient(180deg,#e9eef7,#dfe8f6)}
.ad-card-media img{display:block;width:100%;height:235px;object-fit:cover}
.ad-card-placeholder{display:flex;align-items:center;justify-content:center;min-height:235px;color:#59708f;font-weight:800;background:linear-gradient(180deg,#f9fbff,#eef3fb)}
.ad-featured-badge{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#fff;color:#17305d;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 18px rgba(18,40,73,.14)}
.ad-card-body{padding:18px 18px 20px;display:grid;gap:10px;align-content:start}
.ad-card-kicker{font-size:.74rem;letter-spacing:.15em;text-transform:uppercase;color:#6481a5;font-weight:900}
.ad-card h3{font-size:1.15rem;line-height:1.2;color:var(--text);margin:0}
.ad-owner{font-size:.9rem;color:#5e6f85;font-weight:700}
.ad-card p{margin:0;color:#40516a;line-height:1.6}
.ad-meta{font-size:.92rem;color:#2e4360;line-height:1.55}
.ad-contact-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.ad-links{display:flex;flex-wrap:wrap;gap:10px}
.ad-links a{font-weight:800;color:#235cc8;text-decoration:none}
.ad-links a:hover{text-decoration:underline}
@media (max-width: 1280px){.market-category-showcase{grid-template-columns:1fr 1fr}.market-feature-card--hero{grid-column:1 / -1;grid-row:auto}.market-value-split{grid-template-columns:1fr}.ads-grid,.market-packages-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 960px){.market-hero{grid-template-columns:1fr}.market-hero-showcase{grid-template-columns:1fr}.market-category-showcase{grid-template-columns:1fr}.market-process-grid,.submission-checklist-grid,.submission-items,.market-packages-grid,.ads-grid,.market-benefits-grid{grid-template-columns:1fr}.market-thumb{min-height:160px}}
@media (max-width: 640px){.market-hero{padding:18px}.market-hero-copy h1{font-size:1.95rem}.market-hero-copy p{font-size:.96rem;line-height:1.6}.market-highlight-card.is-main img{height:180px}.market-mini-card{padding:14px}.market-category-card{grid-template-columns:72px 1fr;padding:16px}.market-category-icon{width:72px;height:72px;border-radius:20px}.market-category-icon svg{width:30px;height:30px}.market-feature-copy h2,.market-value-split h2{font-size:1.55rem}.submission-list-card,.market-package-card,.process-card{padding:18px}.submission-items div{padding:12px}.category-pill{min-height:44px;padding:0 13px;font-size:.9rem}.market-trust-row span{font-size:.82rem;min-height:34px;padding:0 12px}}

.market-category-wall{padding:24px 24px 26px;background:#fff;border:1px solid var(--line);border-radius:28px;display:grid;gap:18px}
.market-wall-header{display:flex;align-items:end;justify-content:space-between;gap:18px}
.market-wall-header h2{margin:4px 0 0;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.08;color:#13213a}
.market-wall-header p{margin:10px 0 0;max-width:72ch;color:#566880;line-height:1.7}
.market-wall-grid{display:grid;grid-template-columns:1.18fr repeat(3,minmax(0,1fr));gap:16px}
.market-shop-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 10px 22px rgba(18,40,73,.05);display:grid;grid-template-rows:150px auto}
.market-shop-card--feature{grid-row:span 2;grid-template-rows:auto auto;padding:22px;background:linear-gradient(180deg,#f4f9ff 0%,#e9f4ff 100%);border-color:#d5e4fb}
.market-shop-card-copy h3{margin:8px 0 10px;font-size:2rem;line-height:1.02;color:#13213a;max-width:11ch}
.market-shop-card-copy p{margin:0;color:#596c84;line-height:1.72;max-width:48ch}
.market-mini-badges{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 14px}
.market-mini-badges span{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid #d7e6fb;color:#1f4f92;font-size:.88rem;font-weight:800}
.market-shop-card-mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
.mosaic-tile{min-height:150px;border-radius:22px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.75);box-shadow:0 14px 24px rgba(18,40,73,.08)}
.mosaic-tile svg{width:42px;height:42px;color:#fff}
.mosaic-tile.is-cyan{background:linear-gradient(135deg,#34d1e3,#4d8eff)}
.mosaic-tile.is-gold{background:linear-gradient(135deg,#ffc44d,#ff8a47)}
.mosaic-tile.is-slate{background:linear-gradient(135deg,#314968,#5f7ea5)}
.mosaic-tile.is-deep{background:linear-gradient(135deg,#18305e,#21498b)}
.market-shop-media{position:relative;display:flex;align-items:flex-end;justify-content:flex-start;padding:16px;border-bottom:1px solid rgba(255,255,255,.32);background:linear-gradient(135deg,#d5e4ff,#f2f7ff)}
.market-shop-media::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 18%,rgba(255,255,255,.8),transparent 32%),radial-gradient(circle at 15% 90%,rgba(255,255,255,.35),transparent 28%);pointer-events:none}
.market-shop-media svg{position:relative;z-index:1;width:48px;height:48px;color:#fff;filter:drop-shadow(0 8px 14px rgba(12,30,60,.18))}
.market-shop-media.is-food{background:linear-gradient(135deg,#ffb05a,#f36d43)}
.market-shop-media.is-health{background:linear-gradient(135deg,#ff8bc8,#835cff)}
.market-shop-media.is-protein{background:linear-gradient(135deg,#0db58a,#1780a3)}
.market-shop-media.is-stay{background:linear-gradient(135deg,#5fd8c8,#2f7fd8)}
.market-shop-media.is-finance{background:linear-gradient(135deg,#234c96,#5f8cff)}
.market-shop-media.is-fuel{background:linear-gradient(135deg,#6c7cff,#8f57ff)}
.market-shop-media.is-build{background:linear-gradient(135deg,#f8cc65,#ec8b2e)}
.market-shop-media.is-property{background:linear-gradient(135deg,#87d56f,#2f9a63)}
.market-shop-media.is-retail{background:linear-gradient(135deg,#f58bc5,#f2b86f)}
.market-shop-media.is-home{background:linear-gradient(135deg,#3fd0f5,#46b38a)}
.market-shop-media.is-media{background:linear-gradient(135deg,#ff7b5f,#ff4f7c)}
.market-shop-body{padding:18px}
.market-shop-body h3{margin:0 0 8px;font-size:1.18rem;line-height:1.15;color:#13213a}
.market-shop-body p{margin:0;color:#5a6d85;line-height:1.6;font-size:.95rem}
.market-inline-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:#215cc7;font-weight:800;text-decoration:none}
.market-inline-link::after{content:"→";font-size:1rem;line-height:1}
.market-inline-link:hover{text-decoration:underline}
@media (max-width:1280px){.market-wall-grid{grid-template-columns:1fr 1fr}.market-shop-card--feature{grid-column:1 / -1;grid-row:auto}.market-shop-card-copy h3{max-width:none}.market-shop-card-mosaic{grid-template-columns:repeat(4,1fr)}}
@media (max-width:960px){.market-wall-header{display:grid}.market-wall-grid{grid-template-columns:1fr}.market-shop-card--feature{grid-column:auto}.market-shop-card{grid-template-rows:132px auto}.market-shop-card-mosaic{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.market-category-wall{padding:18px}.market-shop-card-copy h3{font-size:1.55rem}.market-shop-card-mosaic{gap:10px}.mosaic-tile{min-height:112px}.market-shop-body{padding:16px}.market-shop-media{padding:14px}.market-shop-media svg{width:40px;height:40px}}


/* v29 advertise live card theming */
.ad-card{
  --ad-accent:#21498b;
  --ad-soft:#eef5ff;
  --ad-soft-2:#dfeaff;
  --ad-ink:#18305e;
  position:relative;
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid color-mix(in srgb, var(--ad-accent) 12%, #d9e4f2);
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 14px 28px rgba(18,40,73,.07);
}
.ad-card::before{
  content:"";
  display:block;
  height:6px;
  background:linear-gradient(90deg,var(--ad-accent),color-mix(in srgb, var(--ad-accent) 55%, #ffffff));
}
.ad-card-media{
  position:relative;
  background:linear-gradient(180deg,var(--ad-soft),var(--ad-soft-2));
}
.ad-card-media img{
  display:block;
  width:100%;
  height:240px;
  object-fit:cover;
}
.ad-card-media::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:76px;
  background:linear-gradient(180deg,rgba(7,18,36,0) 0%, rgba(7,18,36,.52) 100%);
  pointer-events:none;
}
.ad-card-media--placeholder::after{display:none;}
.ad-card-media-overlay{
  position:absolute;
  inset:auto 14px 14px 14px;
  display:flex;
  justify-content:flex-start;
  z-index:2;
}
.ad-theme-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:var(--ad-ink);
  box-shadow:0 10px 22px rgba(8,24,48,.16);
  font-size:.84rem;
  font-weight:900;
}
.ad-theme-badge svg{width:16px;height:16px;color:var(--ad-accent)}
.ad-card-media--placeholder{
  min-height:240px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
}
.ad-card-placeholder{
  width:100%;
  min-height:196px;
  border-radius:22px;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.82), transparent 30%),
    radial-gradient(circle at 84% 82%, rgba(255,255,255,.35), transparent 28%),
    linear-gradient(135deg,var(--ad-soft),color-mix(in srgb, var(--ad-accent) 22%, #ffffff));
  display:grid;
  place-items:center;
  gap:14px;
  text-align:center;
  color:var(--ad-ink);
  border:1px solid color-mix(in srgb, var(--ad-accent) 16%, #fff);
}
.ad-placeholder-icon{
  width:72px;
  height:72px;
  border-radius:22px;
  background:rgba(255,255,255,.92);
  display:grid;
  place-items:center;
  box-shadow:0 10px 20px rgba(18,40,73,.08);
}
.ad-placeholder-icon svg{width:34px;height:34px;color:var(--ad-accent)}
.ad-placeholder-copy strong{
  display:block;
  font-size:1.05rem;
  color:#13213a;
}
.ad-placeholder-copy span{
  display:block;
  margin-top:4px;
  font-size:.92rem;
  color:#546a86;
}
.ad-featured-badge{
  position:absolute;
  top:14px;
  left:14px;
  display:inline-flex;
  align-items:center;
  padding:7px 11px;
  border-radius:999px;
  background:#fff;
  color:var(--ad-ink);
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 10px 18px rgba(18,40,73,.14);
  z-index:2;
}
.ad-card-body{
  padding:18px 18px 20px;
  display:grid;
  gap:12px;
  align-content:start;
}
.ad-card-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.ad-card-kicker{
  font-size:.74rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--ad-accent);
  font-weight:900;
}
.ad-inline-tag{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:var(--ad-soft);
  color:var(--ad-ink);
  font-size:.75rem;
  font-weight:800;
}
.ad-card h3{
  font-size:1.18rem;
  line-height:1.2;
  color:#13213a;
  margin:0;
}
.ad-owner{
  font-size:.92rem;
  color:#5e6f85;
  font-weight:700;
}
.ad-card p{
  margin:0;
  color:#40516a;
  line-height:1.65;
}
.ad-facts-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.ad-fact-chip{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 11px;
  border-radius:999px;
  background:var(--ad-soft);
  color:var(--ad-ink);
  font-size:.8rem;
  font-weight:800;
}
.ad-details-stack{
  display:grid;
  gap:8px;
}
.ad-meta{
  font-size:.92rem;
  color:#2e4360;
  line-height:1.55;
  padding:10px 12px;
  border-radius:16px;
  background:#f7faff;
  border:1px solid color-mix(in srgb, var(--ad-accent) 10%, #e4edf7);
}
.ad-contact-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:2px;
}
.ad-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.ad-link-chip{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:#fff;
  color:var(--ad-accent);
  border:1px solid color-mix(in srgb, var(--ad-accent) 20%, #d4dfef);
  font-weight:800;
  text-decoration:none;
}
.ad-link-chip:hover{
  background:var(--ad-soft);
}
.ad-card--food{--ad-accent:#e55f2e;--ad-soft:#fff1ea;--ad-soft-2:#ffe3d4;--ad-ink:#8f3b1e}
.ad-card--health{--ad-accent:#7c4dff;--ad-soft:#f1ebff;--ad-soft-2:#e2d7ff;--ad-ink:#47279d}
.ad-card--stay{--ad-accent:#247ed6;--ad-soft:#e9f5ff;--ad-soft-2:#d5eaff;--ad-ink:#17518a}
.ad-card--finance{--ad-accent:#21498b;--ad-soft:#edf2ff;--ad-soft-2:#dee7ff;--ad-ink:#18305e}
.ad-card--fuel{--ad-accent:#6d5bff;--ad-soft:#f1efff;--ad-soft-2:#e1ddff;--ad-ink:#4133b3}
.ad-card--build{--ad-accent:#e38a1f;--ad-soft:#fff4df;--ad-soft-2:#ffe7bd;--ad-ink:#8f5517}
.ad-card--property{--ad-accent:#2c9a63;--ad-soft:#eaf8f0;--ad-soft-2:#d9f0e3;--ad-ink:#1f6b46}
.ad-card--retail{--ad-accent:#d45d9d;--ad-soft:#fff0f7;--ad-soft-2:#ffe1ef;--ad-ink:#8e2f63}
.ad-card--home{--ad-accent:#219b8c;--ad-soft:#e8faf7;--ad-soft-2:#d2f3ee;--ad-ink:#17695f}
.ad-card--protein{--ad-accent:#0b9c79;--ad-soft:#e9fbf7;--ad-soft-2:#d2f3ec;--ad-ink:#146755}
.ad-card--media{--ad-accent:#ff5e6a;--ad-soft:#fff0f1;--ad-soft-2:#ffe0e3;--ad-ink:#a62f3b}
.ad-card--general{--ad-accent:#355170;--ad-soft:#eef3f8;--ad-soft-2:#dfe8f2;--ad-ink:#24384e}

@media (max-width: 960px){
  .ad-card-media img,
  .ad-card-media--placeholder{min-height:220px;height:auto}
}
@media (max-width: 640px){
  .ad-card-media img{height:210px}
  .ad-card-body{padding:16px}
  .ad-theme-badge{font-size:.8rem;padding:0 12px}
  .ad-card h3{font-size:1.08rem}
}

.market-submit-compact{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:22px;border-radius:26px;background:#fff;border:1px solid var(--line)}
.market-submit-compact h2{margin:6px 0 0;font-size:1.7rem;line-height:1.08;color:#13213a}
.market-submit-compact p{margin:10px 0 0;color:#566880;line-height:1.7;max-width:62ch}
@media (max-width:760px){.market-submit-compact{grid-template-columns:1fr}.market-submit-compact h2{font-size:1.38rem}}


.market-highlight-card.is-main img{width:100%;height:auto;max-height:520px;object-fit:contain;background:#dff3ff}
.market-highlight-media{display:flex;align-items:center;justify-content:center;padding:0;background:#dff3ff}
.market-logo-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.market-logo-chip{display:flex;align-items:center;justify-content:center;height:54px;min-width:92px;padding:8px 12px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 6px 16px rgba(18,40,73,.05)}
.market-logo-chip img{max-height:34px;width:auto;object-fit:contain}
.market-logo-chip.is-water{height:72px;min-width:120px;padding:6px 10px;background:#e9f7ff}
.market-logo-chip.is-water img{max-height:58px}
.market-logo-pill{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:999px;background:#eff5fb;border:1px solid var(--line);font-weight:700;color:#26415f}
.ad-card-media{display:flex;align-items:center;justify-content:center;padding:12px;background:linear-gradient(180deg,#e9eef7,#dfe8f6)}
.ad-card-media img{display:block;width:100%;height:235px;object-fit:contain;background:#eef5fb}
.ad-card-media-overlay{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ad-logo-chip{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:40px;padding:4px 8px;border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 6px 18px rgba(8,24,52,.14)}
.ad-logo-chip img{max-height:26px;width:auto;object-fit:contain}
@media (max-width:640px){
  .market-highlight-card.is-main img{max-height:none}
  .market-logo-chip.is-water{height:62px;min-width:100px}
  .market-logo-chip.is-water img{max-height:48px}
  .ad-card-media img{height:210px}
}


/* v34 serikali ya mtaa page */
.serikali-hero{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:28px;align-items:center}
.serikali-hero-branding{display:grid;gap:16px;justify-items:center}
.serikali-logo-main{width:min(220px,100%);height:auto;object-fit:contain;border-radius:20px;background:#fff;padding:10px;border:1px solid var(--line)}
.serikali-logo-banner{width:min(360px,100%);height:auto;object-fit:contain;border-radius:20px;background:#fff;padding:10px;border:1px solid var(--line)}
.serikali-highlight{background:linear-gradient(180deg,#fff8ec 0%,#fff 100%)}
.serikali-agenda-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.agenda-card{padding:18px;border-radius:18px;background:#fff;border:1px solid #f1dcc0;display:grid;gap:8px}
.agenda-card strong{font-size:.92rem;letter-spacing:.12em;text-transform:uppercase;color:#9a6517}
.agenda-card span{font-size:1rem;line-height:1.6;color:#27364e}
.serikali-summary-panel .clean-list{margin:8px 0 18px;padding-left:18px;color:#33445d;line-height:1.8}
.serikali-payment-box{margin-top:18px;padding:18px;border-radius:18px;background:#f4f8ff;border:1px solid #d8e4f7;display:grid;gap:8px}
.serikali-payment-box strong{font-size:1.1rem;color:#12284a}
.serikali-payment-box span,.serikali-payment-box small{color:#4c617c;line-height:1.6}
.download-inline-links{display:grid;gap:8px}
.downloads-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.download-card{display:grid;gap:8px;padding:18px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 18px rgba(18,40,73,.05);text-decoration:none}
.download-card strong{color:#15243f;font-size:1.02rem;line-height:1.4}
.download-card span{color:#5b6d84;line-height:1.65}
.serikali-info-cards .action-card p{margin-bottom:0.9rem}
@media (max-width:900px){.serikali-hero{grid-template-columns:1fr}.serikali-agenda-grid,.downloads-list{grid-template-columns:1fr}}
