:root{--bg:#f7f7f3;--surface:#fff;--surface-2:#f0f1eb;--ink:#171915;--muted:#676b62;--line:#d9dcd2;--accent:#B5754A;--accent-ink:#F7F0E2;--dark:#151713;--dark-2:#20231d;--content:780px;--container:1160px;--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Tamil","Noto Sans",Arial,sans-serif;}html[data-theme="dark"]{--bg:#10120f;--surface:#171a15;--surface-2:#20241d;--ink:#f1f3ec;--muted:#a4aa9c;--line:#34392f;--accent:#B5754A;--accent-ink:#F7F0E2;--dark:#080a08;--dark-2:#171a15;}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:light dark}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}a{color:inherit;text-decoration:none}button{font:inherit}img,svg{max-width:100%}:focus-visible{outline:3px solid #8bb31c;outline-offset:3px}::selection{background:var(--accent);color:var(--accent-ink)}.wrap{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}.site-header::after{content:"";display:block;height:24px;background-image:url("/assets/motif-top.webp");background-repeat:repeat-x;background-position:center;background-size:auto 30px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);}.site-header .wrap{min-height:70px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:0;font-weight:850;line-height:1.05;white-space:nowrap;font-size:18px;letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:2px;margin-left:auto}.nav-links a{padding:8px 11px;border-radius:7px;font-size:14px;font-weight:700;color:var(--muted)}.nav-links a:hover{background:var(--surface-2);color:var(--ink)}.header-actions{display:flex;align-items:center;gap:7px}.btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 15px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:800;cursor:pointer;}.btn:hover{border-color:#aeb5a5}.btn-gold{background:#B5754A;border-color:#B5754A;color:#F7F0E2}.btn-gold:hover{background:#c18458;border-color:#c18458;color:#F7F0E2}.theme-toggle{width:42px;padding:8px;font-size:17px}.theme-toggle .sun{display:none}html[data-theme="dark"] .theme-toggle .moon{display:none}html[data-theme="dark"] .theme-toggle .sun{display:inline}.hero{padding:70px 0 64px;border-bottom:1px solid var(--line)}.hero .wrap{max-width:var(--container)}.eyebrow{display:inline-block;padding:5px 9px;border:1px solid #6B4530;border-radius:5px;background:#6B4530;color:#F7F0E2;font-size:11px;font-weight:800;letter-spacing:.04em}html[data-theme="dark"] .eyebrow{color:#F7F0E2;border-color:#6B4530}.hero h1{margin:18px 0 14px;font-size:clamp(2.8rem,7vw,5.7rem);line-height:1.02;letter-spacing:-.055em;font-weight:850}.hero .lede{max-width:760px;margin:0 0 25px;color:var(--muted);font-size:18px;line-height:1.8}.hero-ctas{display:flex;flex-wrap:wrap;gap:8px}.hero-note{margin:18px 0 0;color:var(--muted);font-size:12px}.hero-note a{text-decoration:underline;text-underline-offset:3px}section{padding:68px 0}section:nth-of-type(even){background:var(--surface)}.section-head{max-width:760px;margin-bottom:30px}.section-head .eyebrow{margin-bottom:12px}.section-head h2,.chapter-head h1{margin:0 0 10px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;letter-spacing:-.04em}.section-head p{margin:0;color:var(--muted)}.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chapter-card{display:flex;gap:15px;min-height:165px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.chapter-card:hover{border-color:#aeb5a5}.chapter-card .num{width:43px;height:43px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:7px;background:var(--dark);color:#fff;font-size:18px}.chapter-card h3{margin:0 0 5px;font-size:16px;line-height:1.4}.chapter-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.chapter-card .go{display:inline-block;margin-top:13px;color:#587015;font-size:12px;font-weight:800}html[data-theme="dark"] .chapter-card .go{color:#c9ed6a}.translator{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px;background:var(--dark);color:#fff;border-radius:8px}.translator .avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:800}.translator .who{font-weight:800}.translator .role{color:#aab0a4;font-size:12px}.translator .links{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.translator .links a{padding:7px 10px;border:1px solid #41463b;border-radius:6px;color:#d8dbd2;font-size:12px}.chapter-head{padding:50px 0 20px}.breadcrumb{margin:0 0 16px;color:var(--muted);font-size:11px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.kicker{margin-bottom:10px;color:var(--muted);font-size:12px;font-weight:700}.kicker .icon{margin-right:5px}.chapter-head .lede{margin:0;color:var(--muted)}article{max-width:var(--content);padding:5px 0 25px}article p{margin:0 0 20px;color:var(--ink)}article h2{margin:44px 0 15px;padding-top:5px;font-size:24px;line-height:1.3;letter-spacing:-.02em}article h2 .en{font-size:13px;color:var(--muted)}article h3{margin:30px 0 10px;color:#5b7419;font-size:17px}html[data-theme="dark"] article h3{color:#c8ed68}article ul,article ol{margin:0 0 21px;padding-left:1.35em}article li{margin-bottom:7px}article li::marker{color:#78951d}article strong{color:var(--ink)}article em{color:var(--muted)}article a{color:#557015;text-decoration:underline;text-decoration-color:#a9c466;text-underline-offset:3px}html[data-theme="dark"] article a{color:#c9eb73}.byline{margin-top:34px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-style:italic}blockquote{margin:0 0 22px;padding:15px 17px;border-left:3px solid var(--accent);background:var(--surface-2);color:var(--muted)}.thread{position:relative;display:flex;align-items:flex-start;overflow-x:auto;gap:0;padding:5px 0 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.thread::-webkit-scrollbar{display:none}.thread:before{content:"";position:absolute;z-index:0;left:15px;right:15px;top:20px;height:1px;background:var(--line)}.thread a{position:relative;z-index:1;flex:1 0 112px;min-width:112px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;color:var(--muted);font-size:11px;line-height:1.35;padding:0 5px}.thread .bead{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);border:1px solid #c9cec3;font-size:14px;box-shadow:0 0 0 5px var(--bg)}.thread a.current{color:var(--ink);font-weight:800}.thread a.current .bead{background:var(--accent);border-color:#a9d42b;color:var(--accent-ink)}.thread a.done .bead{background:var(--surface-2)}.toc-list{display:grid;gap:8px}.toc-list a{display:flex;align-items:center;gap:14px;padding:16px 17px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.toc-list a:hover{border-color:#aeb5a5}.toc-list .n{width:22px;flex:none;color:var(--muted);font-size:11px;font-weight:800}.toc-list .icon{font-size:18px}.toc-list .label{flex:1;font-weight:800;font-size:14px}.toc-list .arrow{color:var(--muted)}.pager{display:flex;justify-content:space-between;gap:10px;margin:5px 0 35px}.pager a{flex:1;max-width:48%;padding:15px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.pager a:hover{border-color:#aeb5a5}.pager .dir{display:block;color:var(--muted);font-size:11px}.pager .title{display:block;margin-top:3px;font-weight:800;font-size:14px}footer{position:relative;margin-top:20px;padding:53px 0 25px;background:var(--dark);color:#fff;}footer::before{content:"";position:absolute;left:0;right:0;top:0;height:34px;background-image:url("/assets/motif-bottom.webp");background-repeat:repeat-x;background-position:center;background-size:auto 34px;border-bottom:1px solid rgba(255,255,255,.12);}footer .wrap{display:flex;justify-content:space-between;align-items:flex-start;gap:35px;flex-wrap:wrap}footer .fbrand{font-size:16px;font-weight:800;margin-bottom:8px}footer .fnote{max-width:44ch;margin:0;color:#aeb4a8;font-size:12px}footer .fcols{display:flex;gap:42px;flex-wrap:wrap}footer .fcol h4{margin:0 0 10px;color:#777e71;font-size:10px;letter-spacing:.1em;text-transform:uppercase}footer .fcol a{display:block;margin-bottom:7px;color:#d4d8cf;font-size:11px}footer .fcol a:hover{color:var(--accent)}.copyright{width:100%;margin-top:28px;padding-top:17px;border-top:1px solid #30352c;color:#777e73;font-size:10px}@media(max-width:900px){.site-header .wrap{flex-wrap:wrap;padding-block:9px}.nav-links{order:3;width:100%;margin-left:0;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{flex:none}}@media(max-width:720px){.wrap{width:min(var(--container),calc(100% - 28px))}.site-header .wrap{min-height:60px;gap:7px}.brand{font-size:16px}.header-actions{margin-left:auto}.header-actions .btn-ghost{display:none}.header-actions .btn-gold{min-height:38px;padding:7px 10px}.theme-toggle{display:inline-flex;width:38px}.hero{padding:48px 0 42px}.hero h1{font-size:clamp(2.55rem,13vw,4.2rem)}.hero .lede{font-size:16px}.hero-ctas{display:grid;grid-template-columns:1fr}.hero-ctas .btn{width:100%}section{padding:52px 0}.chapter-grid{grid-template-columns:1fr}.chapter-card{min-height:auto;padding:17px}.section-head h2,.chapter-head h1{font-size:2.15rem}.chapter-head{padding:42px 0 17px}article{font-size:16px}article h2{font-size:21px;margin-top:38px}.translator{padding:16px}.translator .links{width:100%;margin-left:0}.translator .links a{flex:1;text-align:center}.pager{flex-direction:column}.pager a{max-width:none}footer .fcols{gap:25px}}@media(max-width:420px){.brand span{max-width:190px;overflow:hidden;text-overflow:ellipsis}.header-actions .btn-gold{font-size:0}.header-actions .btn-gold:after{content:"படிக்க";font-size:12px}.thread a{flex-basis:98px;min-width:98px;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}article{content-visibility:auto;contain-intrinsic-size:auto 900px}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:120ms}
@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none}
}