/* Premium Constitution Reader v9.0.3 — presentation only; legal wording stays in HTML. */
:root{
  --constitution-ink:#0b1f44;
  --constitution-muted:#52647e;
  --constitution-blue:#124fb3;
  --constitution-blue-strong:#0b377f;
  --constitution-teal:#087b83;
  --constitution-gold:#f4c95d;
  --constitution-line:#dbe5f1;
  --constitution-surface:#fff;
  --constitution-soft:#f5f8fc;
}

body.constitution-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 4% 6%,rgba(39,126,208,.12),transparent 28rem),
    radial-gradient(circle at 96% 18%,rgba(8,123,131,.1),transparent 24rem),
    #f5f8fc;
  color:var(--constitution-ink);
}

.constitution-hero{
  position:relative;
  overflow:hidden;
  padding:clamp(2.75rem,6vw,5rem) 1.25rem 2.5rem;
  background:
    radial-gradient(circle at 88% 2%,rgba(45,212,191,.28),transparent 24rem),
    radial-gradient(circle at 10% 100%,rgba(40,112,220,.35),transparent 28rem),
    linear-gradient(128deg,#071a3c 0%,#0d3f8d 58%,#087983 100%);
  color:#fff;
}
.constitution-hero::before{
  position:absolute;inset:0;opacity:.13;pointer-events:none;content:"";
  background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,#000,transparent 92%);
}
.constitution-hero-inner{position:relative;z-index:1;width:min(1180px,100%);margin:auto}
.constitution-hero-content{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.5rem;align-items:center}
.constitution-hero-logo{width:clamp(76px,9vw,108px);height:clamp(76px,9vw,108px);border:1px solid rgba(255,255,255,.4);border-radius:28px;background:rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(1,13,36,.35);object-fit:cover}
.constitution-eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 .6rem;color:#d9f7fb;font-size:.75rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.constitution-hero h1{max-width:15ch;margin:0;color:#fff;font-size:clamp(2.25rem,6vw,4.75rem);font-weight:850;letter-spacing:-.055em;line-height:.98;text-wrap:balance}
.constitution-hero-copy{max-width:710px;margin:.9rem 0 0;color:#e9f2ff;font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}
.constitution-badges{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.25rem}
.constitution-badges span{display:inline-flex;align-items:center;gap:.45rem;min-height:34px;padding:.45rem .75rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(4,29,70,.28);color:#fff;font-size:.75rem;font-weight:750;backdrop-filter:blur(10px)}
.constitution-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.35rem}
.constitution-action{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:46px;padding:.72rem 1rem;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:rgba(255,255,255,.12);color:#fff;font:750 .85rem Poppins,system-ui,sans-serif;cursor:pointer;text-decoration:none;transition:.2s ease}
.constitution-action.primary{border-color:#fff;background:#fff;color:#0a3a82;box-shadow:0 12px 30px rgba(3,20,51,.23)}
.constitution-action:hover,.constitution-action:focus-visible{transform:translateY(-2px);outline:3px solid rgba(255,255,255,.24);outline-offset:3px}

.constitution-progress{position:sticky;top:0;z-index:4200;height:5px;background:rgba(222,231,242,.95)}
.constitution-progress>span{display:block;width:0;height:100%;background:linear-gradient(90deg,#1261d3,#0a8990);box-shadow:0 0 16px rgba(18,97,211,.42);transition:width .12s linear}

.constitution-layout{display:grid!important;grid-template-columns:minmax(260px,310px) minmax(0,1fr);gap:clamp(1.25rem,3vw,2.5rem)!important;width:min(1220px,calc(100% - 2rem));margin:0 auto;padding:clamp(1.5rem,4vw,3.25rem) 0!important}
#toc-sidebar{position:sticky!important;top:1.25rem!important;width:100%!important;max-height:calc(100dvh - 2.5rem);align-self:start;overflow:hidden auto;padding:1.2rem!important;border:1px solid var(--constitution-line);border-radius:20px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 20px 55px rgba(21,48,88,.12)!important;backdrop-filter:blur(16px)}
.constitution-toc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.constitution-toc-head h2{margin:0!important;color:var(--constitution-ink)!important;font-size:1.15rem!important;line-height:1.3}
.constitution-toc-head p{margin:.25rem 0 0;color:var(--constitution-muted);font-size:.76rem;line-height:1.5}
.constitution-toc-close{display:none;width:44px;height:44px;flex:none;border:1px solid var(--constitution-line);border-radius:13px;background:#f4f8fd;color:var(--constitution-blue);cursor:pointer}
.constitution-search{position:relative;margin-bottom:1rem}
.constitution-search i{position:absolute;top:50%;left:.9rem;transform:translateY(-50%);color:#607796;pointer-events:none}
#toc-search{width:100%;min-height:46px;margin:0!important;padding:.7rem 1rem .7rem 2.55rem!important;border:1px solid #cbd8e8!important;border-radius:14px!important;background:#f9fbfe!important;color:var(--constitution-ink)!important;font:500 1rem Poppins,system-ui,sans-serif!important;outline:0}
#toc-search:focus{border-color:#2e73d2!important;box-shadow:0 0 0 4px rgba(25,100,210,.12)!important}
.constitution-search-status{display:block;min-height:1.2rem;margin:.45rem .1rem 0;color:#667891;font-size:.73rem}
#toc-sidebar nav{display:grid;gap:.45rem!important}
#toc-sidebar .toc-link{display:flex!important;align-items:flex-start;gap:.45rem;min-height:40px;padding:.55rem .65rem;border-radius:10px;color:#38516f!important;font-size:.78rem!important;font-weight:650!important;line-height:1.45;text-decoration:none;transition:.18s ease}
#toc-sidebar>a.toc-link,#toc-sidebar nav>a.toc-link{color:var(--constitution-blue-strong)!important;font-weight:800!important}
#toc-sidebar .toc-link:hover,#toc-sidebar .toc-link:focus-visible,#toc-sidebar .toc-link.is-current{transform:none;background:#eaf3ff;color:#0b4ca4!important;outline:0}
.toc-part{border:1px solid transparent;border-radius:13px}
.toc-part:has(.toc-link.is-current){border-color:#d7e6f8;background:#f9fbfe}
.toc-part-header{display:flex!important;align-items:flex-start;min-height:42px;padding:.65rem;border-radius:11px;color:#173f76!important;font-size:.78rem!important;font-weight:800!important;line-height:1.45;cursor:pointer}
.toc-part-header:hover,.toc-part-header:focus-visible{background:#eef5fd;outline:2px solid rgba(18,79,179,.18);outline-offset:1px}
.toc-part-header .toggle-icon{margin-top:.2rem;color:#0c7e88!important}
.toc-part>div:last-child{margin-left:.65rem!important;padding:.25rem 0 .4rem .5rem;border-left:1px solid #d9e4f1}
.toc-part[hidden],.toc-link[hidden]{display:none!important}

.constitution-document{width:100%!important;min-width:0}
.constitution-document>.section-card{position:relative;margin:0!important;padding:clamp(1.25rem,3.2vw,2.5rem)!important;border:1px solid var(--constitution-line);border-radius:22px!important;background:var(--constitution-surface)!important;box-shadow:0 16px 50px rgba(28,54,91,.09)!important;animation:none!important}
.constitution-document>.section-card::before{position:absolute;top:0;left:clamp(1.25rem,3.2vw,2.5rem);right:clamp(1.25rem,3.2vw,2.5rem);height:4px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,#155fc9,#0b8990);content:""}
.constitution-document>.section-card>h2{margin:0 0 1.75rem!important;padding-bottom:1.1rem;border-bottom:1px solid #dfe7f1;color:var(--constitution-ink)!important;font-size:clamp(1.45rem,3vw,2rem)!important;font-weight:850!important;letter-spacing:-.025em;line-height:1.25;text-align:left!important;text-wrap:balance}
.constitution-document [id^="clause-"],.constitution-document [id^="schedule-"]{position:relative;margin:0!important;padding:1.35rem 0!important;border-top:1px solid #e3eaf3;scroll-margin-top:5rem}
.constitution-document>.section-card>h2+[id^="clause-"],.constitution-document>.section-card>h2+[id^="schedule-"]{border-top:0;padding-top:0!important}
.constitution-document h3{margin:0 0 .8rem!important;color:#0b598f!important;font-size:clamp(1.05rem,2vw,1.32rem)!important;font-weight:800!important;line-height:1.45;text-wrap:pretty}
.constitution-document h4{margin:.9rem 0 .45rem!important;color:#173f76!important;font-size:1rem!important;font-weight:800!important}
.constitution-document p,.constitution-document li{color:#3d506a!important;font-size:1rem!important;line-height:1.78!important}
.constitution-document p{margin:.6rem 0!important}
.constitution-document ol,.constitution-document ul{display:grid;gap:.6rem;margin:.75rem 0!important;padding-left:1.45rem!important}
.constitution-document li::marker{color:#0c6f92;font-weight:800}
.constitution-document a{color:#0d56b5!important;text-underline-offset:3px}
#preamble p{padding:1rem 1.15rem;border-left:4px solid #0c858e;border-radius:0 14px 14px 0;background:#f2fafb;color:#263f5d!important;font-size:1.05rem!important;text-align:left!important}
.constitution-no-results{padding:1rem;border:1px dashed #c8d7e8;border-radius:12px;background:#f8fbff;color:#536984;font-size:.82rem;line-height:1.55}

.constitution-backtop{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:calc(6.5rem + env(safe-area-inset-bottom));z-index:4400;display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.78);border-radius:15px;background:linear-gradient(135deg,#135fd0,#087d86);box-shadow:0 14px 35px rgba(9,48,104,.28);color:#fff;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s ease}
.constitution-backtop.is-visible{opacity:1;pointer-events:auto;transform:none}
.constitution-toc-backdrop{display:none}

.dark body.constitution-page,body.constitution-page.dark{--constitution-ink:#edf5ff;--constitution-muted:#aebdd0;--constitution-line:#2a405c;--constitution-surface:#101e31;--constitution-soft:#0b1728;background:#071321;color:#edf5ff}
.dark #toc-sidebar,body.constitution-page.dark #toc-sidebar{border-color:#2a405c;background:rgba(13,27,46,.96)!important}
.dark #toc-search,body.constitution-page.dark #toc-search{border-color:#334a67!important;background:#13243a!important;color:#edf5ff!important}
.dark .constitution-document>.section-card,body.constitution-page.dark .constitution-document>.section-card{border-color:#2a405c;background:#101e31!important;box-shadow:0 20px 60px rgba(0,0,0,.28)!important}
.dark .constitution-document p,.dark .constitution-document li,body.constitution-page.dark .constitution-document p,body.constitution-page.dark .constitution-document li{color:#c2cee0!important}
.dark #preamble p,body.constitution-page.dark #preamble p{background:#102936;color:#dce9f5!important}

@media(max-width:1023px){
  .constitution-layout{grid-template-columns:minmax(0,1fr)}
  #toc-sidebar{position:fixed!important;inset:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important;top:max(12px,env(safe-area-inset-top))!important;z-index:5100;max-height:none;width:auto!important;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(18px) scale(.985);transition:.2s ease}
  body.constitution-toc-open{overflow:hidden}
  body.constitution-toc-open #toc-sidebar{visibility:visible;opacity:1;pointer-events:auto;transform:none}
  .constitution-toc-close{display:grid;place-items:center}
  .constitution-toc-backdrop{position:fixed;inset:0;z-index:5050;display:block;border:0;background:rgba(3,15,36,.66);opacity:0;pointer-events:none;transition:.2s ease}
  body.constitution-toc-open .constitution-toc-backdrop{opacity:1;pointer-events:auto}
}

@media(max-width:640px){
  .constitution-hero{padding:2rem 1rem 1.65rem}
  .constitution-hero-content{grid-template-columns:minmax(0,1fr);gap:.9rem;text-align:left}
  .constitution-hero-logo{width:68px;height:68px;border-radius:20px}
  .constitution-hero h1{font-size:2.35rem;line-height:1.05}
  .constitution-hero-copy{margin-top:.7rem;font-size:1rem;line-height:1.6}
  .constitution-badges{gap:.4rem;margin-top:1rem}.constitution-badges span{min-height:32px;padding:.38rem .62rem;font-size:.7rem}
  .constitution-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:1rem}.constitution-action{min-width:0;padding:.66rem .7rem;font-size:.78rem}
  .constitution-layout{width:min(100% - 1rem,1220px);padding:1rem 0 2rem!important}
  .constitution-document{gap:1rem!important}
  .constitution-document>.section-card{padding:1.25rem 1rem!important;border-radius:17px!important}
  .constitution-document>.section-card::before{left:1rem;right:1rem}
  .constitution-document>.section-card>h2{margin-bottom:1.1rem!important;padding-bottom:.85rem;font-size:1.35rem!important}
  .constitution-document [id^="clause-"],.constitution-document [id^="schedule-"]{padding:1.1rem 0!important}
  .constitution-document h3{font-size:1.02rem!important;line-height:1.5}
  .constitution-document p,.constitution-document li{font-size:1rem!important;line-height:1.75!important;text-align:left!important}
  .constitution-document ol,.constitution-document ul{padding-left:1.2rem!important}
  #preamble p{padding:.85rem .9rem;font-size:1rem!important}
  .constitution-backtop{right:.75rem;bottom:calc(10.5rem + env(safe-area-inset-bottom))}
}

@media print{
  .constitution-hero{padding:1.25rem;background:#fff!important;color:#000!important}.constitution-hero::before,.constitution-hero-actions,.constitution-progress,#toc-sidebar,.constitution-backtop,.constitution-toc-backdrop{display:none!important}
  .constitution-hero h1,.constitution-hero-copy,.constitution-eyebrow,.constitution-badges span{color:#000!important}.constitution-badges span{border-color:#aaa;background:#fff}
  .constitution-layout{display:block!important;width:100%;padding:1rem 0!important}.constitution-document>.section-card{break-inside:auto;margin:0 0 1rem!important;border:1px solid #ccc;box-shadow:none!important}.constitution-document [id^="clause-"]{break-inside:avoid}.constitution-document p,.constitution-document li{color:#111!important;font-size:10pt!important;line-height:1.5!important}
}

@media(prefers-reduced-motion:reduce){.constitution-action,.constitution-backtop,#toc-sidebar,.constitution-progress>span{scroll-behavior:auto!important;transition:none!important}}