
:root{--navy:#142D4E;--teal:#008f93;--paper:#f5f7fa;--gold:#f2b84b;--ink:#253449;--line:#e0e8ef}*{box-sizing:border-box}body{margin:0;background:var(--paper);font:16px/1.7 system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink)}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1200px,calc(100% - 36px));margin:auto}.narrow{max-width:800px}.site-head{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:2}.nav{min-height:75px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:26px;color:var(--navy);font-weight:800;white-space:nowrap}.menu{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.menu a{color:#314359;font-size:13px;font-weight:600}.menu-toggle{display:none;border:0;color:var(--navy);background:transparent;font-size:30px}.hero{background:linear-gradient(120deg,var(--navy),#213e5f);color:white;padding:90px 0}.hero span,.eyebrow{font-size:12px;color:var(--teal);font-weight:800;letter-spacing:.09em;text-transform:uppercase}.hero span{color:#72dedb}.hero h1{font-size:clamp(32px,5vw,57px);line-height:1.17;max-width:850px;margin:13px 0}.hero p{font-size:18px;max-width:760px;color:#e0eaf5}.cta,button{display:inline-block;background:var(--teal);color:#fff;border:0;border-radius:8px;padding:11px 19px;font-size:15px;font-weight:700;cursor:pointer}.cta:hover,button:hover{filter:brightness(.94);color:#fff;text-decoration:none}.ghost{display:inline-block;padding:9px 16px;border:1px solid #a7bbcb;color:white;border-radius:8px;margin-left:8px}.section{padding:48px 0 70px;min-height:60vh}.section h1,.section h2{color:var(--navy);line-height:1.2}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin:28px 0}.entry{background:#fff;border:1px solid var(--line);overflow:hidden;border-radius:13px;box-shadow:0 5px 20px rgba(16,45,78,.035)}.entry-img{display:block;height:180px;overflow:hidden;background:#eaf3f5}.entry-img img{width:100%;height:100%;object-fit:cover}.placeholder{height:180px;display:flex;align-items:center;justify-content:center;background:#e9f4f5;color:var(--teal);font-size:60px;border-radius:9px}.entry-img .placeholder{border-radius:0}.entry-body{padding:21px}.entry h3{font-size:19px;line-height:1.35;margin:8px 0}.entry h3 a{color:var(--navy)}.entry p{font-size:14px;color:#5b6b7b}.read{font-weight:700;font-size:13px}.feature{margin-top:38px;padding:30px;border-radius:15px;background:#fff;border:1px solid var(--line)}.pages{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:32px}.pages a{padding:6px 15px;border:1px solid var(--line);border-radius:6px;background:#fff}.pages a[aria-current]{background:var(--navy);color:#fff}.prose{background:#fff;margin-top:30px;margin-bottom:45px;padding:38px;border-radius:14px;border:1px solid var(--line)}.prose h1{font-size:36px}.prose .placeholder{height:300px}.article-cover{width:100%;max-height:430px;object-fit:cover;border-radius:10px}.article-body{margin:25px 0;white-space:normal;overflow-wrap:anywhere}.citations{border-top:1px solid var(--line);padding-top:14px}.muted{color:#718096}.footer{background:var(--navy);color:#e9eff5;padding:37px 0}.footer strong{color:white}.footer a{color:#76d5d1}.contact,.admin-form,.login form{display:grid;gap:16px}.contact label,.admin-form label,.login label{display:grid;gap:5px;font-weight:650;color:var(--navy)}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #bac8d4;border-radius:7px;font:inherit;background:#fff;color:var(--ink)}textarea{resize:vertical}.hp{position:absolute;left:-10000px;opacity:0}.notice{background:#e7f3f5;border-left:4px solid var(--teal);padding:12px 17px;border-radius:6px}.login{max-width:440px;margin:9vh auto;padding:29px;background:#fff;border:1px solid var(--line);border-radius:12px}.admin{min-height:70vh}.admin-form{max-width:850px;background:#fff;border-radius:12px;padding:25px}.table-scroll{overflow:auto}table{background:#fff;border-collapse:collapse;width:100%;min-width:650px}td,th{border-bottom:1px solid var(--line);text-align:left;padding:12px;vertical-align:top}.inline{display:inline}.linkbutton{border:none;background:transparent;color:#a93030;padding:0;font:inherit}
@media(max-width:990px){.menu-toggle{display:block}.menu{display:none;position:absolute;top:75px;left:0;right:0;background:#fff;padding:15px 20px;box-shadow:0 10px 20px #0001;flex-direction:column;align-items:flex-start}.menu.show{display:flex}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.cards{grid-template-columns:1fr}.hero{padding:55px 0}.wrap{width:min(100% - 26px,1200px)}.prose{padding:22px}.prose h1{font-size:27px}.section{padding:32px 0 50px}.entry-img{height:190px}.ghost{margin:10px 0 0}.admin-form{padding:15px}}

.lang-switch{display:inline-flex;align-items:center;gap:5px;margin-left:13px;white-space:nowrap;background:#fff;border-radius:9px;padding:3px 7px;color:#142D4E}.lang-switch a{color:#142D4E!important;font-weight:700;font-size:13px!important;text-decoration:none}.lang-switch a[aria-current="page"]{color:#008b90!important;text-decoration:underline}.translation-tabs{display:flex;gap:10px;padding:12px 0}.translation-tabs button{border:1px solid #ddd;background:#f5f7fa;color:#142d4e}.translation-tabs button.active{background:#142d4e;color:#fff}.translation-panel[hidden]{display:none!important}

/* SOSYU v2.0.2 — accessible bilingual Istisarelism dropdown */
.nav-dropdown{position:relative;flex:0 0 auto}
.nav-drop-top{display:flex;align-items:center;gap:2px}
.nav-drop-primary{display:inline-block;padding:5px 0}
.nav-drop-toggle{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#314359;padding:0;border:0;font-size:17px;border-radius:6px;cursor:pointer}
.nav-drop-toggle:hover,.nav-drop-toggle:focus-visible{background:#eaf3f5;color:#142D4E;filter:none}
.nav-drop-panel{display:none;position:absolute;top:100%;left:0;min-width:215px;background:#fff;border:1px solid #dce8ee;border-radius:10px;box-shadow:0 12px 28px #142d4e26;padding:9px;z-index:15}
.nav-drop-panel a{display:block;padding:9px 11px!important;border-radius:6px;white-space:nowrap;font-size:13px}
.nav-drop-panel a:hover,.nav-drop-panel a:focus-visible{background:#eaf5f5;text-decoration:none}
.nav-dropdown:hover .nav-drop-panel,.nav-dropdown:focus-within .nav-drop-panel,.nav-dropdown.is-open .nav-drop-panel{display:block}
@media(max-width:990px){.nav-dropdown{width:100%}.nav-drop-top{justify-content:space-between;width:100%}.nav-drop-toggle{width:40px;height:40px;background:#eaf3f5}.nav-drop-panel{position:static;box-shadow:none;min-width:0;width:100%;margin-top:6px;border-radius:7px}.nav-dropdown:hover:not(.is-open) .nav-drop-panel{display:none}.nav-dropdown:focus-within:not(.is-open) .nav-drop-panel{display:none}.nav-dropdown.is-open .nav-drop-panel{display:block}}
