/* 505 — pagini publice. Negru profund, auriu metalic. */
:root{
  --void:#08080B; --deep:#0C0C10; --panel:#121218; --panel2:#16161D; --raise:#1C1C24;
  --hair:#22222B; --hair2:#2E2E39;
  --txt:#F0EDE5; --txt2:#A5A199; --dim:#78746C; --faint:#565349;
  --gold:#D9BE7E; --gold-hi:#F5E7C3; --gold-dp:#A98944; --gold-s:rgba(217,190,126,.09);
  --metal:linear-gradient(147deg,#F8EDD2 0%,#D6B87C 34%,#F1E1BB 56%,#B9974E 100%);
  --metal-thin:linear-gradient(90deg,#B9974E,#F1E1BB 45%,#D6B87C 70%,#A98944);
  --rose:#D08E7E; --shadow:0 1px 0 rgba(255,255,255,.02) inset;
  --paper:var(--void); --sheet:var(--panel); --rule:var(--hair); --rule2:var(--hair2);
  --ink:var(--txt); --ink2:var(--txt2); --ink3:var(--dim);
  --leaf:var(--gold); --leaf-d:var(--gold-hi); --leaf-s:var(--gold-s); --seal:var(--rose);
  --amber:var(--gold); --amber-s:var(--gold-s);
  --bg:var(--void); --line:var(--hair); --text:var(--txt); --mint:var(--gold); --danger:var(--rose);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0;background:var(--paper)}
body{color:var(--ink);font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--leaf);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:2px solid var(--leaf);outline-offset:2px;border-radius:3px}
.container{max-width:940px;margin:0 auto;padding:0 22px}

.sitehead{border-bottom:1px solid var(--hair);background:rgba(8,8,11,.94);backdrop-filter:blur(12px);
  position:sticky;top:0;z-index:20}
.sitehead .in{max-width:940px;margin:0 auto;padding:14px 22px;display:flex;
  align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.logo{font-family:Newsreader,Georgia,serif;font-weight:600;font-size:20px;
  color:var(--ink);letter-spacing:-.015em;line-height:1.15}
.logo:hover{text-decoration:none}
.logo small{display:block;font-family:Manrope,sans-serif;font-weight:400;
  font-size:12px;color:var(--ink2);margin-top:1px}
.sitehead nav{display:flex;gap:20px;flex-wrap:wrap}
.sitehead nav a{color:var(--ink2);font-size:14.5px}
.sitehead nav a:hover{color:var(--leaf)}

main{padding:34px 0 60px}
.eyebrow{font-size:13px;color:var(--ink2);margin:0 0 6px}
.hero{margin-bottom:30px;padding-bottom:26px;border-bottom:1px solid var(--rule2)}
.hero h1,.article h1{font-family:Newsreader,Georgia,serif;font-weight:300;
  font-size:clamp(31px,5vw,44px);line-height:1.12;letter-spacing:-.02em;margin:0 0 12px}
.lead{font-size:17px;color:var(--ink2);max-width:62ch;line-height:1.62;margin:0}
.heroactions{display:flex;gap:11px;flex-wrap:wrap;margin-top:20px}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:16px}
.card{background:var(--sheet);border:1px solid var(--rule);border-radius:11px;
  overflow:hidden;box-shadow:var(--shadow)}
.card .body{padding:17px}
.card h2,.card h3{font-family:Newsreader,Georgia,serif;font-weight:600;font-size:18px;
  margin:0 0 6px;letter-spacing:-.01em}
.card p{margin:0;color:var(--ink2);font-size:14px;line-height:1.55}
.meta{font-size:12.5px;color:var(--ink3);margin-top:9px}
.pill{display:inline-block;font-size:11.5px;padding:3px 9px;border-radius:99px;
  border:1px solid var(--rule2);color:var(--ink2);background:var(--paper)}

.nutri{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule2);
  margin-top:14px}
.nutri div{padding:10px 0 2px;border-right:1px solid var(--rule);text-align:center}
.nutri div:last-child{border-right:0}
.nutri b{display:block;font-family:Newsreader,Georgia,serif;font-size:20px;font-weight:600;
  font-variant-numeric:tabular-nums;line-height:1.15}
.nutri small{font-size:11.5px;color:var(--ink2)}

