:root {
  --ink:#08141d;
  --ink-2:#0b1a25;
  --ink-3:#0e2230;
  --paper:#f2ecdc;
  --soft:#d8cfbb;
  --muted:#98a3a6;
  --dim:#68777d;
  --gold:#c5a15e;
  --gold-2:#dfbf7c;
  --red:#9e4549;
  --green:#7ca484;
  --line:rgba(226,216,190,.12);
  --line-strong:rgba(226,216,190,.22);
  --surface:rgba(255,255,255,.018);
  --surface-2:#0a1923;
  --shadow:0 24px 70px rgba(0,0,0,.22);
  --serif:Georgia,"Times New Roman",serif;
  --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink);scroll-padding-top:86px}
body{margin:0;min-width:280px;overflow-x:hidden;background:var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit}
[hidden]{display:none!important}
.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:fixed;left:1rem;top:-5rem;z-index:1000;background:var(--paper);color:var(--ink);padding:.75rem 1rem;border-radius:6px;font-weight:800}
.skip-link:focus{top:1rem}

.top-rule{height:3px;background:linear-gradient(90deg,var(--red) 0 22%,var(--gold) 22% 78%,var(--red) 78%)}
.site-header{position:relative;border-bottom:1px solid var(--line);background:rgba(8,20,29,.96)}
.topbar,.hero,.stats,.latest-feature,.register,.methodology,footer{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand,.footer-brand{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none}
.brand-copy,.footer-brand>span:last-child{min-width:0}
.brand strong,.footer-brand strong{display:block;font:600 .98rem/1.05 var(--serif);letter-spacing:.015em}
.brand small,.footer-brand small{display:block;margin-top:4px;color:var(--muted);font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.topnav-links{display:flex;align-items:center;gap:24px}
.topnav-links a{color:var(--muted);text-decoration:none;font-size:.72rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;transition:color .15s ease}
.topnav-links a:hover{color:var(--paper)}

.republic-seal{position:relative;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(197,161,94,.72);border-radius:50%;background:var(--ink-2);color:var(--gold-2);box-shadow:inset 0 0 0 4px var(--ink-2),inset 0 0 0 5px rgba(197,161,94,.28)}
.republic-seal:before,.republic-seal:after{content:"•";position:absolute;color:var(--gold);font-size:.52rem}
.republic-seal:before{left:8px}.republic-seal:after{right:8px}
.republic-seal>span{font-family:var(--serif);font-weight:700}
.seal-small{width:42px;height:42px;font-size:1.05rem}

.hero{position:relative;min-height:430px;display:flex;align-items:center;padding:76px 0 84px;border-bottom:1px solid var(--line);overflow:hidden}
.hero-inner{position:relative;z-index:2;max-width:850px}
.eyebrow{margin:0 0 15px;color:var(--gold-2);font-size:.62rem;font-weight:850;letter-spacing:.17em;text-transform:uppercase}
h1,h2,h3,p{text-wrap:pretty}
h1{margin:0;font:500 clamp(3.5rem,7vw,6.1rem)/.94 var(--serif);letter-spacing:-.05em}
h1 em,h2 em{color:var(--gold-2);font-weight:inherit}
.hero-lede{max-width:680px;margin:24px 0 0;color:#b2bcbd;font-size:clamp(.98rem,1.5vw,1.08rem);line-height:1.7}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;padding:0 17px;text-decoration:none;font-size:.79rem;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}
.button.primary{background:var(--gold);border-color:var(--gold);color:#11171c}
.button.primary:hover{background:var(--gold-2);border-color:var(--gold-2)}
.button.quiet{background:transparent;border-color:var(--line-strong);color:var(--soft)}
.button.quiet:hover{border-color:rgba(197,161,94,.48);color:var(--paper)}
.hero-mark{position:absolute;right:5%;top:50%;width:300px;height:300px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(197,161,94,.10);border-radius:50%;color:rgba(197,161,94,.065);font:700 10rem/1 var(--serif);box-shadow:inset 0 0 0 42px rgba(197,161,94,.012),inset 0 0 0 43px rgba(197,161,94,.05);pointer-events:none}

.stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.stats article{display:flex;align-items:baseline;gap:10px;padding:23px 0}
.stats article+article{padding-left:28px;border-left:1px solid var(--line)}
.stats strong{font:500 1.75rem/1 var(--serif)}
.stats span{color:var(--dim);font-size:.61rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}

.latest-feature{padding:82px 0 0}
.feature-heading,.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,390px);gap:64px;align-items:end;margin-bottom:25px}
.feature-heading h2,.section-heading h2,.method-heading h2{margin:0;font:500 clamp(2.4rem,4.8vw,4rem)/1 var(--serif);letter-spacing:-.038em}
.feature-heading>p,.section-intro{margin:0 0 3px;color:var(--muted);font-size:.84rem;line-height:1.65}
.latest-card{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background:linear-gradient(90deg,rgba(197,161,94,.055),transparent 38%)}
.latest-card.empty{padding:32px 0;color:var(--muted)}
.latest-card.empty strong{display:block;color:var(--paper);font:500 1.35rem var(--serif)}
.latest-card.empty p{max-width:580px;margin:7px 0 0;line-height:1.6}
.latest-inner{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:28px;align-items:center;padding:27px 2px}
.latest-number{align-self:stretch;display:flex;align-items:flex-start;padding-top:4px;border-right:1px solid var(--line)}
.latest-number span{color:var(--gold-2);font:700 .9rem var(--mono)}
.latest-content .meta,.card-meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.latest-content h3{margin:10px 0 6px;font:500 clamp(1.55rem,3vw,2.15rem)/1.08 var(--serif)}
.latest-content p{max-width:700px;margin:0;color:var(--muted);font-size:.88rem;line-height:1.6}
.latest-action{padding-right:2px}

.register{padding:104px 0 110px}
.controls-shell{position:sticky;top:0;z-index:20;margin-top:32px;padding:10px 0;background:linear-gradient(to bottom,rgba(8,20,29,.98) 76%,rgba(8,20,29,0));backdrop-filter:blur(14px)}
.controls{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:10px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:8px;background:rgba(10,25,35,.96);box-shadow:0 14px 40px rgba(0,0,0,.14)}
.search-control{height:46px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:5px;background:#07151e}
.search-control svg,.dialog-close svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.search-control svg{color:var(--dim)}
.search-control input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--paper);font-size:16px}
.search-control input::placeholder{color:#68767c}
kbd{border:1px solid var(--line);border-radius:4px;padding:2px 6px;color:var(--dim);font:10px var(--mono)}
.filter-row{display:flex;align-items:center;gap:3px}
.select-control{height:46px;display:flex;align-items:center;gap:6px;padding:0 9px;border-left:1px solid var(--line)}
.select-control>span{color:var(--dim);font-size:.54rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.select-control select,.sort-label select{border:0;outline:0;background:transparent;color:var(--soft);font-size:.75rem}
.select-control option,.sort-label option{background:var(--ink-2)}
.clear-button{height:34px;margin:0 4px 0 5px;padding:0 10px;border:0;border-radius:5px;background:transparent;color:var(--dim);font-size:.68rem;font-weight:800;cursor:pointer}
.clear-button:hover{background:rgba(255,255,255,.035);color:var(--paper)}
.result-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 2px 12px;color:var(--muted);font-size:.73rem}
.sort-label{display:flex;align-items:center;gap:7px}
.sort-label>span{color:var(--dim);font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

.acts-grid{border-top:1px solid var(--line-strong)}
.act-card{display:grid;grid-template-columns:140px minmax(0,1fr) 22px;gap:26px;align-items:start;padding:26px 4px;border-bottom:1px solid var(--line);outline:0;cursor:pointer;transition:background .14s ease,padding .14s ease}
.act-card:hover,.act-card:focus-visible{background:rgba(255,255,255,.018);padding-left:12px;padding-right:12px}
.act-id{padding-top:2px}
.act-id strong{display:block;color:var(--gold-2);font:700 .78rem/1.2 var(--mono);overflow-wrap:anywhere}
.act-id small{display:block;margin-top:7px;color:var(--dim);font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.act-main{min-width:0}
.card-meta{margin-bottom:8px}
.badge{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.57rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.badge.type{color:var(--soft)}
.badge.enacted,.badge.passed{border-color:rgba(124,164,132,.28);color:#9fc5a6;background:rgba(124,164,132,.06)}
.badge.introduced,.badge.voting,.badge.draft{border-color:rgba(197,161,94,.27);color:var(--gold-2);background:rgba(197,161,94,.055)}
.badge.rejected,.badge.withdrawn,.badge.repealed,.badge.expired,.badge.superseded{border-color:rgba(158,69,73,.28);color:#cf888c;background:rgba(158,69,73,.055)}
.act-main h3{margin:0;font:500 clamp(1.35rem,2.7vw,1.8rem)/1.12 var(--serif);letter-spacing:-.015em}
.act-main>p{max-width:780px;margin:9px 0 0;color:var(--muted);font-size:.84rem;line-height:1.6}
.act-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;color:var(--dim);font-size:.68rem}
.sponsor strong{color:var(--soft);font-weight:650}
.open-hint{align-self:center;color:var(--gold-2);font-size:1.1rem;line-height:1}

.empty-state{padding:70px 20px;border-bottom:1px solid var(--line);text-align:center}
.empty-seal{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 17px;border:1px solid var(--line-strong);border-radius:50%;color:var(--gold-2);font:600 1.15rem var(--serif)}
.empty-state h3{margin:0;font:500 1.7rem var(--serif)}
.empty-state p{max-width:560px;margin:9px auto 20px;color:var(--muted);font-size:.85rem;line-height:1.6}

.methodology{padding:86px 0 104px;border-top:1px solid var(--line)}
.method-heading{display:grid;grid-template-columns:220px minmax(0,600px);gap:52px;align-items:start;margin-bottom:40px}
.method-heading .eyebrow{margin-top:9px}
.method-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.method-grid article{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:25px 26px 25px 0;border-bottom:1px solid var(--line)}
.method-grid article:nth-child(even){padding-left:26px;border-left:1px solid var(--line)}
.method-grid span{color:var(--dim);font:700 .6rem var(--mono)}
.method-grid h3{margin:0;font:500 1.15rem var(--serif)}
.method-grid p{margin:6px 0 0;color:var(--muted);font-size:.79rem;line-height:1.58}

footer{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:34px 0 46px;border-top:1px solid var(--line)}
footer>p{max-width:610px;margin:0;color:var(--dim);font-size:.72rem;line-height:1.6;text-align:right}
footer a{color:var(--soft)}

.act-dialog{width:min(920px,calc(100% - 28px));max-height:calc(100vh - 28px);padding:0;border:0;border-radius:10px;background:var(--ink-2);color:var(--paper);box-shadow:0 35px 110px rgba(0,0,0,.55)}
.act-dialog::backdrop{background:rgba(1,7,11,.78);backdrop-filter:blur(5px)}
.dialog-card{position:relative;overflow:auto;max-height:calc(100vh - 28px)}
.dialog-close{position:sticky;float:right;top:14px;right:14px;z-index:5;width:39px;height:39px;display:grid;place-items:center;margin:14px 14px 0 0;border:1px solid var(--line);border-radius:50%;background:rgba(8,20,29,.92);color:var(--muted);cursor:pointer}
.dialog-close:hover{color:var(--paper);border-color:var(--line-strong)}
.dialog-header{padding:54px 58px 36px;border-bottom:1px solid var(--line)}
.record-code{margin:17px 0 6px;color:var(--gold-2);font:700 .72rem var(--mono)}
.dialog-header h2{max-width:760px;margin:0;font:500 clamp(2.1rem,5vw,3.5rem)/1.02 var(--serif);letter-spacing:-.035em}
.dialog-summary{max-width:740px;margin:17px 0 0;color:var(--muted);font-size:.9rem;line-height:1.68}
.dialog-body{padding:0 58px 58px}
.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.detail-grid article{padding:22px 18px 22px 0}
.detail-grid article+article{padding-left:18px;border-left:1px solid var(--line)}
.detail-grid span{display:block;color:var(--dim);font-size:.55rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.detail-grid strong{display:block;margin-top:7px;color:var(--soft);font-size:.76rem;line-height:1.45}
.detail-section{padding-top:38px}
.detail-section>h3{margin:0 0 15px;color:var(--soft);font:.75rem var(--sans);font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.vote-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vote-grid article{padding:19px 0;text-align:center}
.vote-grid article+article{border-left:1px solid var(--line)}
.vote-grid strong{display:block;font:500 1.75rem var(--serif)}
.vote-grid span{display:block;margin-top:5px;color:var(--dim);font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.section-text{padding:20px 0;border-top:1px solid var(--line)}
.section-text:last-child{border-bottom:1px solid var(--line)}
.section-text>strong{display:block;color:var(--soft);font:500 1rem var(--serif)}
.section-text p{margin:9px 0 0;color:#c2c9c7;font:400 .88rem/1.75 var(--sans);white-space:pre-wrap}
.history{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.history li{display:grid;grid-template-columns:150px 180px minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}
.history time{color:var(--dim);font-size:.7rem}
.history strong{color:var(--soft);font-size:.8rem}
.history p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.55}

@media (max-width:900px){
  .hero-mark{right:-70px;opacity:.72}
  .feature-heading,.section-heading{grid-template-columns:1fr;gap:16px}
  .controls{grid-template-columns:1fr}
  .filter-row{border-top:1px solid var(--line);padding-top:6px}
  .select-control:first-child{border-left:0}
  .method-heading{grid-template-columns:1fr;gap:4px}
  .method-heading .eyebrow{margin-top:0}
  .detail-grid{grid-template-columns:1fr 1fr}
  .detail-grid article:nth-child(3){border-left:0;border-top:1px solid var(--line);padding-left:0}
  .detail-grid article:nth-child(4){border-top:1px solid var(--line)}
}

@media (max-width:700px){
  .topbar,.hero,.stats,.latest-feature,.register,.methodology,footer{width:min(100% - 28px,1120px)}
  .topbar{height:70px}
  .topnav-links{gap:14px}
  .topnav-links a{font-size:.63rem}
  .topnav-links a:nth-child(2){display:none}
  .brand small{display:none}
  .hero{min-height:360px;padding:58px 0 64px}
  h1{font-size:clamp(3.1rem,14vw,4.8rem)}
  .hero-lede{max-width:92%;font-size:.94rem}
  .hero-mark{width:230px;height:230px;right:-95px;font-size:7rem}
  .stats{grid-template-columns:1fr 1fr}
  .stats article{padding:18px 0}
  .stats article+article{padding-left:18px}
  .stats article:nth-child(3){border-left:0;border-top:1px solid var(--line);padding-left:0}
  .stats article:nth-child(4){border-top:1px solid var(--line)}
  .latest-feature{padding-top:64px}
  .latest-inner{grid-template-columns:1fr;gap:13px;padding:22px 0}
  .latest-number{min-height:0;border-right:0}
  .latest-action{padding:0}
  .latest-action .button{width:100%}
  .register{padding:82px 0 84px}
  .controls-shell{margin-top:25px}
  .controls{padding:7px}
  .filter-row{display:grid;grid-template-columns:1fr 1fr;gap:0}
  .select-control{border-left:0;border-top:1px solid var(--line)}
  .select-control:nth-child(1),.select-control:nth-child(2){border-top:0}
  .select-control:nth-child(even){border-left:1px solid var(--line)}
  .clear-button{height:40px;grid-column:1/-1;margin:2px 0 0;border-top:1px solid var(--line);border-radius:0}
  .result-bar{align-items:flex-start;flex-direction:column;gap:9px;padding-top:14px}
  .act-card{grid-template-columns:1fr 18px;gap:14px;padding:22px 2px}
  .act-card:hover,.act-card:focus-visible{padding-left:7px;padding-right:7px}
  .act-id{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:0}
  .act-id small{margin:0}
  .act-footer{align-items:flex-start;flex-direction:column;gap:5px}
  .open-hint{grid-column:2;grid-row:2;align-self:center}
  .methodology{padding:68px 0 78px}
  .method-grid{grid-template-columns:1fr}
  .method-grid article,.method-grid article:nth-child(even){padding:20px 0;border-left:0}
  footer{align-items:flex-start;flex-direction:column;gap:20px;padding:30px 0 38px}
  footer>p{text-align:left}
  .dialog-header{padding:48px 22px 28px}
  .dialog-body{padding:0 22px 34px}
  .detail-grid{grid-template-columns:1fr}
  .detail-grid article,.detail-grid article+article,.detail-grid article:nth-child(3){padding:16px 0;border-left:0;border-top:1px solid var(--line)}
  .detail-grid article:first-child{border-top:0}
  .vote-grid{grid-template-columns:1fr 1fr}
  .vote-grid article:nth-child(3){border-left:0;border-top:1px solid var(--line)}
  .vote-grid article:nth-child(4){border-top:1px solid var(--line)}
  .history li{grid-template-columns:1fr;gap:5px}
}

@media (max-width:430px){
  .topnav-links a:first-child{display:none}
  .seal-small{width:39px;height:39px}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr}
  .button{padding-inline:12px}
  .filter-row{grid-template-columns:1fr}
  .select-control:nth-child(even){border-left:0}
  .select-control:nth-child(2){border-top:1px solid var(--line)}
}
.current-government{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:22px 0 0;padding:8px 11px;border-left:2px solid var(--gold);background:rgba(197,161,94,.045)}
.current-government span,.current-government small{color:var(--muted);font-size:.6rem}.current-government span{text-transform:uppercase;letter-spacing:.08em;font-weight:800}.current-government strong{font:600 .78rem var(--serif);color:var(--paper)}
@media(max-width:620px){.current-government{align-items:flex-start;flex-direction:column;gap:3px}}
