:root{--hartie:#f5f0e6;--card:#fffdf8;--cerneala:#24211c;--estompat:#6b645a;--linie:#e2d9c8;
--accent:#2a6b7c;--accent-deschis:#89c9dc;--umbra:0 1px 2px rgba(60,45,20,.06),0 8px 24px rgba(60,45,20,.06)}
@media (prefers-color-scheme:dark){:root{--hartie:#1b1a17;--card:#24221e;--cerneala:#ece6da;--estompat:#a39b8d;
--linie:#38342d;--accent:#89c9dc;--accent-deschis:#2a6b7c;--umbra:none}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--hartie);color:var(--cerneala);font:18px/1.7 'Literata',Georgia,serif}
a{color:var(--accent)}
.zid{height:200px;background:#555 url(/img/coperta.jpg) center/cover}
.cap{max-width:760px;margin:-56px auto 0;padding:0 16px;display:flex;gap:18px;align-items:flex-start}
.cap>div{margin-top:64px}
.sigla{width:112px;height:112px;border-radius:50%;border:4px solid var(--hartie);background:#222 url(/img/profil.jpg) center/cover;flex:none;display:block}
.cap h1{font:400 clamp(30px,6vw,44px)/1.1 'Special Elite',monospace;margin:0 0 6px}
.cap p{margin:0 0 8px;color:var(--estompat);font-style:italic}
main{max-width:760px;margin:0 auto;padding:28px 16px 48px}
.intro{color:var(--estompat);border-left:3px solid var(--accent-deschis);padding-left:14px;margin:8px 0 32px}
.poveste-card{display:grid;grid-template-columns:150px 1fr;gap:18px;background:var(--card);border-radius:10px;
box-shadow:var(--umbra);padding:14px;margin-bottom:20px;text-decoration:none;color:inherit;border:1px solid var(--linie)}
.poveste-card:hover{border-color:var(--accent)}
.poveste-card img{width:150px;height:150px;object-fit:cover;border-radius:6px}
.poveste-card h2{font:400 24px/1.25 'Special Elite',monospace;margin:4px 0 6px}
.poveste-card p{margin:0;font-size:16px;color:var(--estompat)}
.data{font:13px/1 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--estompat)}
article h1{font:400 clamp(30px,6vw,42px)/1.15 'Special Elite',monospace;margin:6px 0 20px}
article .foto{width:100%;max-height:520px;object-fit:cover;border-radius:10px;margin:8px 0 28px}
article p.replica{margin:.4em 0}
.inapoi{display:inline-block;margin-top:32px;font-family:system-ui,sans-serif;font-size:15px}
footer{max-width:760px;margin:0 auto;padding:24px 16px 40px;border-top:1px solid var(--linie);
font:14px/1.6 system-ui,sans-serif;color:var(--estompat)}
@media (max-width:520px){.poveste-card{grid-template-columns:96px 1fr;gap:12px}.poveste-card img{width:96px;height:96px}
.poveste-card h2{font-size:20px}.sigla{width:88px;height:88px;font-size:44px}.cap{margin-top:-44px}.cap>div{margin-top:50px}}