:root{--bg:#061210;--bg2:#0b211d;--panel:#0f2b25;--panel2:#12352d;--text:#f4f8f6;--muted:#b6cbc4;--gold:#e7c875;--gold2:#f4df9b;--teal:#4fb7a2;--line:rgba(255,255,255,.10);--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 15% -10%,rgba(79,183,162,.17),transparent 34rem),radial-gradient(circle at 90% 0,rgba(231,200,117,.10),transparent 30rem),linear-gradient(180deg,#0a211d 0,#061210 32rem,#061210 100%);color:var(--text);line-height:1.7}a{color:var(--gold)}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(6,18,16,.84);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{color:#fff;text-decoration:none;font-weight:850;letter-spacing:4px;font-size:22px}.brand span{color:var(--gold)}.nav-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.nav-links a{color:#d2e2dd;text-decoration:none;font-size:14px}.nav-links a:hover{color:var(--gold)}.lang-link{border:1px solid rgba(231,200,117,.35);border-radius:999px;padding:6px 11px!important;color:var(--gold)!important}.hero{padding:92px 0 70px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:52px;align-items:center}.hero-grid>*{min-width:0}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:2.3px;font-size:12px;font-weight:750}.hero h1,.page-hero h1{font-size:clamp(44px,7vw,78px);line-height:1.03;margin:14px 0 18px;letter-spacing:-1.5px;max-width:100%;overflow-wrap:break-word;word-break:normal}.hero-copy{max-width:720px;color:var(--muted);font-size:19px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:12px 22px;border-radius:999px;border:1px solid rgba(231,200,117,.55);text-decoration:none}.btn.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#10211d;font-weight:800;box-shadow:0 10px 30px rgba(231,200,117,.12)}.btn.secondary{color:var(--gold)}.hero-card{position:relative;min-height:360px;border:1px solid rgba(231,200,117,.22);border-radius:30px;padding:26px;background:linear-gradient(145deg,rgba(18,53,45,.96),rgba(8,25,21,.96));box-shadow:0 30px 80px rgba(0,0,0,.32);overflow:hidden}.hero-card:before{content:"☾";position:absolute;right:-16px;top:-54px;font-size:170px;color:rgba(231,200,117,.08);transform:rotate(-12deg)}.hero-card .mini-title{font-size:13px;color:var(--gold);letter-spacing:1.6px;text-transform:uppercase}.hero-card h2{font-size:30px;margin:12px 0 24px}.feature-stack{display:grid;gap:12px}.feature-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}.feature-row span:first-child{font-weight:700}.feature-row span:last-child{color:var(--muted);font-size:13px}section{padding:58px 0}.section-title{text-align:center;max-width:760px;margin:0 auto 34px}.section-title h2{font-size:clamp(30px,5vw,44px);margin:0 0 8px;line-height:1.15}.section-title p{color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{display:block;background:linear-gradient(160deg,rgba(255,255,255,.048),rgba(255,255,255,.022));border:1px solid var(--line);border-radius:20px;padding:25px;color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.card:hover{transform:translateY(-3px);border-color:rgba(231,200,117,.38);background:rgba(255,255,255,.055)}.card .kicker{font-size:12px;color:var(--teal);text-transform:uppercase;letter-spacing:1.4px;font-weight:800}.card h3{color:var(--gold);margin:7px 0 8px;font-size:20px;line-height:1.3}.card p{color:var(--muted);margin:0}.category-bar{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:4px 0 36px}.category-chip{display:inline-flex;padding:7px 12px;border-radius:999px;border:1px solid var(--line);color:#cfe0db;text-decoration:none;font-size:13px;background:rgba(255,255,255,.025)}.category-chip:hover{border-color:rgba(231,200,117,.38);color:var(--gold)}.page-hero{padding:68px 0 34px}.page-hero h1{font-size:clamp(38px,6vw,62px)}.page-hero p{max-width:780px;color:var(--muted);font-size:18px}.content{max-width:850px}.content h2{color:var(--gold);margin-top:42px;line-height:1.25}.content h3{margin-top:28px}.content p,.content li{color:#cfddd8}.note{border:1px solid rgba(231,200,117,.32);background:rgba(231,200,117,.04);padding:18px 20px;border-radius:14px}.breadcrumbs{font-size:14px;color:#8fa8a1;margin-bottom:16px}.breadcrumbs a{color:#aac0ba;text-decoration:none}.article-meta{color:#829a94;font-size:14px;margin:14px 0 30px}.ad-slot{display:none}.cta{margin:48px 0;padding:30px;border-radius:22px;border:1px solid rgba(231,200,117,.28);text-align:center;background:linear-gradient(145deg,rgba(18,53,45,.48),rgba(255,255,255,.02))}.cta h2{margin-top:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.stat{padding:17px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.026)}.stat strong{display:block;color:var(--gold);font-size:22px}.stat span{color:var(--muted);font-size:13px}footer{border-top:1px solid var(--line);margin-top:50px;padding:38px 0;color:#819891}.footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{color:#a9beb8;text-decoration:none}.small{font-size:14px;color:#8da49e}.error-page{min-height:74vh;display:grid;place-items:center;text-align:center}.error-code{font-size:clamp(70px,18vw,160px);line-height:.9;color:rgba(231,200,117,.16);font-weight:900}.ta,[lang="ta"] body{font-family:"Noto Sans Tamil","Latha","Vijaya",Inter,system-ui,sans-serif}.ta .hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:52px}
.ta .hero h1{font-size:clamp(44px,7vw,78px);line-height:1.08;letter-spacing:0;overflow-wrap:anywhere;word-break:normal;hyphens:none}
.ta .hero h1 .ta-hero-line{display:block}
.ta .hero-copy{max-width:700px}@media(max-width:900px){.hero-grid,.ta .hero-grid{grid-template-columns:minmax(0,1fr)}.hero-card{min-height:auto}.grid{grid-template-columns:1fr 1fr}.nav{align-items:flex-start;padding:14px 0;flex-direction:column}.nav-links{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.nav-links a{white-space:nowrap}}@media(max-width:580px){.grid,.grid.two,.stats{grid-template-columns:1fr}.hero{padding-top:56px}.wrap{width:min(100% - 26px,var(--max))}.hero h1,.page-hero h1{letter-spacing:-.5px}.ta .hero h1{font-size:clamp(34px,10.2vw,48px);line-height:1.18;letter-spacing:0;overflow-wrap:anywhere;word-break:normal}}

/* IHSAYA site-wide reading themes. Theme is applied on <html data-site-theme>. */
html[data-site-theme="night"]{
  --bg:#061210;--bg2:#0b211d;--panel:#0f2b25;--panel2:#12352d;--text:#f4f8f6;--muted:#b6cbc4;--line:rgba(255,255,255,.10);
  --site-body:radial-gradient(circle at 15% -10%,rgba(79,183,162,.17),transparent 34rem),radial-gradient(circle at 90% 0,rgba(231,200,117,.10),transparent 30rem),linear-gradient(180deg,#0a211d 0,#061210 32rem,#061210 100%);
  --site-header:rgba(6,18,16,.90);--site-surface:rgba(255,255,255,.035);--site-surface-2:rgba(255,255,255,.055);--site-copy:#cfddd8;--site-nav:#d2e2dd;--site-soft:#8da49e;
}
html[data-site-theme="warm"]{
  --bg:#17130d;--bg2:#211a10;--panel:#2a2115;--panel2:#332719;--text:#fff8e8;--muted:#d5c7aa;--line:rgba(238,205,132,.18);
  --gold:#e5bf68;--gold2:#f3d895;--teal:#8fb89f;
  --site-body:radial-gradient(circle at 15% -10%,rgba(190,143,62,.14),transparent 34rem),radial-gradient(circle at 90% 0,rgba(232,190,101,.10),transparent 30rem),linear-gradient(180deg,#211a10 0,#17130d 34rem,#17130d 100%);
  --site-header:rgba(23,19,13,.92);--site-surface:rgba(255,236,191,.045);--site-surface-2:rgba(255,236,191,.07);--site-copy:#eadfc8;--site-nav:#eadfc8;--site-soft:#b9aa8e;
}
html[data-site-theme="light"]{
  --bg:#f5f1e6;--bg2:#eee8da;--panel:#fffdf7;--panel2:#f3ede0;--text:#17312a;--muted:#5e7069;--line:rgba(23,49,42,.14);
  --gold:#8b681e;--gold2:#9f7928;--teal:#176f60;
  --site-body:radial-gradient(circle at 15% -10%,rgba(23,111,96,.08),transparent 34rem),radial-gradient(circle at 90% 0,rgba(139,104,30,.08),transparent 30rem),linear-gradient(180deg,#faf7ef 0,#f5f1e6 34rem,#f5f1e6 100%);
  --site-header:rgba(250,247,239,.95);--site-surface:rgba(23,49,42,.035);--site-surface-2:rgba(23,49,42,.065);--site-copy:#334f47;--site-nav:#294a41;--site-soft:#657a73;
}
html[data-site-theme] body{background:var(--site-body);color:var(--text)}
html[data-site-theme] .site-header{background:var(--site-header);border-bottom-color:var(--line)}
html[data-site-theme] .brand{color:var(--text)}
html[data-site-theme] .nav-links a{color:var(--site-nav)}
html[data-site-theme] .hero-copy,
html[data-site-theme] .section-title p,
html[data-site-theme] .card p,
html[data-site-theme] .page-hero p,
html[data-site-theme] .stat span{color:var(--muted)}
html[data-site-theme] .content p,
html[data-site-theme] .content li{color:var(--site-copy)}
html[data-site-theme] .card,
html[data-site-theme] .feature-row,
html[data-site-theme] .category-chip,
html[data-site-theme] .stat{background:var(--site-surface);border-color:var(--line)}
html[data-site-theme] .card:hover{background:var(--site-surface-2)}
html[data-site-theme] .note{background:color-mix(in srgb,var(--gold) 5%,transparent);border-color:color-mix(in srgb,var(--gold) 34%,transparent)}
html[data-site-theme] .cta{background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 72%,transparent),var(--site-surface));border-color:color-mix(in srgb,var(--gold) 28%,transparent)}
html[data-site-theme] footer{color:var(--site-soft);border-top-color:var(--line)}
html[data-site-theme] .footer-links a,
html[data-site-theme] .small,
html[data-site-theme] .breadcrumbs,
html[data-site-theme] .breadcrumbs a,
html[data-site-theme] .article-meta{color:var(--site-soft)}
html[data-site-theme="light"] .btn.primary{color:#fff;background:linear-gradient(135deg,#aa812b,#836017)}
html[data-site-theme="night"] .hero-card:not(.hero-card-premium){
  background:linear-gradient(145deg,rgba(18,53,45,.96),rgba(8,25,21,.96));
  border-color:rgba(231,200,117,.22);
  box-shadow:0 30px 80px rgba(0,0,0,.32);
}
html[data-site-theme="warm"] .hero-card:not(.hero-card-premium){
  background:linear-gradient(145deg,#2d2316,#20180f);
  border-color:rgba(229,191,104,.28);
  box-shadow:0 28px 70px rgba(0,0,0,.30);
}
html[data-site-theme="warm"] .hero-card:not(.hero-card-premium) .feature-row{
  background:rgba(255,236,191,.055);
  border-color:rgba(229,191,104,.18);
}
html[data-site-theme="warm"] .hero-card:not(.hero-card-premium) .feature-row span:last-child{color:#d9c9a8}
html[data-site-theme="light"] .hero-card:not(.hero-card-premium){
  background:linear-gradient(145deg,#fffdf7,#eee8da);
  border-color:rgba(23,49,42,.14);
  box-shadow:0 24px 60px rgba(23,49,42,.10);
}

html[data-site-theme="light"] .core-page-visual{background:#ece6d9;box-shadow:0 18px 48px rgba(23,49,42,.12)}

/* Light-theme contrast corrections */
html[data-site-theme="light"]{
  --text:#17312a;
  --muted:#4f625b;
  --site-copy:#27433b;
  --site-nav:#213f36;
  --site-soft:#5f716b;
}
html[data-site-theme="light"] .nav-links a{color:#213f36}
html[data-site-theme="light"] .nav-links a:hover,
html[data-site-theme="light"] .nav-links a[aria-current="page"]{color:#7a5918}
html[data-site-theme="light"] .lang-link{color:#7a5918!important;border-color:rgba(122,89,24,.35)}
html[data-site-theme="light"] .eyebrow,
html[data-site-theme="light"] .content h2,
html[data-site-theme="light"] .card h3{color:#7a5918}

/* CWV pass 1: defer paint/layout work for below-the-fold content while reserving space. */
@supports (content-visibility:auto){
  main>section:not(:first-child){content-visibility:auto;contain-intrinsic-size:1px 900px}
}
