:root{--bg:#FAFAFA;--nav:#EBEBEB;--accent:#74B875;--text:#292929;--footer:#1C1C1C;--footerText:#EBEBEB;--line:#dedede;--shadow:0 14px 35px rgba(0,0,0,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.55}a{color:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{background:var(--nav);border-bottom:1px solid #ddd;position:sticky;top:0;z-index:50}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:1.15rem}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--accent);color:white;border-radius:10px}.main-nav{display:flex;gap:8px}.main-nav a{padding:10px 14px;text-decoration:none;border-radius:8px}.main-nav a:hover,.main-nav a:focus-visible{background:#fff}.nav-toggle{display:none;border:0;background:transparent;font-size:1.5rem}.hero{padding:72px 0 36px;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:700;font-size:.78rem;color:#537f54}.hero h1,.about-copy h1{font-size:clamp(2rem,5vw,3.6rem);margin:.2em 0;color:var(--accent)}.hero p{max-width:650px;margin:10px auto}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:20px 0 80px}.category-card{height:560px;position:relative;overflow:hidden;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px rgba(0,0,0,.05);outline:none}.category-card:focus-visible{box-shadow:0 0 0 3px rgba(116,184,117,.35)}.card-face{position:absolute;inset:0;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.card-front{transform:translateY(0)}.card-back{transform:translateY(100%);background:#fff}.category-card.is-open .card-front{transform:translateY(-100%)}.category-card.is-open .card-back{transform:translateY(0)}.slideshow{height:40%;position:relative;overflow:hidden;background:#e7eee7}.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease}.slide.is-active{opacity:1}.image-placeholder{height:100%;display:grid;place-items:center;font-size:2rem;font-weight:800;color:#537f54}.card-copy{padding:26px;display:flex;flex-direction:column;height:60%}.card-copy h2,.back-inner h3{color:var(--accent);margin:0 0 12px}.card-copy p{margin:0;white-space:normal}.view-hint{margin-top:auto;font-size:.88rem;color:#687068}.mobile-hint{display:none}.back-inner{padding:28px;height:100%;overflow:auto}.organization{padding:14px 0;border-bottom:1px solid #ececec}.organization h4{margin:0 0 8px}.resource-link{display:inline-block;margin:3px 10px 3px 0;color:#416f42;text-decoration:none;font-weight:650}.resource-link:hover{text-decoration:underline}.extra-org{display:none}.show-more .extra-org{display:block}.view-more{margin-top:18px;border:0;background:var(--accent);color:white;padding:10px 14px;border-radius:8px;font-weight:700;cursor:pointer}.about-wrap{padding:54px 0 80px}.about-slideshow{height:min(55vw,520px);border-radius:14px;box-shadow:var(--shadow)}.about-copy{max-width:850px;padding-top:35px}.site-footer{background:var(--footer);color:var(--footerText);padding:42px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.site-footer p{margin:.35em 0;color:#cfcfcf}
@media(max-width:1024px){.category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.shell{width:min(100% - 28px,700px)}.nav-toggle{display:block}.main-nav{display:none;position:absolute;left:14px;right:14px;top:70px;background:white;padding:10px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column}.main-nav.is-open{display:flex}.hero{padding-top:46px}.category-grid{grid-template-columns:1fr}.category-card{height:520px}.desktop-hint{display:none}.mobile-hint{display:inline}.footer-grid{grid-template-columns:1fr}.about-slideshow{height:58vw;min-height:240px}}
@media(max-width:480px){.category-card{height:500px}.card-copy,.back-inner{padding:22px}.hero h1{font-size:2.25rem}}

/* Daily Quote — single bilingual box */
.daily-quote-section {
  margin-top: 10px;
  margin-bottom: 42px;
}

.daily-quote-heading {
  margin-bottom: 18px;
}

.daily-quote-heading > .eyebrow {
  margin: 0 0 7px;
}

.daily-quote-heading h2 {
  margin: 0;
  color: #557a55;
  font-size: 23px;
  line-height: 1.35;
  font-weight: 700;
}

.daily-quote-heading h2 span {
  font-size: 18px;
  font-weight: 600;
}

.daily-quote-box {
  width: 100%;
  padding: 32px 38px;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 18px;
}

.quote-tamil {
  margin: 0;
  color: #1A1A1A;
  font-family: "Noto Sans Tamil", "Latha", "Nirmala UI", Arial, sans-serif;
  font-size: 18px;
  font-style: italic;
  line-height: 1.65;
  font-weight: 600;
}

.quote-english {
  margin: 18px 0 0;
  color: #3B3B3B;
  font-size: 20px;
  font-style: italic;
  line-height: 1.6;
  font-weight: 400;
}

.quote-author {
  margin-top: 20px;
  color: #666;
  font-size: 15px;
  font-weight: 600;
}

@media(max-width:768px) {
  .daily-quote-section { margin: 25px auto 35px; }
  .daily-quote-heading h2 { font-size: 21px; }
  .daily-quote-heading h2 span { font-size: 18px; }
  .daily-quote-box { padding: 24px 22px; border-radius: 14px; }
  .quote-tamil { font-size: 22px; }
  .quote-english { margin-top: 14px; font-size: 17px; }
}