/* Consolidated UI (Nov 2026): governmental maroon / gold / ivory palette that matches the Singappen + TN Police logos,
   subtle kolam textures, motto + intro video hero, step icons, Contact Us, Get-help departments, centred sign-in. */
:root,:root.maroon{--brand:#6d1424;--brand-d:#4a0d18;--gold:#6d1424;--slate:#6d1424;--teal:#6d1424;--teal-d:#4a0d18;--sage:#6d1424;--lav:#6d1424;--ok:#6d1424;
 --bg:#fbf8f2;--brandsoft:#f3ead8;--goldsoft:#f8f1e1;--slatesoft:#f3ead8;--oksoft:#f3ead8;--tealsoft:#f3ead8;--sagesoft:#f3ead8;--lavsoft:#f8f1e1;
 --line:#e7dcc4;--line2:#c9a35a;--ink:#2a1f1f;--muted:#5e524d;--cxgold:#b8892b;--cxgold-l:#e3c47a;--cxgreen:#1d5e46;
 --kolam:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23b8892b' stroke-width='1' opacity='.55'%3E%3Cpath d='M32 6c8 8 8 18 0 26-8-8-8-18 0-26zM32 58c-8-8-8-18 0-26 8 8 8 18 0 26zM6 32c8-8 18-8 26 0-8 8-18 8-26 0zM58 32c-8 8-18 8-26 0 8-8 18-8 26 0z'/%3E%3Ccircle cx='32' cy='32' r='3'/%3E%3C/g%3E%3Cg fill='%23b8892b' opacity='.5'%3E%3Ccircle cx='0' cy='0' r='1.6'/%3E%3Ccircle cx='64' cy='0' r='1.6'/%3E%3Ccircle cx='0' cy='64' r='1.6'/%3E%3Ccircle cx='64' cy='64' r='1.6'/%3E%3Ccircle cx='16' cy='16' r='1.2'/%3E%3Ccircle cx='48' cy='16' r='1.2'/%3E%3Ccircle cx='16' cy='48' r='1.2'/%3E%3Ccircle cx='48' cy='48' r='1.2'/%3E%3C/g%3E%3C/svg%3E")}
body{background:var(--bg)}
.th{background:linear-gradient(90deg,#4a0d18,#6d1424 45%,#7a1a2c);border-bottom:3px solid var(--cxgold);position:sticky}
.th::after{content:"";position:absolute;inset:0;background:var(--kolam);background-size:56px;opacity:.12;pointer-events:none}
.th .in{position:relative;z-index:1}
.brand2 img{background:#fff;border:2px solid var(--cxgold-l)}
.brand2 img.tnp{border-radius:50%;padding:2px;object-fit:contain;width:42px;height:42px}
.mnav{border-top:0;border-bottom:1px solid var(--line)}
.band{position:relative}
.band:nth-of-type(even){background:linear-gradient(180deg,rgba(243,234,216,.55),rgba(251,248,242,0))}
footer{background:#2b1418!important;border-top:4px solid var(--cxgold);position:relative}
footer::before{content:"";position:absolute;inset:0;background:var(--kolam);background-size:72px;opacity:.07;pointer-events:none}
/* home hero: motto + intro video */
.cxhero{background:linear-gradient(115deg,rgba(251,248,242,.96),rgba(243,234,216,.9)),var(--kolam);background-size:auto,64px;border-bottom:1px solid var(--line)}
.cxhero .in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(22px,4vw,48px);align-items:center;padding-top:48px;padding-bottom:52px}
.cxmotto .cxm-en{font-family:var(--serif);font-size:clamp(1.1875rem,calc(2.1vw * var(--fsk,1)),1.4375rem);line-height:1.5;color:var(--brand-d);margin:6px 0 10px;border-left:4px solid var(--cxgold);padding-left:16px}
.cxmotto .cxm-ta{font-size:1rem;line-height:1.75;color:var(--muted);margin:0 0 20px;padding-left:20px}
.cxacts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cxacts .act{margin:0}
.cxlines{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.cxlines a{display:inline-flex;gap:8px;align-items:baseline;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;text-decoration:none;color:var(--ink);font-size:0.875rem}.cxlines a:is(:link,:visited,:hover,:focus,:focus-visible,:active){text-decoration:none}.cxlines a:focus-visible{outline:3px solid var(--cxgold,#c9a03a);outline-offset:2px}.cxlines b{color:var(--brand);font-size:1.0625rem}
.cxright .eyebrow{margin-bottom:8px}
.cxvid{position:relative;border-radius:16px;overflow:hidden;background:#1d1012;box-shadow:0 10px 30px rgba(74,13,24,.18);border:3px solid #fff;outline:1px solid var(--line2);aspect-ratio:16/9}
.cxvid iframe,.cxvid video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.cxvid-ph{display:grid;place-items:center;text-align:center;color:#f7ead0;background:linear-gradient(135deg,#4a0d18,#6d1424),var(--kolam)}
.cxvid-ph>div{display:grid;gap:8px;justify-items:center;padding:20px}.cxvid-ph b{font-size:1.125rem}.cxvid-ph small{opacity:.8;font-size:0.7812rem;max-width:340px}
.cxi{width:22px;height:22px}.cxi.big{width:44px;height:44px}
/* steps with icons */
.cxhow>div{position:relative;padding-top:18px}
.cxstep{display:inline-grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--brandsoft);color:var(--brand);border:1px solid var(--line2);margin-bottom:10px;position:relative}
.cxstep .cxi{width:26px;height:26px}.cxstep em{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:var(--brand);color:#fff;font:600 0.75rem/1.375rem var(--sans);font-style:normal;text-align:center;border:2px solid #fff}
.cxhow>div::before{display:none!important}
.how>div>b:first-child::before{display:none}
/* contact */


.cxcgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cxc,.cxaddr{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
/* Contact page map (Google Maps embed + link) */
.cxpage h1+.cxcgrid{margin-top:22px}
.cxmap{margin-top:14px;padding:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px}
.cxmap iframe{display:block;width:100%;height:clamp(260px,45vw,380px);border:0}
.cxmap .btn{margin:12px 16px;display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:calc(100% - 32px)}
.cxaddr{margin-top:12px}.cxc small,.cxaddr small{display:block;color:var(--muted);font-size:0.8125rem;text-transform:uppercase;letter-spacing:.04em}.cxc b{font-size:1.0625rem;word-break:break-word}.cxaddr p{margin:2px 0 0;font-weight:600}
.cxbadge{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--brandsoft);color:var(--brand);border:1px solid var(--line)}
.cxbadge.lg{width:54px;height:54px;border-radius:16px}.cxbadge.lg .cxi{width:28px;height:28px}
.ph{display:inline-block;background:#fff4d6;color:#7a5200;border:1px dashed #d8a93a;border-radius:6px;padding:1px 8px;font-size:.86em;font-weight:500}
/* Get help departments */
.cxdepts{display:grid;gap:10px}
/* e-learning */
.gbanner{display:flex;gap:14px;align-items:flex-start;margin:16px 0;padding:16px 18px;border-radius:14px;background:#fff7e3;border:1px solid #e3c47a;border-left:5px solid var(--cxgold)}
.gbi{font-size:1.5rem;line-height:1}.lwait{display:flex;gap:14px;align-items:flex-start}
.lvgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8px 26px;align-items:start;margin-top:6px}
.lvgrid>h1{grid-column:1;grid-row:1;margin:0}.lvgrid>.lvdesc{grid-column:1;grid-row:2;margin:0;color:var(--muted)}
.lvgrid>.lsum{grid-column:1;grid-row:3;margin-top:4px}
.lvgrid>.lplayer{grid-column:2;grid-row:1/span 4;max-width:640px;width:100%;justify-self:end;border-radius:14px;overflow:hidden}
.lvgrid>.lplayer video,.lvgrid>.lplayer iframe{width:100%;max-height:360px;aspect-ratio:16/9;display:block;background:#000}
.cxconf{position:fixed;inset:0;pointer-events:none;z-index:9999}
@media (max-width:860px){.cxhero .in,.lvgrid{grid-template-columns:1fr}.lvgrid>*{grid-column:1!important;grid-row:auto!important}.cxacts,.cxcgrid,.cxdgrid{grid-template-columns:1fr}}
/* centred sign-in (no left panel) */
.authc{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px;background:linear-gradient(180deg,rgba(251,248,242,.94),rgba(243,234,216,.94)),var(--kolam);background-size:auto,64px}
.authc-top{margin-bottom:14px}.authc-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#4a0d18}.authc-brand img{border-radius:50%;background:#fff;border:2px solid #e3c47a;object-fit:contain}
.authc-brand b{display:block;font-size:1.25rem}.authc-brand small{color:#6a5a52;font-size:0.7812rem}
.authc .formp{width:100%;max-width:520px;background:#fff;border:1px solid #e7dcc4;border-top:4px solid #6d1424;border-radius:18px;box-shadow:0 12px 36px rgba(74,13,24,.12);padding:26px clamp(18px,4vw,34px)}
.authc .box{width:100%}.authc .box h2{font-size:1.5625rem;margin:0}.authc .box .sub{color:#6a5a52;margin:.25rem 0 1.2rem}
.authc-foot{margin-top:16px;font-size:0.8438rem;color:#6a5a52;text-align:center}.authc-foot a{color:#6d1424;text-decoration:none}
.catgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.catc{position:relative;margin:0;cursor:pointer}.catc input{position:absolute;opacity:0}
.catc span{display:block;border:1.5px solid #e1d4b8;border-radius:11px;padding:.55rem .75rem;background:#fffdf8;min-height:56px}.catc b{display:block;font-size:0.875rem}.catc small{font-size:0.75rem;color:#7a6a63}
.catc input:checked+span{border-color:#6d1424;background:#f8ecee;box-shadow:0 0 0 2px rgba(109,20,36,.15)}.catc input:focus-visible+span{outline:2px solid #b8892b}
.young{background:#fff8e6;border:1px dashed #d8b45e;border-radius:12px;padding:10px 12px}.young .note{margin:0 0 8px;font-size:0.8125rem}
@media (max-width:520px){.catgrid{grid-template-columns:1fr}}
.gbanner .row{gap:10px;flex-wrap:wrap}
.cxhero{background:linear-gradient(rgba(255,253,248,.7),rgba(255,253,248,.7)),url(/assets/home-banner.webp?v=2) center bottom/100% auto no-repeat,#fffdf8;background-size:auto,100% auto,auto}
.cxhero .in{padding-bottom:clamp(60px,22vw,320px)}
@media(max-width:760px){.cxhero{background-image:linear-gradient(rgba(255,253,248,.7),rgba(255,253,248,.7)),url(/assets/home-banner-m.webp?v=2);background-size:auto,170% auto;background-position:0 0,center bottom}.cxhero .in{padding-bottom:clamp(90px,45vw,220px)}}

/* ---------- Get help: one dial for the main helpline,then "what is happening",then a phone-book directory ---------- */
.gh .gh-in{max-width:1040px;display:grid;gap:56px}.gh #help .gh-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"intro dial" "tell dial";column-gap:48px;row-gap:28px;align-items:start}.gh #help .gh-intro{grid-area:intro;display:grid;gap:12px}.gh #help .gh-intro h1{font-family:var(--serif);font-size:clamp(2.25rem,calc(5.4vw * var(--fsk,1)),3.5rem);line-height:1.05;letter-spacing:-.015em;color:var(--brand-d);margin:0;text-wrap:balance}.gh #help .gh-intro .lead{font-size:1.1875rem;line-height:1.5;color:var(--ink);margin:0;max-width:34ch}.gh #help .gh-lead2{margin:0;color:var(--muted);font-size:1rem;line-height:1.55;max-width:46ch}.gh #help .gh-dial{grid-area:dial;align-self:stretch;display:grid;grid-template-rows:1fr auto;border-radius:22px;overflow:hidden;background:var(--brand);color:#fff;box-shadow:0 22px 44px -26px rgba(74,13,24,.6)}.gh #help .gh-main{display:grid;align-content:center;gap:8px;padding:36px 34px 32px;color:#fff}.gh #help .gh-num{font-family:var(--serif);font-weight:700;font-size:clamp(4.5rem,calc(11vw * var(--fsk,1)),7.25rem);line-height:.88;letter-spacing:-.03em;font-variant-numeric:lining-nums tabular-nums}.gh #help .gh-lab{font-size:1.125rem;font-weight:600;color:#f3e3c4}.gh #help .gh-tap{margin-top:16px;justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:11px 20px 11px 16px;border-radius:999px;background:#c9a35a;color:#2a1f1f;font-weight:700;font-size:1rem}.gh #help .gh-main:hover .gh-tap{background:#dbb873}.gh #help .gh-more{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-top:1px solid rgba(201,163,90,.5);background:var(--brand-d)}.gh #help .gh-more a{display:grid;gap:4px;padding:16px 22px;color:#fff}.gh #help .gh-more a+a{border-left:1px solid rgba(201,163,90,.3)}.gh #help .gh-more a:hover{background:#5a1020}.gh #help .gh-more b{font-family:var(--serif);font-size:1.75rem;line-height:1;font-variant-numeric:lining-nums tabular-nums}.gh #help .gh-more small{color:#e9d6b0;font-size:.875rem}.gh #help .gh-main,.gh #help .gh-more a,.gh #help .gh-dept li a{text-decoration:none}.gh #help .gh-main:is(:link,:visited,:hover,:focus,:active),.gh #help .gh-more a:is(:link,:visited,:hover,:focus,:active){text-decoration:none;color:#fff}.gh #help .gh-main:focus-visible{outline:3px solid #e3c47a;outline-offset:-8px;border-radius:20px}.gh #help .gh-more a:focus-visible{outline:3px solid #e3c47a;outline-offset:-4px}.gh #help .gh-tell{grid-area:tell;background:none;border:0;border-left:3px solid var(--line2);border-radius:0;padding:2px 0 2px 20px;gap:10px}.gh #help .gh-tell h2{font-family:var(--sans);font-size:1.0625rem;font-weight:700;margin:0;color:var(--ink)}.gh #help .gh-tell ol{font-size:1.0625rem;gap:6px;margin:0}.gh #help .gh-tell .breathe{margin:0 0 6px;color:var(--muted)}.gh #help .gh-sec{display:grid;gap:16px}.gh #help .gh-sec h2,.gh #help .gh-dir h2{font-family:var(--serif);font-size:clamp(1.625rem,calc(3vw * var(--fsk,1)),2.125rem);line-height:1.15;margin:0;color:var(--ink)}.gh #help .sits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;border-top:1px solid var(--line)}.gh #help .sits:has([aria-pressed="true"]){grid-template-columns:1fr}.gh #help .sit{grid-template-columns:44px minmax(0,1fr) 14px;grid-template-areas:"ic t ch" "ic s ch";column-gap:14px;row-gap:2px;align-items:center;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px 8px}.gh #help .sit .ic{grid-area:ic;width:44px;height:44px;border-radius:50%;background:var(--brandsoft);color:var(--brand)}.gh #help .sit b{grid-area:t;font-size:1.0625rem}.gh #help .sit small{grid-area:s;font-size:.9375rem}.gh #help .sit::after{content:"";grid-area:ch;width:8px;height:8px;border-top:2px solid var(--brand);border-right:2px solid var(--brand);transform:rotate(45deg)}.gh #help .sit:hover{background:var(--goldsoft);border-color:var(--line)}.gh #help .sit[aria-pressed="true"]{background:var(--brandsoft);border-color:var(--line)}.gh #help .sit[aria-pressed="true"]::after{content:none}.gh #help .sit:focus-visible{outline:3px solid #c9a35a;outline-offset:-3px}.gh #help .sitback{grid-column:1/-1;margin-top:10px}.gh #help .gh-dir{display:grid;gap:22px;border-top:2px solid var(--brand);padding-top:30px}.gh #help .gh-dirgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px 52px}.gh #help .gh-dept h3{font-family:var(--serif);font-size:1.25rem;margin:0 0 4px;color:var(--brand-d)}.gh #help .gh-dept p{margin:0 0 12px;color:var(--muted);font-size:.9375rem;line-height:1.5;max-width:42ch}.gh #help .gh-dept ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.gh #help .gh-dept li{display:flex;align-items:baseline;gap:10px;font-size:1rem}.gh #help .gh-dept li i{flex:1;min-width:24px;border-bottom:2px dotted var(--line2);transform:translateY(-4px)}.gh #help .gh-dept li a{font-family:var(--serif);font-weight:700;font-size:1.25rem;color:var(--brand);font-variant-numeric:lining-nums tabular-nums}.gh #help .gh-dept li a:hover{text-decoration:underline}.gh #help .gh-dept li a:focus-visible{outline:3px solid #c9a35a;outline-offset:2px;border-radius:4px}
@media (max-width:760px){.gh .gh-in{gap:44px}.gh #help .gh-hero{grid-template-columns:1fr;grid-template-areas:"intro" "dial" "tell";row-gap:24px}.gh #help .gh-main{padding:26px 24px 24px}.gh #help .sits{grid-template-columns:1fr}
}

/* Tamil is not letter-spaced: tracking splits its letters apart */
html[lang="ta"] .eyebrow{letter-spacing:0}
/* List of Police Stations (AWPS) */
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.cxc b a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.cxpage .eyebrow a{color:inherit}
.pstools{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.pstools label{display:block;flex:0 1 240px;min-width:0}.pstools .psq{flex:1 1 300px}
.pstools input,.pstools select{width:100%;min-height:46px;padding:10px 14px;font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line2);border-radius:12px}
.pstools input:focus,.pstools select:focus{outline:2px solid var(--brand);outline-offset:1px}
.pscount{margin:12px 0 0;color:var(--muted);font-size:.9375rem}
.psgrid{columns:3 300px;column-gap:12px;margin-top:12px}
.psd{break-inside:avoid;margin-bottom:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.psd h3{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 6px;font-size:1rem;color:var(--brand-d);letter-spacing:.02em}
.psd h3 small{flex:none;min-width:26px;padding:1px 8px;border-radius:999px;background:var(--brandsoft);color:var(--brand);font-size:.8125rem;text-align:center}
.psd ul{list-style:none;margin:0;padding:0}
.psd li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px dashed var(--line);font-size:.9375rem;line-height:1.35}
.psd li>span:first-child{min-width:0;overflow-wrap:anywhere}
.psn{flex:none;color:var(--muted);font-size:.8125rem;font-variant-numeric:tabular-nums}
.psnone{margin-top:16px;font-weight:600}
.psnote{margin-top:18px;color:var(--muted);font-size:.875rem}
.psd[hidden],.psd li[hidden]{display:none}