:root{
  --ink:#0E1116; --text2:#3A404B; --muted:#5B6270; --line:#E3E6EB; --panel:#F5F6F8;
  --paper:#FFFFFF; --accent:#1F45D6; --accent-ink:#FFFFFF; --soft:#F1F3F6;
  --serif:'Literata',Georgia,serif; --sans:'Inter Tight',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,monospace; --wrap:1200px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.5}
a{color:var(--ink);text-decoration:none}
a:hover{color:var(--accent)}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.mono{font-family:var(--mono)}
.kicker{font-family:var(--mono);font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent)}
.meta{font-family:var(--mono);font-size:12px;color:var(--muted)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:16px;background:var(--ink);color:#fff;padding:8px 12px;z-index:10}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Bara de sus */
.topbar{border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding-top:10px;padding-bottom:10px;font-family:var(--mono);font-size:12px;color:var(--muted)}
.topbar strong{color:var(--ink)}
.topbar .write{color:var(--accent)}
.topbar .signin{color:var(--ink);text-decoration:none;white-space:nowrap}
.topbar .signin:hover{color:var(--accent)}
.topbar .signin svg{vertical-align:-1px}

/* Logo [ai]știri (SVG) */
.logo{display:inline-block;color:var(--ink);line-height:0}
.logo svg{height:1em;width:auto;display:block}

/* Antetul primei pagini */
.masthead{text-align:center;padding-top:36px}
.masthead .logo{font-size:clamp(64px,9vw,104px)}
.masthead .tagline{font-family:var(--serif);font-style:italic;font-size:21px;color:var(--text2);margin:12px 0 0}

/* Antetul paginilor interioare */
.header{border-bottom:1px solid var(--line)}
.header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;padding-top:16px;padding-bottom:16px}
.header .logo{font-size:40px}

/* Navigație */
.nav{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);margin-top:16px}
.nav ul{list-style:none;margin:0 auto;padding:0 24px;max-width:var(--wrap);display:flex;flex-wrap:wrap;justify-content:center;gap:2px 28px}
.nav a{display:block;padding:13px 0;font-size:15px;font-weight:600}
.nav a[aria-current="page"]{color:var(--accent)}
.header .nav{border:0;margin:0}
.header .nav ul{padding:0;justify-content:flex-end;gap:2px 20px}
.header .nav a{font-size:14px;padding:6px 0}

/* Dezbaterea */
.debate{padding-top:48px;padding-bottom:48px;text-align:center}
.debate h1,.debate h2.q{font-family:var(--serif);font-weight:500;font-size:clamp(34px,4.2vw,56px);line-height:1.1;letter-spacing:-.01em;max-width:860px;margin:16px auto 28px}
.sides{display:flex;flex-wrap:wrap;gap:24px;text-align:left}
.side{flex:1 1 380px;min-width:0;border-top:2px solid var(--ink);padding-top:20px;display:flex;flex-direction:column;gap:14px}
.side .opening{font-family:var(--serif);font-size:22px;line-height:1.4;margin:0}
.side .more{font-weight:700;color:var(--accent)}

/* Autor (mic) */
.person{display:flex;gap:12px;align-items:center}
.avatar{width:44px;height:44px;flex:none;background:var(--soft);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;color:var(--muted);overflow:hidden}
.avatar.lg{width:64px;height:64px;font-size:16px}
.avatar img{width:100%;height:100%;object-fit:cover}
.person .name{font-weight:700;font-size:16px;display:block}
.person .role{font-family:var(--mono);font-size:12px;color:var(--muted);display:block}

/* Voci */
.band{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section{padding-top:44px;padding-bottom:44px}
.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:24px}
.section-head h2{margin:0;font-size:36px;font-weight:800;letter-spacing:-.02em}
.section-head p{margin:0;color:var(--muted);font-size:15px}
.cards{display:flex;flex-wrap:wrap;gap:20px}
.card{flex:1 1 320px;min-width:0;background:var(--paper);border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:12px}
.card .title{font-family:var(--serif);font-size:26px;font-weight:500;line-height:1.2}
.card .dek{font-family:var(--serif);font-size:17px;line-height:1.45;color:var(--text2);margin:0}
.card .person{margin-top:auto;padding-top:6px}