.article{max-width:68ch}
.article img.heroimg{width:100%;border-radius:11px;border:1px solid var(--rule);margin-bottom:22px}
.article h2{font-family:Newsreader,Georgia,serif;font-weight:600;font-size:24px;
  margin:34px 0 10px;letter-spacing:-.01em}
.article p{margin:0 0 15px}
.article li{margin-bottom:7px}
.notice{background:var(--leaf-s);border-left:3px solid var(--leaf);color:var(--leaf-d);
  padding:13px 15px;border-radius:0 6px 6px 0;font-size:14px;margin:20px 0}
.source{font-size:12.5px;color:var(--ink3);margin-top:26px;padding-top:14px;
  border-top:1px solid var(--rule)}

.toolbar{display:flex;gap:11px;flex-wrap:wrap;align-items:center;margin-bottom:20px}
.button{display:inline-block;font-size:15px;font-weight:600;padding:11px 19px;
  border-radius:9px;border:0;background:var(--metal);color:#171208;cursor:pointer}
.button:hover{filter:brightness(1.06);color:#171208;text-decoration:none}
.button.ghost{background:var(--sheet);color:var(--ink);border-color:var(--rule2)}
.button.ghost:hover{border-color:var(--leaf);color:var(--leaf);background:var(--sheet)}

.search,.filters input,.filters select,.formula input,.formula select{
  padding:11px 13px;font-size:15px;font-family:inherit;border:1px solid var(--rule2);
  border-radius:11px;background:var(--sheet);color:var(--ink);width:100%}
.search:focus,.filters input:focus,.filters select:focus,
.formula input:focus,.formula select:focus{outline:none;border-color:var(--leaf);
  box-shadow:0 0 0 3px var(--leaf-s)}
.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));
  gap:10px;margin-bottom:20px}
.filters button{padding:11px 16px;border-radius:11px;border:1px solid var(--rule2);
  background:var(--sheet);color:var(--ink);cursor:pointer;font-size:15px;font-family:inherit}
.filters button:hover{border-color:var(--leaf);color:var(--leaf)}

.listrow{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:13px 0;border-bottom:1px solid var(--rule)}
.listrow:last-child{border-bottom:0}
.listrow a{font-weight:500;color:var(--ink)}
.listrow a:hover{color:var(--leaf)}
.listrow small{color:var(--ink2);font-size:12.5px}
.dim{color:var(--ink2)}

.calcgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.calc{display:block;background:var(--sheet);border:1px solid var(--rule);border-radius:11px;
  padding:19px;color:var(--ink);box-shadow:var(--shadow)}
.calc:hover{border-color:var(--leaf);text-decoration:none}
.calc .ico{font-size:21px;color:var(--leaf);line-height:1;margin-bottom:9px;display:block}
.calc h3{font-family:Newsreader,Georgia,serif;font-weight:600;font-size:18px;margin:0 0 5px}
.calc p{margin:0;color:var(--ink2);font-size:14px;line-height:1.5}

.formula{background:var(--sheet);border:1px solid var(--rule);border-radius:11px;
  padding:20px;box-shadow:var(--shadow)}
.formula label{display:block;font-size:12.5px;color:var(--ink2);margin:13px 0 5px}
.formula .row{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.resultbox{background:var(--paper);border:1px solid var(--rule2);border-radius:6px;
  padding:17px;margin-top:20px;text-align:center}
.resultbox b{display:block;font-family:Newsreader,Georgia,serif;font-size:36px;font-weight:300;
  background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.05;font-variant-numeric:tabular-nums}
.resultbox small{display:block;font-size:12.5px;color:var(--ink2);margin-top:4px}

footer{border-top:1px solid var(--rule2);margin-top:50px;padding:26px 0 40px;
  color:var(--ink3);font-size:13px}
.footlinks{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:11px}
.footlinks a{color:var(--ink2);font-size:13.5px}

@media (max-width:560px){
  .grid,.calcgrid{grid-template-columns:1fr}
  .formula .row{grid-template-columns:1fr}
  .nutri{grid-template-columns:repeat(2,1fr)}
  .nutri div:nth-child(2){border-right:0}
  .nutri div:nth-child(3),.nutri div:nth-child(4){border-top:1px solid var(--rule)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}