:root{--sadar-navy:#071627;--sadar-navy2:#0d2846;--sadar-blue:#12375c;--sadar-cream:#f7f1e4;--sadar-paper:#fffaf0;--sadar-gold:#caa76a;--sadar-gold2:#e5c98f;--sadar-ink:#152238;--sadar-muted:#667085;--sadar-line:rgba(202,167,106,.34);--sadar-shadow:0 18px 50px rgba(7,22,39,.18)}
html{scroll-behavior:smooth}.sadar-book{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--sadar-ink);background:linear-gradient(180deg,#f8f1e3,#fffaf0 28%,#fbf7ee);position:relative;margin:0 auto;min-height:100vh}.sadar-book *{box-sizing:border-box}.sadar-fixed-nav{position:fixed;top:0;left:0;right:0;z-index:99999;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px clamp(14px,3vw,42px);background:rgba(7,22,39,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(202,167,106,.38);box-shadow:0 14px 35px rgba(0,0,0,.20)}.sadar-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;min-width:220px}.sadar-brand img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.sadar-brand strong{display:block;letter-spacing:.08em;font-size:13px;color:#fff}.sadar-brand small{display:block;font-size:10px;color:var(--sadar-gold2);white-space:nowrap}.sadar-menu{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none}.sadar-menu::-webkit-scrollbar{display:none}.sadar-menu a{color:#f8ead0;text-decoration:none;font-size:12px;font-weight:650;letter-spacing:.01em;padding:8px 10px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.sadar-menu a:hover{background:rgba(202,167,106,.14);border-color:rgba(202,167,106,.38);color:#fff}.sadar-menu-toggle{display:none;background:linear-gradient(135deg,var(--sadar-gold),#f1dca7);border:0;color:#08182b;width:38px;height:34px;border-radius:12px;font-size:20px;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.22)}.sadar-book-main{max-width:1080px;margin:0 auto;padding:86px 18px 56px}.sadar-section{scroll-margin-top:88px;background:rgba(255,255,255,.78);border:1px solid rgba(202,167,106,.26);border-radius:26px;padding:clamp(22px,4vw,46px);margin:0 0 22px;box-shadow:0 12px 35px rgba(7,22,39,.08);position:relative;overflow:hidden}.sadar-section:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--sadar-navy2),var(--sadar-gold),transparent);opacity:.9}.sadar-hero{min-height:72vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:radial-gradient(circle at 80% 0%,rgba(202,167,106,.18),transparent 35%),linear-gradient(135deg,#071627,#0b1b2f 55%,#112f4f);color:#fff;border-color:rgba(202,167,106,.46)}.sadar-hero:after{content:"";position:absolute;right:-90px;bottom:-90px;width:260px;height:260px;border:1px solid rgba(202,167,106,.28);border-radius:50%}.sadar-hero-mark{width:72px;height:72px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(202,167,106,.4);display:grid;place-items:center;margin-bottom:22px}.sadar-hero-mark img{width:56px;height:56px;object-fit:contain}.sadar-kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--sadar-gold2);font-size:12px;font-weight:800;margin:0 0 12px}.sadar-hero h1{font-size:clamp(34px,7vw,76px);line-height:.98;margin:0 0 18px;letter-spacing:-.045em;color:#fff}.sadar-subtitle{font-size:clamp(16px,2.1vw,22px);color:#efe5d1;margin:0 0 28px;max-width:760px}.sadar-quote{padding:18px 22px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(202,167,106,.36);font-size:clamp(16px,2vw,23px);font-weight:800;line-height:1.45;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.sadar-meta{color:#f5dca6;font-size:12px;margin:18px 0 4px;letter-spacing:.03em}.sadar-release{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.sadar-release span{background:rgba(255,255,255,.08);border:1px solid rgba(202,167,106,.24);border-radius:999px;color:#f8ead0;padding:7px 10px;font-size:11px}.sadar-label{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--sadar-gold);margin-bottom:6px}.sadar-section h2{font-size:clamp(25px,4vw,42px);line-height:1.08;letter-spacing:-.035em;color:var(--sadar-navy);margin:0 0 16px}.sadar-section h3{font-size:clamp(18px,2.3vw,25px);color:var(--sadar-blue);margin:28px 0 10px}.sadar-section p{font-size:clamp(15px,1.6vw,18px);line-height:1.78;margin:0 0 14px;color:#243650}.sadar-section ol,.sadar-section ul{font-size:clamp(15px,1.5vw,17px);line-height:1.72;color:#243650}.sadar-toc-list{padding-left:22px}.sadar-key-list{padding-left:20px}.sadar-key-list li{margin-bottom:8px}.sadar-table-wrap{overflow-x:auto;margin:14px 0 24px;border-radius:18px;border:1px solid rgba(202,167,106,.28);box-shadow:0 10px 28px rgba(7,22,39,.07)}.sadar-table{width:100%;border-collapse:collapse;min-width:560px;background:#fffdf7}.sadar-table th,.sadar-table td{padding:13px 16px;text-align:left;border-bottom:1px solid #ece1cf;vertical-align:top;font-size:14px;line-height:1.55}.sadar-table th{background:linear-gradient(135deg,var(--sadar-navy),var(--sadar-blue));color:#fff;width:200px;font-weight:800}.sadar-table thead th{background:linear-gradient(135deg,#071627,#12375c);color:#fff}.sadar-table tbody tr:last-child th,.sadar-table tbody tr:last-child td{border-bottom:0}.sadar-statement{margin:30px 0;border-radius:24px;padding:24px;background:linear-gradient(135deg,#09192b,#153a60);color:#fff;border:1px solid rgba(202,167,106,.4);box-shadow:var(--sadar-shadow)}.sadar-statement h2{color:#fff;margin-bottom:12px}.sadar-statement p{color:#fff;font-weight:700;font-style:italic;text-align:center;font-size:clamp(17px,2vw,22px)}
@media (max-width: 860px){.sadar-fixed-nav{padding:9px 12px}.sadar-brand{min-width:0}.sadar-brand small{display:none}.sadar-menu-toggle{display:block;flex:0 0 auto}.sadar-menu{position:absolute;top:58px;left:10px;right:10px;display:none;flex-direction:column;align-items:stretch;gap:6px;background:rgba(7,22,39,.98);border:1px solid rgba(202,167,106,.36);border-radius:18px;padding:10px;box-shadow:0 20px 45px rgba(0,0,0,.32);max-height:70vh;overflow-y:auto}.sadar-menu.is-open{display:flex}.sadar-menu a{padding:12px 14px;border-radius:14px;font-size:14px;background:rgba(255,255,255,.04)}.sadar-book-main{padding:76px 12px 44px}.sadar-section{border-radius:20px;padding:22px 17px;margin-bottom:16px}.sadar-hero{min-height:82vh}.sadar-quote{width:100%;font-size:16px}.sadar-release{display:block}.sadar-release span{display:block;margin-bottom:8px}.sadar-table{min-width:520px}.sadar-table th,.sadar-table td{font-size:13px;padding:12px}}
@media print{.sadar-fixed-nav{display:none}.sadar-book-main{padding:0}.sadar-section{break-inside:avoid;box-shadow:none;border:1px solid #ddd;background:#fff;margin-bottom:18px}.sadar-hero{min-height:auto;color:#111;background:#fff}.sadar-hero h1,.sadar-statement h2{color:#111}.sadar-quote,.sadar-statement{background:#fff;color:#111;border:1px solid #ddd}.sadar-statement p,.sadar-subtitle,.sadar-meta{color:#111}}


/* Popup detail entry tabel */
.sadar-click-entry{cursor:pointer;position:relative;transition:.18s ease}.sadar-click-entry:after{content:"↗";font-size:11px;margin-left:8px;color:var(--sadar-gold2);opacity:.85}.sadar-click-entry:hover{filter:brightness(1.08);text-decoration:underline;text-underline-offset:3px}.sadar-click-entry:focus{outline:3px solid rgba(202,167,106,.55);outline-offset:-3px}.sadar-modal-lock{overflow:hidden}.sadar-entry-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:18px}.sadar-entry-modal.is-open{display:flex}.sadar-entry-backdrop{position:absolute;inset:0;background:rgba(5,14,26,.72);backdrop-filter:blur(8px)}.sadar-entry-dialog{position:relative;width:min(640px,94vw);max-height:86vh;overflow:auto;border-radius:26px;background:linear-gradient(180deg,#fffdf7,#f8f1e4);border:1px solid rgba(202,167,106,.48);box-shadow:0 30px 90px rgba(0,0,0,.38);padding:26px 24px 22px;color:var(--sadar-ink)}.sadar-entry-dialog:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--sadar-navy),var(--sadar-gold),var(--sadar-navy2))}.sadar-entry-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(202,167,106,.45);background:#09192b;color:#f8ead0;font-size:24px;line-height:1;cursor:pointer}.sadar-entry-close:hover{background:#12375c}.sadar-entry-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900;color:var(--sadar-gold);margin:2px 42px 8px 0}.sadar-entry-dialog h3{font-size:clamp(22px,4vw,34px);line-height:1.08;letter-spacing:-.035em;margin:0 42px 16px 0;color:var(--sadar-navy)}.sadar-popup-table{display:grid;gap:12px}.sadar-popup-row{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(202,167,106,.24)}.sadar-popup-row strong{display:block;color:var(--sadar-blue);font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.sadar-popup-row p{font-size:15px;line-height:1.65;margin:0;color:#243650}.sadar-popup-row:first-child{background:linear-gradient(135deg,rgba(7,22,39,.06),rgba(202,167,106,.10))}
@media (max-width:640px){.sadar-entry-modal{padding:12px;align-items:center;justify-content:center}.sadar-entry-dialog{width:min(620px,94vw);max-height:84vh;border-radius:22px;padding:24px 16px 18px}.sadar-entry-dialog h3{margin-right:40px}.sadar-popup-row{padding:13px 14px}.sadar-popup-row p{font-size:14px}}
@media print{.sadar-entry-modal{display:none!important}.sadar-click-entry:after{display:none}}