/* SENANGSLOT — responsive editorial website, original 2026 edition */
:root{--navy:#06182e;--navy2:#0b2e55;--sapphire:#075a99;--cyan:#1ab5e8;--gold:#f0bd59;--gold2:#ffe4a3;--ink:#162f46;--muted:#536979;--line:#dce7ef;--paper:#fff;--wash:#f4f8fb;--shadow:0 12px 35px #071c3514;--round:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:145px}body{margin:0;background:var(--wash);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.73;padding-bottom:78px}a{color:#006d9f;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f5bb48;outline-offset:3px}h1,h2,h3{line-height:1.25;text-wrap:balance}h1{letter-spacing:-.027em}p{margin:0 0 18px}.wrap{width:min(1180px,calc(100% - 36px));margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:11px 15px;z-index:99}.skip-link:focus{left:12px}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:900;text-transform:uppercase;color:#12729d}.goldtext{color:var(--gold2)}
.site-top{background:#061426;color:#d9edff}.topline{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:35px;font-size:11px;letter-spacing:.035em}.topline .right{display:flex;gap:16px}.topline a{color:#dceeff}.site-header{position:sticky;top:0;z-index:45;background:#071a33;box-shadow:0 6px 24px #02182d35;border-bottom:1px solid #2b6193}.masthead{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:76px}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:22px;font-weight:950;letter-spacing:.05em;line-height:1.05}.brand img{width:46px;height:46px;object-fit:cover;border-radius:10px;border:1px solid #64c7f7}.brand b{color:#f4c669}.brand em{display:block;font-style:normal;font-size:10px;color:#b1d9f0;letter-spacing:.14em;margin-top:4px;font-weight:700}.brand:hover{text-decoration:none}.desktop-search{display:flex;width:min(400px,38vw);height:42px}.desktop-search input{flex:1;min-width:0;border:1px solid #42739a;border-radius:9px 0 0 9px;background:#f8fbff;color:#173a51;padding:0 13px;font-size:13px}.desktop-search button{border:0;border-radius:0 9px 9px 0;background:var(--gold);color:#162a3b;font-weight:800;padding:0 16px;font-size:13px}.header-ctas{display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 20px;gap:8px;border-radius:10px;font-weight:850;font-size:14px;line-height:1.3;text-decoration:none;border:1px solid transparent;transition:transform .15s ease,filter .15s ease}.btn:hover{text-decoration:none;filter:brightness(1.045);transform:translateY(-1px)}.btn-gold{background:linear-gradient(130deg,#ffe7a9,#f2b94d);color:#142c40;border-color:#d49c38}.btn-blue{background:#086da9;color:#fff;border-color:#3895ca}.btn-line{border:1px solid #77c1ec;color:#dcefff;background:#102d4b}.menu-toggle{display:none;border:1px solid #40739e;background:#0f3458;color:#fff;border-radius:9px;padding:7px 12px;font-weight:800}.navigation{border-top:1px solid #204a70;background:#09223e}.nav-row{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:48px}.internal-nav,.external-nav{display:flex;gap:4px;align-items:center}.internal-nav a,.external-nav a{white-space:nowrap;color:#cfe5f6;font-weight:750;font-size:13px;padding:9px 12px;border-radius:6px}.internal-nav a:hover,.external-nav a:hover,.internal-nav a[aria-current=page]{background:#16476e;color:white;text-decoration:none}.external-nav a{border:1px solid #2f628a;color:var(--gold2);padding:6px 12px}.external-nav a:hover{background:#16476e}.ticker{background:#083d68;color:#fff;border-bottom:2px solid #0e89bf;overflow:hidden}.ticker-row{display:flex;align-items:center;gap:18px;min-height:44px}.ticker-label{white-space:nowrap;background:#efbf63;color:#132d44;padding:4px 10px;font-weight:950;font-size:11px;border-radius:4px}.ticker-window{overflow:hidden;flex:1;white-space:nowrap}.ticker-track{display:inline-block;min-width:100%;animation:marquee 23s linear infinite;font-size:13px;letter-spacing:.012em}.ticker-track span{padding-right:80px}@keyframes marquee{to{transform:translateX(-50%)}}
.hero{background:radial-gradient(circle at 88% 10%,#205e91 0,transparent 44%),linear-gradient(130deg,#0c294b,#06182f);color:#fff;padding:48px 0 50px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center}.hero .eyebrow{color:#ffdd8d}.hero h1{font-size:clamp(31px,4.3vw,52px);margin:12px 0 19px}.hero p{font-size:17px;color:#d3e4f3;max-width:670px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero-media{overflow:hidden;border-radius:20px;border:1px solid #4588ae;background:#0e304f;box-shadow:0 22px 55px #0006;position:relative}.hero-media img{width:100%;aspect-ratio:1/1;object-fit:cover}.media-label{position:absolute;left:12px;right:12px;bottom:12px;background:#061b31e8;border-radius:10px;padding:9px 13px;color:#fff;font-size:12px}.trust-list{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.trust-list span{border:1px solid #42769a;border-radius:999px;padding:5px 10px;color:#b6d9ee;font-size:12px}.crumb{font-size:12px;color:#708797;display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:25px 0 8px}.crumb a{color:#126d96}.pagehead{background:#eaf3f9;padding:32px 0 36px;border-bottom:1px solid #d6e6f0}.pagehead h1{font-size:clamp(29px,4vw,42px);max-width:920px;margin:8px 0 14px}.pagehead p{font-size:17px;color:#425e72;max-width:850px}.section{padding:46px 0}.section-alt{background:#eaf2f8}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:23px}.section-heading h2{font-size:clamp(25px,3vw,34px);margin:5px 0}.section-heading p{color:var(--muted);margin:0;max-width:700px}.section-heading .viewall{font-weight:850;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.article-card{border:1px solid var(--line);border-radius:var(--round);background:var(--paper);box-shadow:var(--shadow);padding:22px;display:flex;flex-direction:column;min-height:225px}.article-card .tag{font-size:11px;color:#0a76a4;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.article-card h3{font-size:19px;margin:10px 0}.article-card h3 a{color:#12334f}.article-card p{color:#536c7e;font-size:14px;line-height:1.7;margin:0 0 18px}.card-arrow{font-size:13px;font-weight:850;margin-top:auto}.category-card{display:flex;flex-direction:column;gap:10px;min-height:190px;background:#fff;border-radius:var(--round);border:1px solid var(--line);padding:20px;box-shadow:var(--shadow)}.category-card .icon{font-size:27px}.category-card h3{font-size:17px;margin:0;color:#173954}.category-card p{color:#597082;font-size:13px;margin:0;flex:1}.category-card .card-arrow{margin-top:auto}.highlight{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.highlight.reverse .art{order:2}.highlight .art{border-radius:17px;overflow:hidden;border:1px solid #b9d4e8;box-shadow:var(--shadow)}.highlight .art img{width:100%;aspect-ratio:1/1;object-fit:cover}.highlight .copy h2{font-size:30px}.highlight .copy p{color:#4d6679}.feature-list{padding-left:22px;color:#455f70}.feature-list li{margin:8px 0}.quote-panel{background:linear-gradient(130deg,#123e66,#071f3c);color:white;border-radius:20px;padding:30px;box-shadow:var(--shadow)}.quote-panel h2{font-size:28px}.quote-panel p{color:#d2e8fa}.side-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.side-cards>div{background:#fff;border:1px solid var(--line);padding:20px;border-radius:15px}.side-cards h3{margin:0 0 8px}.side-cards p{font-size:14px;color:#5e7481;margin:0}
.search-panel{border:1px solid #c7dbe9;background:#fff;border-radius:16px;padding:22px;margin:30px 0;box-shadow:var(--shadow)}.search-controls{display:flex;flex-wrap:wrap;gap:12px}.search-controls input{flex:2;min-width:230px}.search-controls select{flex:1;min-width:190px}.search-controls input,.search-controls select{min-height:46px;border:1px solid #b5cad9;background:#fff;border-radius:9px;padding:10px 13px;color:#1c3b50}.result-count{font-size:13px;color:#597588;margin:12px 0 0}.not-found{border:1px dashed #9bb8c9;border-radius:10px;padding:20px;background:#f6fbfe}.load-more-row{text-align:center;margin:30px 0 4px}.load-more{border:1px solid #247da9;background:#fff;color:#11638e;font-weight:850;border-radius:9px;padding:10px 22px}.text-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:24px;align-items:start}.reading{background:#fff;padding:30px 34px;border:1px solid #dae5ed;border-radius:16px;box-shadow:var(--shadow)}.reading h2{font-size:25px;margin:34px 0 13px}.reading h2:first-child{margin-top:0}.reading h3{font-size:19px;margin:22px 0 11px}.reading p{color:#354f61;line-height:1.86}.reading ul,.reading ol{padding-left:25px;color:#354f61}.reading li{margin:8px 0}.article-intro{font-size:18px;line-height:1.8;font-weight:500;color:#234459!important}.sidebar{position:sticky;top:166px;background:white;border:1px solid #d7e6ef;border-radius:14px;padding:22px}.sidebar h3{margin:0 0 14px}.sidebar a{display:block;font-size:14px;border-bottom:1px solid #e7eef4;padding:10px 0;color:#205b7b}.sidebar a:last-child{border:0}.sidebar small{color:#7e94a5}.info-box{border-left:4px solid #1291c2;padding:20px 22px;background:#eaf6fc;border-radius:0 11px 11px 0;margin:24px 0}.info-box strong{display:block;margin-bottom:6px}.info-box p{margin:0}.article-meta{display:flex;gap:10px;flex-wrap:wrap;color:#6b8091;font-size:12px;margin-top:13px}.action-row{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.btn-light{background:#eaf5fa;border:1px solid #b5d4e6;color:#146a95}.toc{padding:19px 24px;border:1px solid #cfe1ec;background:#f4f9fc;border-radius:11px}.toc h2{font-size:16px;margin:0 0 7px}.toc a{display:block;padding:4px 0;font-size:14px}.faq details{border:1px solid #d5e5ef;background:#fff;padding:18px 21px;border-radius:12px;margin-bottom:12px}.faq summary{font-weight:850;cursor:pointer;color:#1a455f}.faq details p{margin:11px 0 0;color:#455f70}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.gallery figure{margin:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #d4e4ec}.gallery img{width:100%;aspect-ratio:1/1;object-fit:cover}.gallery figcaption{padding:10px 14px;font-size:12px;color:#5e7484}.cta-banner{background:linear-gradient(110deg,#092e53,#0b5d92);border-radius:18px;padding:30px 35px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-banner h2{margin:0 0 7px;color:#fff}.cta-banner p{margin:0;color:#d7eaf8}.site-footer{background:#061a31;color:#c4d8e6;padding:45px 0 28px;margin-top:40px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.site-footer h2{font-size:18px;color:#fff}.site-footer p{font-size:14px}.site-footer a{display:block;color:#d2e7f5;font-size:14px;margin:10px 0}.site-footer .footer-cta{color:#f8d07a;font-weight:900}.copyright{border-top:1px solid #26445e;margin-top:28px;padding-top:20px;font-size:12px;color:#a5c1d5}.sticky-footer{position:fixed;bottom:0;left:0;right:0;background:#071b33ef;z-index:60;border-top:1px solid #49b7ed;backdrop-filter:blur(12px);box-shadow:0 -4px 22px #03142858}.sticky-row{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px}.sticky-row span{font-size:12px;color:#b8d9ed}.sticky-row strong{color:#fff}.sticky-row .btn{min-height:41px}.backtop{position:fixed;right:15px;bottom:92px;z-index:30;width:44px;height:44px;border:1px solid #aacbdc;background:#fff;color:#116f9a;border-radius:50%;box-shadow:0 5px 18px #0002;font-size:20px;display:none}.backtop.is-visible{display:block}.reading-progress{position:fixed;top:0;left:0;z-index:80;height:3px;background:#eebd5b;width:0;pointer-events:none}.small{font-size:13px;color:var(--muted)}
@media(max-width:1050px){.desktop-search{width:30vw}.hero-grid{gap:24px}.header-ctas .btn{padding:9px 12px}.internal-nav a,.external-nav a{font-size:12px;padding:8px}.grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:810px){html{scroll-padding-top:90px}.topline .right{display:none}.site-top{display:none}.masthead{min-height:66px;gap:8px}.brand{font-size:18px}.brand img{height:40px;width:40px}.brand em{font-size:9px}.desktop-search{display:none}.header-ctas{margin-left:auto}.header-ctas .btn{font-size:12px;padding:8px 10px;min-height:36px}.menu-toggle{display:block}.navigation{display:none}.navigation.is-open{display:block}.nav-row{display:block;padding:10px 0}.internal-nav,.external-nav{flex-wrap:wrap;gap:4px;padding:5px 0}.internal-nav a{font-size:13px}.external-nav{border-top:1px solid #254d73;margin-top:6px;padding-top:11px}.external-nav a{flex:1;text-align:center}.hero{padding:35px 0}.hero-grid{grid-template-columns:1fr}.hero-media{max-width:520px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.highlight{gap:20px}.text-layout{grid-template-columns:1fr}.sidebar{position:static}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.ticker-row{min-height:39px}.ticker-label{font-size:10px}}
@media(max-width:580px){.wrap{width:calc(100% - 28px)}body{font-size:15px;padding-bottom:70px}.brand{font-size:16px;letter-spacing:0}.brand img{width:36px;height:36px}.header-ctas .btn-blue{display:none}.header-ctas .btn{padding:7px 10px;font-size:11px}.menu-toggle{padding:6px 8px;font-size:12px}.hero h1{font-size:31px}.hero p{font-size:15px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.btn{padding:11px 12px}.section{padding:32px 0}.section-heading{display:block}.section-heading h2{font-size:25px}.section-heading .viewall{display:inline-block;margin-top:9px}.grid,.grid.two,.grid.four{grid-template-columns:1fr}.article-card{min-height:170px;padding:19px}.category-card{min-height:0}.highlight{grid-template-columns:1fr}.highlight.reverse .art{order:0}.highlight .copy h2{font-size:24px}.side-cards{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr;gap:9px}.reading{padding:21px 18px}.reading h2{font-size:23px}.sidebar{padding:18px}.pagehead{padding:25px 0}.pagehead h1{font-size:28px}.cta-banner{display:block;padding:24px}.cta-banner .btn{margin-top:17px}.footer-grid{grid-template-columns:1fr;gap:10px}.footer-grid>div:first-child{grid-column:auto}.sticky-row{gap:9px;min-height:60px}.sticky-row span{font-size:10px}.sticky-row .btn{font-size:12px;min-height:38px;padding:9px 13px}.trust-list span{font-size:11px}.search-controls input,.search-controls select{min-width:100%;flex:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.ticker-track{animation:none}}