:root{--main:#0879c9;--second:#203a82;--deep:#061d3c;--cyan:#23b9f9;}
:root{--main:#1466b2;--second:#1c3981;--deep:#061d3c;--cyan:#23b9f9;--paper:#fff;--wash:#f2f7ff;--ink:#1e2940;--muted:#607089;--line:#d8e5f4;--shadow:0 12px 30px rgba(7,35,75,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.72;padding-bottom:94px;overflow-wrap:anywhere}
a{color:var(--main);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,input{font:inherit}.container{max-width:1180px;width:calc(100% - 32px);margin:auto}.sr{position:absolute;left:-9999px}.skip{position:absolute;left:-9999px;top:4px;z-index:100;background:#fff;padding:10px}.skip:focus{left:10px}:focus-visible{outline:3px solid #f8c34c;outline-offset:2px}
.tiny{background:linear-gradient(110deg,var(--deep),var(--second));color:#eef6ff;border-bottom:3px solid var(--cyan)}.tiny .container{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:46px}.tiny a{color:#eaf7ff;font-size:12px;font-weight:750}.tiny .site{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:900}.tiny .site amp-img,.tiny .site img{height:26px;width:26px;object-fit:contain}.tiny nav{display:flex;gap:17px;align-items:center}.topcta{background:#f4ce5e;color:#13264a!important;padding:5px 13px;border-radius:6px}
.mast{background:white;border-bottom:1px solid var(--line)}.mast .container{min-height:98px;display:flex;align-items:center;gap:23px}.brand{display:block;width:290px;max-width:45%;flex-shrink:0;padding:10px 13px;border-radius:10px;background:linear-gradient(115deg,#091e44,#194c85);box-shadow:0 4px 15px #0c2b591f}.brand img{display:block;width:100%;max-height:90px;object-fit:contain}.brand amp-img{max-width:290px}.search{display:flex;flex:1;border:1px solid #ccdaed;border-radius:9px;overflow:hidden;box-shadow:0 2px 9px rgba(9,31,60,.05)}.search input{flex:1;min-width:0;border:0;padding:12px 14px}.search button{border:0;background:var(--second);color:white;padding:0 23px;font-weight:800}.menub{display:none;border:1px solid var(--line);border-radius:6px;background:white;padding:7px 12px;font-size:13px;font-weight:750;color:var(--main)}
.navline{background:#edf5ff;border-bottom:2px solid #d2e8fd}.navline .container{display:flex;align-items:center;justify-content:space-between;gap:3px}.navline a{color:#183b68;padding:11px 14px;white-space:nowrap;font-size:13px;font-weight:780}.navline a:hover,.navline a.active{background:var(--main);color:#fff;text-decoration:none}.ribbon{background:linear-gradient(110deg,var(--second),var(--main),var(--deep));color:#fff;border-bottom:3px solid #f5c25f}.ribbon .container{display:flex;min-height:55px;gap:16px;align-items:center;justify-content:space-between}.ribbon strong{letter-spacing:.035em;font-size:14px}.ribbon small{display:inline-block;color:#d7eafb;margin-left:12px}.ribbon .racts{display:flex;gap:8px}.ribbon .racts a{padding:6px 13px;border-radius:6px;color:#fff;border:1px solid #ffffff90;font-size:11px;font-weight:850;white-space:nowrap}
.notice{margin:22px 0 10px;display:flex;align-items:center;background:#eef7ff;border:1px solid #d6eafa;border-radius:9px;overflow:hidden}.notice b{display:block;background:var(--main);color:#fff;padding:10px 14px;font-size:12px}.notice span{padding:9px 14px;font-size:12px;font-weight:650;letter-spacing:.01em}.crumb{font-size:12px;color:#64758d;display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.crumb a{color:#4973a4}.pgtitle{font-size:clamp(23px,3.1vw,36px);letter-spacing:-.025em;line-height:1.23;margin:12px 0 9px}.meta{display:flex;gap:11px;flex-wrap:wrap;align-items:center;color:#6c7a90;font-size:12px;margin:0 0 20px}.tag{color:#fff;background:var(--main);padding:3px 10px;border-radius:5px;font-weight:800;letter-spacing:.025em}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.maincol{min-width:0}.sidebar{min-width:0}.hero{background:#091d3f;border:1px solid #d8e9ff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.hero img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:1/1}.hero amp-img{display:block}.captionbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;color:#f7fbff;background:linear-gradient(90deg,var(--deep),var(--second));font-size:12px;gap:10px}.captionbar b{color:#ffd978}.heroactions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 22px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:11px 13px;font-size:14px;font-weight:850;text-align:center;text-decoration:none;color:#fff}.btn:hover{text-decoration:none;filter:brightness(1.08)}.btnprimary{background:linear-gradient(115deg,var(--main),var(--second));box-shadow:0 4px 11px #1553b12e}.btnalt{background:linear-gradient(115deg,#0b1f40,#3664ac)}
.panel{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 6px 18px rgba(19,47,88,.04);overflow:hidden;margin-bottom:18px}.panelhead{padding:12px 16px;background:linear-gradient(110deg,var(--second),var(--main));color:#fff;font-size:15px;font-weight:850}.panelbody{padding:18px 20px}.panelbody p{margin:0 0 14px}.panelbody p:last-child{margin-bottom:0}.panelbody h2{color:#193e72;font-size:20px;line-height:1.35;margin:18px 0 11px}.panelbody h3{font-size:16px;color:#245189;margin:19px 0 9px}
.boxlead{background:linear-gradient(135deg,var(--second),var(--main));color:#fff;border-radius:12px;padding:19px 21px;margin:0 0 20px;box-shadow:var(--shadow)}.boxlead h2{margin:0 0 8px;color:white;font-size:22px}.boxlead p{margin:0 0 11px}.boxlead p:last-child{margin:0}.boxlead a{color:#ffe5a5;text-decoration:underline}.artcard{display:block;padding:17px 18px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);box-shadow:0 3px 13px rgba(16,57,97,.04)}.artcard:hover{text-decoration:none;border-color:#72b3f5}.artcard h3{font-size:15px;line-height:1.4;color:#164b85;margin:2px 0 8px}.artcard p{font-size:13px;color:#667893;margin:0}.artgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.num{font-size:11px;letter-spacing:.08em;color:#0f82cf;font-weight:900}.readmore{font-size:12px;font-weight:850;color:var(--main);margin-top:11px;display:block}.sideitem{display:block;color:#264971;padding:11px 14px;border-bottom:1px solid #e4ecf6;font-size:13px;font-weight:680}.sideitem:last-child{border:0}.sideitem:hover{background:#edf6ff;text-decoration:none}.miniinfo{font-size:13px;color:#60748e;padding:17px 18px}.topicbullets{display:flex;gap:7px;flex-wrap:wrap;padding:15px}.topicbullets a{font-size:12px;padding:6px 10px;border-radius:6px;background:#eff6ff;color:#1a5b9d}
.prose p{margin:0 0 15px;text-align:left;line-height:1.86}.prose h2{font-size:21px;color:#174981;margin:20px 0 11px}.prose strong{color:#134880}.nextlinks{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.nextlinks a{background:#eef7ff;border:1px solid #dbeafb;border-radius:8px;padding:12px;font-size:12px;font-weight:800}.faq details{border:1px solid #d6e5f4;border-radius:9px;margin-bottom:10px;padding:12px 15px;background:#f5f9ff}.faq summary{font-weight:800;color:#1e538d;cursor:pointer}.faq p{font-size:14px;margin:12px 0 0}.foot{background:#091f3e;color:#eaf2ff;margin-top:46px;padding:34px 0 103px}.foot .container{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.foot h2,.foot h3{font-size:16px;color:#fff;margin:0 0 10px}.foot p{font-size:13px;color:#b9d0ea;margin:0}.foot a{display:block;color:#d5eaff;font-size:13px;margin-bottom:6px}.fixed{position:fixed;left:0;bottom:0;width:100%;background:linear-gradient(110deg,#071e3b,#0c4f9e,#071e3b);border-top:3px solid #f0cd74;box-shadow:0 -6px 19px #09274a5c;z-index:99;padding:8px 12px max(8px,env(safe-area-inset-bottom))}.fixed .inner{max-width:780px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.fixed a{background:linear-gradient(145deg,var(--second),var(--main));border:1px solid #c9eaffc2;border-radius:9px;color:white;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 3px;min-width:0;text-align:center;text-decoration:none;font-size:11px;font-weight:900;box-shadow:inset 0 1px 0 #ffffff48}.fixed a span.i{font-size:17px;line-height:1}.fixed a em{font-style:normal}.fixed a:hover{filter:brightness(1.16)}.disclaimer{padding:12px 18px;background:#f2f7ff;color:#56708a;border-left:4px solid var(--main);font-size:12px;border-radius:6px;margin:18px 0}
@media(max-width:980px){.layout{grid-template-columns:minmax(0,1fr) 255px;gap:16px}.navline a{padding:10px 8px}.ribbon small{display:none}}
@media(max-width:780px){body{padding-bottom:92px}.container{width:calc(100% - 24px)}.mast .container{min-height:83px;flex-wrap:wrap;gap:7px;padding:9px 0}.brand{max-width:68%;width:240px}.search{order:3;flex-basis:100%;width:100%;margin-bottom:8px}.menub{display:block;margin-left:auto}.navline .container{flex-wrap:wrap;justify-content:center}.navline a{padding:9px 9px;font-size:12px}.ribbon .container{padding:8px 0}.ribbon strong{font-size:12px}.layout{grid-template-columns:1fr}.sidebar{display:none}.pgtitle{font-size:26px}.foot .container{grid-template-columns:1fr 1fr}.foot .container>div:first-child{grid-column:1/-1}.fixed .inner{gap:5px}.fixed a{flex-direction:column;padding:5px 1px;gap:1px;font-size:10px}.fixed a span.i{font-size:17px}.artgrid{gap:8px}}
@media(max-width:440px){.tiny nav a:not(.topcta){display:none}.notice b{padding:8px;font-size:11px}.notice span{padding:7px;font-size:11px}.brand{max-width:70%}.artgrid{grid-template-columns:1fr}.panelbody{padding:15px}.fixed{padding:7px 6px max(7px,env(safe-area-inset-bottom))}.ribbon .racts a{font-size:10px;padding:6px 7px}.heroactions{gap:8px}.btn{font-size:12px}}

@media(max-width:780px){.navline:not(.opened) .container{display:none}.navline.opened .container{display:flex;flex-direction:column;align-items:stretch}.navline.opened a{text-align:center}.navline.opened{min-height:3px}}
/* TOTOAKURAT MANTAP -- unique palette and legible cards */
:root{--main:#955022;--second:#633416;--deep:#342515;--cyan:#ffe08c;--wash:#f5f7fa;--line:#d9e6e2;--ink:#202833;--muted:#637080}
.brand{background:linear-gradient(120deg,#342515,#633416);width:335px;max-width:46%}
.tiny{border-bottom-color:#ffe08c}
.topcta{background:#ffe08c;color:#342515;font-weight:850}
.notice{background:#f4faf7;border-color:#d7e8dc}
.navline{background:#f1f6f5;border-bottom-color:#d6e6df}
.navline a,.panelbody h2,.panelbody h3,.prose h2,.artcard h3,.prose strong,.sideitem{color:#342515}
.artcard:hover{border-color:#955022}
.artcard .num,.readmore{color:#955022}
.foot{background:#342515}
.btnalt{background:linear-gradient(110deg,#342515,#633416)}
.fixed{background:linear-gradient(110deg,#342515,#633416,#342515);border-top-color:#ffe08c}
.hero{background:#342515;border-color:#d0e3d8}
.artcard{transition:box-shadow .2s ease,border-color .2s ease}
.artcard:hover{box-shadow:0 9px 24px #112f3030}
.article-search{display:block;width:100%;padding:12px 14px;border:1px solid #cbd6d1;border-radius:8px;margin-bottom:8px}
.minihelp{font-size:12px;color:#667785}
@media(max-width:780px){.brand{max-width:70%;width:250px}}