/*
Theme Name: Rasigal
Theme URI: https://rasigal.com
Description: Presentation shell for rasigal.com. Rasi Palan views are rendered by the rgl-rasi-palan plugin from the shared governed engine; this theme only frames them.
Version: 1.0.0
Requires PHP: 8.1
Text Domain: rgl
*/
:root{--ink:#241210;--muted:#6b5852;--bg:#fff8f3;--card:#ffffff;--line:#f0dfd0;--brand:#7a1230;--brand-dark:#5c0e24;--gold:#b8860b;--good:#e8f5e9;--good-ink:#1b5e20;--mixed:#fff3cd;--mixed-ink:#7a5a00;--bad:#fdecea;--bad-ink:#a4231a;--link:#7a1230;color-scheme:light dark}
@media (prefers-color-scheme:dark){
  :root{--ink:#f3e7e1;--muted:#c9ab9f;--bg:#1a0f0c;--card:#271714;--line:#3e2a24;--gold:#d8ac4c;--good:#1f3a26;--good-ink:#6fcf7a;--mixed:#4a3a17;--mixed-ink:#f0cf6a;--bad:#3a1e1c;--bad-ink:#f09086;--link:#ff93ab}
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Tamil",sans-serif;overflow-wrap:anywhere}
a{color:var(--link);text-decoration:none}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--link);outline-offset:2px;border-radius:2px}
.rgl-skip{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:100;background:var(--card);color:var(--link);padding:10px 16px;border-radius:0 0 8px 0}
.rgl-skip:focus{left:0;top:0;width:auto;height:auto}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}
.rgl-wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.rgl-head{background:var(--brand);color:#fff}
.rgl-head .rgl-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding-top:12px;padding-bottom:12px}
.rgl-logo{color:#fff;font-weight:700;font-size:1.4rem;text-decoration:none;display:flex;align-items:center;gap:10px;line-height:1.15}
.rgl-logo small{display:block;font-weight:400;font-size:.75rem;opacity:.85}
.rgl-nav{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 0 auto;padding:0;list-style:none}
.rgl-nav a{color:#fff;text-decoration:none;font-size:.95rem}
.rgl-nav a:hover{text-decoration:underline}
main.rgl-wrap{padding-top:20px;padding-bottom:36px}
h1{font-size:1.75rem;line-height:1.3;margin:.3em 0 .25em;color:var(--link)}
h2{font-size:1.1rem;margin:0 0 .5em}
.rgl-sub{color:var(--muted);margin:0 0 20px}
.rgl-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:0 0 16px}
.rgl-card.rgl-muted{color:var(--muted);font-size:.95rem}
.rgl-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:640px){.rgl-two{grid-template-columns:1fr}}
.rgl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 24px}
@media (max-width:860px){.rgl-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.rgl-grid{grid-template-columns:repeat(2,1fr)}}
.rgl-grid-small{margin:0 0 8px}
.rgl-sign-card{display:flex;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 12px;text-align:center;transition:transform .12s ease,box-shadow .12s ease}
.rgl-sign-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.08)}
.rgl-sign-name{font-size:1.15rem;font-weight:700;color:var(--ink)}
.rgl-sign-en{font-size:.8rem;color:var(--muted)}
.rgl-sign-cat{font-size:.85rem;margin-top:4px;color:var(--ink)}
.rgl-sign-card.rgl-small{padding:10px 8px;font-size:.95rem;font-weight:600;color:var(--ink)}
.rgl-sign-card.rgl-good{border-color:var(--good-ink)}
.rgl-sign-card.rgl-mixed{border-color:var(--mixed-ink)}
.rgl-sign-card.rgl-bad{border-color:var(--bad-ink)}
.rgl-pill{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.85rem;font-weight:600}
.rgl-pill.rgl-good,.rgl-sign-card.rgl-good .rgl-sign-cat{background:var(--good);color:var(--good-ink)}
.rgl-pill.rgl-mixed,.rgl-sign-card.rgl-mixed .rgl-sign-cat{background:var(--mixed);color:var(--mixed-ink)}
.rgl-pill.rgl-bad,.rgl-sign-card.rgl-bad .rgl-sign-cat{background:var(--bad);color:var(--bad-ink)}
.rgl-other-h{margin-top:28px}
.rgl-note{color:var(--muted);font-size:.9rem;margin-top:8px}
.rgl-foot{background:var(--brand-dark);color:#f3e2e7;margin-top:24px}
.rgl-foot .rgl-wrap{padding-top:18px;padding-bottom:18px}
.rgl-foot a{color:#fff}
.rgl-footnav{display:flex;gap:16px;margin:8px 0}
.rgl-post{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:0 0 16px}
.rgl-pnav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.rgl-pnav-item{background:var(--card);border:1px solid var(--line);color:var(--link);padding:7px 16px;border-radius:20px;text-decoration:none;font-size:.9rem;font-weight:600}
.rgl-pnav-item:hover{background:var(--mixed)}
.rgl-pnav-item.rgl-pnav-active{background:var(--brand);border-color:var(--brand);color:#fff;pointer-events:none}
.rgl-card.rgl-good{border-color:var(--good-ink)}
.rgl-card.rgl-bad{border-color:var(--bad-ink)}
.rgl-rasi-icon{display:block;margin:0 auto 6px;width:56px;height:56px;border-radius:50%;object-fit:cover;background:#fdf6e3}
.rgl-sign-card.rgl-small .rgl-rasi-icon,.rgl-rasi-icon-sm{width:36px;height:36px;margin-bottom:4px}
.rgl-sign-head{display:flex;align-items:center;gap:16px;margin-bottom:4px}
.rgl-rasi-icon-lg{width:84px;height:84px;margin:0;flex:none}
.rgl-sign-head h1{margin:0 0 .2em}
@media (max-width:480px){.rgl-sign-head{gap:12px}.rgl-rasi-icon-lg{width:64px;height:64px}}