/* Redacția + Note de laborator */
.split{display:flex;flex-wrap:wrap;gap:40px;padding-top:44px;padding-bottom:44px}
.split>.main{flex:3 1 520px;min-width:0}
.split>.aside{flex:2 1 320px;min-width:0}
.rule-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--ink);padding-bottom:10px}
.rule-head h2{margin:0;font-size:24px;font-weight:800}
.item{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-bottom:1px solid var(--line)}
.item .title{font-size:18px;font-weight:700;line-height:1.3}
.item .why{font-size:14px;color:var(--text2)}
.item .why strong{color:var(--ink)}
.labbox{border:1px solid var(--line);border-top:3px solid var(--accent);padding:24px;display:flex;flex-direction:column;gap:12px}
.labbox .lead{font-family:var(--serif);font-size:26px;font-weight:500;line-height:1.2}
.labbox .item{border-bottom:0;border-top:1px solid var(--line);padding:12px 0}
.labbox .item .title{font-size:16px}

/* Banda pentru autori */
.cta{background:var(--ink);color:#fff}
.cta .wrap{display:flex;flex-wrap:wrap;gap:40px;align-items:center;padding-top:56px;padding-bottom:56px}
.cta .text{flex:3 1 480px;min-width:0;display:flex;flex-direction:column;gap:14px}
.cta .kicker{color:#AEB6C4}
.cta h2{margin:0;font-family:var(--serif);font-weight:500;font-size:40px;line-height:1.1}
.cta p{margin:0;color:#DCE0E6;line-height:1.6}
.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);padding:15px 24px;border-radius:3px;font-weight:700}
.btn:hover{color:var(--accent-ink);filter:brightness(1.1)}

/* Articol */
.article{max-width:760px;margin:0 auto;padding:40px 24px 0}
.crumbs{font-family:var(--mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.crumbs a{color:var(--accent)}
.article h1{font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.02em;font-weight:800;margin:14px 0}
.article .dek{font-family:var(--serif);font-size:22px;line-height:1.45;color:var(--text2);margin:0 0 18px}
.byline{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.byline .persons{display:flex;flex-wrap:wrap;gap:16px}
.byline .meta a{color:var(--accent);text-decoration:underline}
.note{font-size:14px;color:var(--text2);margin:14px 0 0;font-style:italic;font-family:var(--serif)}
.hero{margin:24px 0 6px}
.hero figcaption{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:8px}
.tldr{background:var(--panel);border-top:3px solid var(--accent);padding:20px 24px;margin:24px 0}
.tldr ul{margin:8px 0 0;padding-left:20px}
.tldr li{margin:6px 0}
.paper-head{border:1px solid var(--line);border-left:3px solid var(--accent);padding:16px 20px;margin:22px 0 0;background:#fff}
.paper-head .kicker{display:block;margin-bottom:6px}
.paper-head .orig{font-family:var(--serif);font-size:17px;margin:0 0 6px;color:var(--ink)}
.paper-head .who{font-size:14px;color:var(--text2);margin:0 0 10px}
.paper-head .links{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.paper-head .links a{display:inline-block;font-size:14px;font-weight:600;padding:8px 14px;border:1px solid var(--accent);color:var(--accent);text-decoration:none;border-radius:3px}
.paper-head .links a.primary{background:var(--accent);color:#fff}
.keypoints-wrap{margin:28px 0}
.keypoints-wrap .kicker{display:block;margin:0 0 8px}
.keypoints{margin:0;padding:0;list-style:none;counter-reset:kp;border-top:1px solid var(--line)}
.keypoints li{counter-increment:kp;display:grid;grid-template-columns:44px 1fr;gap:6px;padding:16px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:18px;line-height:1.55}
.keypoints li::before{content:counter(kp,decimal-leading-zero);font-family:var(--mono);font-size:12px;color:var(--muted);padding-top:5px}
.paper-abstract{background:var(--panel);padding:20px 24px;margin:28px 0}
.paper-abstract h2{font-size:18px;margin:0 0 10px}
.paper-abstract p{font-family:var(--serif);font-size:17px;line-height:1.6;margin:0 0 10px}
.paper-abstract .small{font-size:13px;color:var(--text2);font-family:var(--sans)}
.paper-abstract details{margin-top:10px}
.paper-abstract summary{cursor:pointer;font-size:14px;color:var(--accent)}
.paper-facts{font-size:14px;color:var(--text2);margin:20px 0}
.paper-facts dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:0 0 8px}
.paper-facts dt{font-weight:600;color:var(--ink)}
.paper-facts dd{margin:0}
.body{font-family:var(--serif);font-size:19px;line-height:1.7;color:#1C2028}
.body h2{font-family:var(--sans);font-size:28px;letter-spacing:-.01em;margin:36px 0 12px;line-height:1.2}
.body h3{font-family:var(--sans);font-size:22px;margin:28px 0 10px}
.body p{margin:0 0 20px}
.body a{color:var(--accent);text-decoration:underline}
.body blockquote{margin:24px 0;padding-left:22px;border-left:3px solid var(--ink);font-style:italic;font-size:24px;line-height:1.4}
.body pre{background:var(--panel);padding:16px;overflow-x:auto;font-size:14px}
.body code{font-family:var(--mono);font-size:.85em}
.body figure.inline-img{margin:28px 0}
.body figure.inline-img img{display:block;width:100%;height:auto;background:var(--panel)}
.body figure.inline-img figcaption{font-family:var(--sans);font-size:13px;color:var(--muted);margin-top:6px}
.body sup.ref{font-family:var(--sans);font-size:.62em;line-height:0;margin-left:1px}
.body sup.ref a{text-decoration:none;font-weight:600}
.sources li{margin-bottom:6px;scroll-margin-top:80px}
.sources li:target{background:#EEF2FF}
.semaform{border-top:1px solid var(--line);padding:18px 0}
.semaform h2{font-size:15px;font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin:0 0 8px}
.semaform p{margin:0;font-family:var(--serif);font-size:19px;line-height:1.55}
.box{border:1px solid var(--line);padding:16px 18px;font-size:14px;line-height:1.55;color:var(--text2);margin:16px 0}
.box strong{color:var(--ink)}
.sources{border-top:2px solid var(--ink);padding-top:16px;margin-top:28px}
.sources h2{font-size:16px;margin:0 0 8px}
.sources ol{margin:0;padding-left:20px;font-size:15px;color:var(--text2)}
.sources a{text-decoration:underline}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0;font-family:var(--mono);font-size:12px}
.tags span{border:1px solid #C9CED6;padding:6px 10px;border-radius:3px}
.license{font-size:13px;color:var(--muted);margin:24px 0 0}

/* Listă rubrică */
.list-head{padding:40px 0 8px}
.list-head h1{font-size:42px;font-weight:800;letter-spacing:-.02em;margin:8px 0 0}
.listing .item{padding:20px 0}
.listing .item .title{font-family:var(--serif);font-weight:500;font-size:26px}
.listing .item .dek{margin:0;color:var(--text2);font-family:var(--serif);font-size:17px}
.pager{display:flex;justify-content:space-between;padding:24px 0;font-family:var(--mono);font-size:13px}
.empty{color:var(--muted);padding:24px 0}

/* 404 */
.notfound{max-width:640px;margin:0 auto;padding:80px 24px;text-align:center}
.notfound h1{font-family:var(--serif);font-weight:500;font-size:44px;margin:0 0 12px}

/* Subsol */
.footer{border-top:2px solid var(--ink);margin-top:56px}
.footer .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;padding-top:28px;padding-bottom:36px;font-size:14px;color:var(--muted)}
.footer .logo{font-size:30px}
.demo-flag{display:inline-block;font-family:var(--mono);font-size:11px;background:#FFF4D6;color:#6B4E00;padding:2px 6px;border-radius:3px}


/* Autori */
.avatar.xl{width:120px;height:120px;font-size:30px}
a.name:hover{color:var(--accent)}
.lead-text{font-family:var(--serif);font-size:19px;line-height:1.5;color:var(--text2);max-width:720px;margin:12px 0 0}
.cards.authors{margin-top:28px}
.author-card{flex:1 1 340px}
.after-list{padding:32px 0 0}
.author-page{padding-top:40px}
.author-head{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start;padding-bottom:28px}
.author-head>div{flex:1 1 320px;min-width:0}
.author-head h1{font-size:clamp(32px,4vw,44px);font-weight:800;letter-spacing:-.02em;margin:8px 0 6px}
.author-head .bio{font-family:var(--serif);font-size:18px;line-height:1.55;color:var(--text2);max-width:720px}
.author-head .links a{color:var(--accent);text-decoration:underline}

/* Scrie pentru noi */
.write-page{display:flex;flex-wrap:wrap;gap:48px;padding-top:40px}
.write-intro{flex:1 1 380px;min-width:0}
.write-intro h1{font-size:clamp(34px,4vw,46px);font-weight:800;letter-spacing:-.02em;margin:8px 0 0}
.write-intro h2{font-size:20px;margin:32px 0 10px}
.steps,.rules{margin:0;padding-left:22px;font-family:var(--serif);font-size:17px;line-height:1.55;color:var(--text2)}
.steps li,.rules li{margin:8px 0}
.write-form{flex:1 1 440px;min-width:0}
.apply,.thanks{background:var(--panel);border-top:3px solid var(--accent);padding:28px}
.apply h2,.thanks h2{margin:0 0 18px;font-size:24px}
.apply .row{display:flex;flex-wrap:wrap;gap:0 16px}
.apply .row .fld{flex:1 1 200px;min-width:0}
.fld{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}
.fld label{font-size:14px;font-weight:600}
.fld .req{font-weight:400;color:var(--muted);font-size:12px}
.fld input,.fld select,.fld textarea{font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid #C9CED6;border-radius:3px;padding:11px 12px;width:100%}
.fld textarea{resize:vertical;line-height:1.5}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}
.fld [aria-invalid="true"]{border-color:#B42318}
.hint{font-size:13px;color:var(--muted)}
.err{font-size:13px;color:#B42318;font-weight:600}
.err-summary{background:#FEF3F2;color:#B42318;border:1px solid #FDA29B;padding:10px 12px;font-size:14px;margin:0 0 18px}
.fld.check{flex-direction:row;align-items:flex-start;gap:10px;flex-wrap:wrap}
.fld.check input{width:20px;height:20px;margin:2px 0 0;flex:none}
.fld.check label{flex:1 1 200px;font-weight:400;font-size:14px;line-height:1.5}
.fld.check .err{flex-basis:100%}
.apply .btn{border:0;cursor:pointer;font:inherit;font-weight:700;font-size:16px}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.thanks p{margin:0;font-family:var(--serif);font-size:18px;color:var(--text2)}


/* Republicare */
.republish{border:1px solid var(--line);border-top:3px solid var(--accent);margin:28px 0 0;padding:0 20px}
.republish summary{cursor:pointer;font-weight:700;padding:16px 0;list-style:none}
.republish summary::-webkit-details-marker{display:none}
.republish summary::after{content:" +";color:var(--accent)}
.republish[open] summary::after{content:" −"}
.republish p,.republish li{font-size:15px;line-height:1.55;color:var(--text2)}
.republish ul{padding-left:20px}
.republish label{display:block;font-size:14px;font-weight:600;margin:14px 0 6px}
.republish textarea{width:100%;font-family:var(--mono);font-size:12px;line-height:1.5;border:1px solid #C9CED6;border-radius:3px;padding:10px;background:var(--panel);resize:vertical}
.btn.small{padding:10px 16px;font-size:14px;border:0;cursor:pointer;font-family:inherit;margin:12px 0 20px}

@media (max-width:640px){
  body{font-size:16px}
  .section-head h2{font-size:30px}
  .cta h2{font-size:32px}
  .body{font-size:19px}
  /* meniul devine un singur rând, derulabil lateral */
  .nav ul,.header .nav ul{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:0 22px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .nav ul::-webkit-scrollbar{display:none}
  .nav a{white-space:nowrap}
  .header .wrap{flex-direction:column;align-items:flex-start}
  .header .nav{width:100%}
}