/* iGov.ro look for the pages the worker generates: daily dossiers and the methodology.
   Linked after their own styles, so it wins on equal specificity. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Fragment+Mono&display=swap');
:root{
  --ig-ink:#000;--ig-text:#212121;--ig-muted:#5c5c5c;--ig-faint:#9a9a9a;--ig-line:#e5e5e5;--ig-accent:#0099ff;
  --ig-sans:'Inter',-apple-system,'Segoe UI',sans-serif;--ig-mono:'Fragment Mono',ui-monospace,monospace;
  /* the dossier's own palette, moved to the light theme */
  --bg:#fff;--panel:#fff;--panel2:#f4f4f4;--line:#e5e5e5;--text:#212121;--muted:#5c5c5c;--cyan:#0099ff;--blue:#0099ff;
}
html{scroll-padding-top:150px}
body{margin:0;padding-top:72px;background:#fff!important;color:var(--ig-text)!important;font:15px/1.6 var(--ig-sans)!important;-webkit-font-smoothing:antialiased;overflow-x:clip}
::selection{background:var(--ig-accent);color:#fff}
:focus-visible{outline:2px solid var(--ig-accent);outline-offset:3px}
button,input,select{font-family:var(--ig-sans)}

/* Site bar and footer: the same as the landing page. */
.sitebar{position:fixed;z-index:120;inset:0 0 auto;height:72px;border-bottom:1px solid var(--ig-line);background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}
.sitebar-in{width:min(1280px,calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center;gap:14px}
.site-wordmark,.crumb{color:#000;font:750 21px/1 var(--ig-sans);letter-spacing:-.03em;text-decoration:none;white-space:nowrap}
.site-wordmark i{color:var(--ig-accent);font-style:normal}
.crumb:before{content:'/';margin-right:12px;color:var(--ig-line);font-weight:400}
.site-nav{display:flex;align-items:stretch;height:100%;margin-left:auto}
.site-nav a{display:flex;align-items:center;padding:0 15px;color:var(--ig-muted);font:600 15px/1 var(--ig-sans);text-decoration:none}
.site-nav a:hover{color:#000}
.site-nav a.cta{align-self:center;height:38px;margin-left:8px;padding:0 16px;background:#000;color:#fff}
.site-nav a.cta:hover{background:var(--ig-accent)}
.site-footer{margin-top:40px;background:#000;color:#fff}
.site-footer .foot-in{width:min(1280px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;padding-block:54px}
.site-footer h2{margin:0;color:#fff;font:700 22px/1.2 var(--ig-sans);letter-spacing:-.03em}
.site-footer h2 i{color:var(--ig-accent);font-style:normal}
.site-footer h3{margin:0 0 12px;color:#fff;font:11px/1.4 var(--ig-mono);letter-spacing:.12em;text-transform:uppercase}
.site-footer a{display:block;width:max-content;margin:7px 0;color:#c7c7c7;font-size:13px;text-decoration:none}
.site-footer a:hover{color:var(--ig-accent)}
.obs-share{display:inline-flex;gap:6px;margin-right:6px}
.toast{position:fixed;z-index:1000;left:50%;bottom:28px;transform:translate(-50%,20px);padding:11px 16px;background:#000;color:#fff;font:13px/1.3 var(--ig-mono);opacity:0;pointer-events:none;transition:.2s}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* ---------- Daily dossier ---------- */
main.shell{width:min(1280px,calc(100% - 48px));max-width:none;margin:auto;padding:0 0 80px}
.obs-hero{position:relative;margin-inline:calc(50% - 50vw);padding:72px calc(50vw - 50%) 0;background:#000;color:#fff;overflow:hidden;isolation:isolate}
.obs-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px)}
.obs-hero h1{margin:0 0 14px;color:#fff;font:800 clamp(56px,9vw,140px)/.9 var(--ig-sans);letter-spacing:-.055em}
.obs-hero .lede{margin:0;padding:0;border:0;color:#9a9a9a;font:13px/1.5 var(--ig-mono)}
.obs-hero .lede b{color:#fff;font:600 20px/1.3 var(--ig-sans);letter-spacing:-.01em}
.obs-hero .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:48px 0 0;border-top:1px solid #262626;border-left:1px solid #262626}
.obs-hero .stat{padding:22px 20px 24px;background:transparent!important;border:0!important;border-right:1px solid #262626!important;border-radius:0}
.obs-hero .stat b{color:#fff;font:400 clamp(22px,2.6vw,34px)/1 var(--ig-mono);letter-spacing:-.02em}
.obs-hero .stat span{display:block;margin-top:9px;color:#9a9a9a;font:11px/1.4 var(--ig-mono);letter-spacing:.08em;text-transform:uppercase}
.tools{top:72px;gap:8px;padding:14px 0;background:rgba(255,255,255,.97);border-bottom:1px solid var(--ig-line)}
.tools input,.tools select{height:44px;min-height:44px;padding:0 12px;border:1px solid var(--ig-line)!important;border-radius:2px!important;background:#fff!important;color:#000!important;font:14px var(--ig-sans)}
.tools input:focus,.tools select:focus{border-color:#000!important;outline:none}
.count{color:#000;font:13px/1.4 var(--ig-mono)}
.method,.notice{border:1px solid var(--ig-line)!important;border-left:3px solid #000!important;background:#fff!important;border-radius:0}
.method>b{color:#000;font:11px/1.4 var(--ig-mono);letter-spacing:.12em}
.method.quarantine{border-left-color:#c7252d!important}
.cluster-section{margin:64px 0 80px;scroll-margin-top:150px}
.cluster-head{grid-template-columns:56px 1fr auto;border-color:var(--ig-line);padding-bottom:16px}
.cluster-code{width:48px;height:48px;border:0;border-radius:2px;background:#000;color:#fff;font:14px var(--ig-mono)}
.cluster-head h2{color:#000;font:750 clamp(26px,3vw,44px)/1.04 var(--ig-sans);letter-spacing:-.045em}
.cluster-head p{color:var(--ig-muted);font-size:15px}
.cluster-count{border:1px solid var(--ig-line);border-radius:2px;color:var(--ig-muted);font:12px var(--ig-mono)}
.grid{gap:10px}
.card{border:0;border-radius:0;box-shadow:none}
.card:hover{box-shadow:none;outline:2px solid var(--ig-accent);outline-offset:-2px}
.seq,.kind{border-radius:0;background:#000;color:#fff;font:11px/1.3 var(--ig-mono)}
.card .tag{border-radius:2px;font-family:var(--ig-mono)}
.card .tag.topic{color:#7cc7ff;border-color:#0099ff}
.empty-results{color:var(--ig-muted)}

/* Post modal. */
.modal{z-index:300!important;background:rgba(0,0,0,.86)}
.dialog{border:0;border-radius:2px;box-shadow:none}
.modal-head{background:rgba(255,255,255,.97);border-color:var(--ig-line);color:#000}
.modal-head b{font:700 16px var(--ig-sans)}
.modal-head .id{color:var(--ig-faint);font:11px var(--ig-mono)}
.modal-head button,.obs-share a,.obs-share button{min-height:38px;padding:8px 13px;border:1px solid var(--ig-line)!important;border-radius:2px!important;background:#fff!important;color:#000!important;font:600 13px/1 var(--ig-sans);text-decoration:none;cursor:pointer;display:inline-flex;align-items:center}
.modal-head button:hover,.obs-share a:hover,.obs-share button:hover{border-color:#000!important}
.obs-share .primary{border-color:var(--ig-accent)!important;background:var(--ig-accent)!important;color:#fff!important}
.media{border-radius:0;background:#000}
.section{background:#fafafa!important;border:1px solid var(--ig-line)!important;border-radius:0}
.section h3{color:#000;font:11px/1.4 var(--ig-mono);letter-spacing:.12em;text-transform:uppercase}
.meta div{border-radius:0;background:#fff}
.tag.topic{color:#006fb8;border-color:var(--ig-accent)}

/* ---------- Methodology ---------- */
main>nav[aria-label="Observatory"]{display:none}
body>main:not(.shell){max-width:1100px;padding:56px 24px 80px}
body>main:not(.shell) h1{margin:0 0 18px;color:#000;font:800 clamp(44px,6vw,80px)/1 var(--ig-sans);letter-spacing:-.05em}
body>main:not(.shell) h2{color:#000;font:750 clamp(24px,2.6vw,34px)/1.1 var(--ig-sans);letter-spacing:-.035em}
body>main:not(.shell) section{border-top:1px solid var(--ig-line)}
body>main:not(.shell) a{color:#000}
body>main:not(.shell) a:hover{color:var(--ig-accent)}
.criterion{border:1px solid var(--ig-line)!important;border-radius:0}
#version,.facet,.signals{color:var(--ig-muted)!important;font-family:var(--ig-mono)!important}

@media(max-width:1000px){.site-nav a:not(.cta):not(.keep){display:none}.obs-hero .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
  .sitebar-in,.site-footer .foot-in,main.shell{width:calc(100% - 32px)}
  .site-wordmark,.crumb{font-size:18px}.crumb:before{margin-right:8px}
  .site-nav a.keep{display:none}.site-nav a.cta{padding:0 12px;font-size:13px}
  .site-footer .foot-in{grid-template-columns:1fr;gap:28px}
  .obs-hero{padding-top:48px}.obs-hero .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tools{position:static}
  .modal-head{flex-wrap:wrap}
}