/* marianagurza.ro — ediție clasică, tipografică (v2) */
:root{
  --paper:#f6f0e1; --page:#fbf6ea; --ink:#2b2118; --muted:#7c6e59; --faint:#a89a80;
  --garnet:#7d2230; --garnet-soft:#94454f; --rule:#d8c9ab; --rule-dk:#b8a780;
  --t1:var(--page); --t2:var(--page); --t3:var(--page); --t4:var(--page);
  --t5:var(--page); --t6:var(--page); --t7:var(--page);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);
  font:18px/1.7 "EB Garamond",Georgia,"Times New Roman",serif;
  padding-inline:18px;
  font-feature-settings:"liga","onum";}
a{color:var(--garnet);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:focus-visible,button:focus-visible{outline:2px solid var(--garnet);outline-offset:2px}
.wrap{max-width:880px;margin:0 auto}

/* ── frontispiciu ── */
header.site{display:block;text-align:center;padding:44px 0 0}
.brand{display:inline-block;color:var(--ink);font:500 34px/1.1 "EB Garamond",serif;
  letter-spacing:.22em;text-transform:uppercase}
.brand:hover{text-decoration:none;color:var(--garnet)}
.brand small{display:block;font:italic 400 17px/1.5 "EB Garamond",serif;color:var(--muted);
  letter-spacing:.30em;text-transform:lowercase;margin-top:6px}
nav.main{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 0;margin-top:20px;
  padding:10px 0;border-top:1px solid var(--rule-dk);border-bottom:3px double var(--rule-dk);
  font-size:14px;letter-spacing:.18em;text-transform:uppercase}
nav.main a{color:var(--muted);padding:0 16px}
nav.main a+a{border-left:1px solid var(--rule)}
nav.main a[aria-current]{color:var(--garnet)}
nav.main a:hover{color:var(--garnet);text-decoration:none}
footer.site{border-top:3px double var(--rule-dk);margin-top:80px;padding:26px 0 46px;
  color:var(--muted);font-size:14px;text-align:center;display:block;font-style:italic}
footer.site span{display:block;margin:2px 0}
.orn{color:var(--garnet-soft);text-align:center;font-size:20px;letter-spacing:.6em;margin:44px 0 8px;padding-left:.6em}

/* imagini — planșe de carte */
.cover{display:block;background:#fff;border:1px solid var(--rule-dk);padding:0;
  box-shadow:2px 3px 0 rgba(43,33,24,.10)}
.foto{display:block;background:#fff;padding:7px;border:1px solid var(--rule-dk);
  box-shadow:3px 4px 0 rgba(43,33,24,.10)}
figure.portret{margin:0}

/* ── pagina de titlu (acasă) ── */
.hero{display:block;text-align:center;padding:46px 8px 8px;margin-top:0}
.hero::after{content:none}
.hero .portret{width:min(430px,86%);margin:0 auto;transform:none}
.hero .portret img{width:100%;height:auto}
.hero .portret figcaption{font:italic 400 15px/1.6 "EB Garamond",serif;color:var(--muted);margin-top:12px;letter-spacing:.06em}
.hero h1{font:500 54px/1.08 "EB Garamond",serif;letter-spacing:.14em;text-transform:uppercase;margin:34px 0 4px}
.hero h1::after{content:"❦";display:block;font-size:19px;color:var(--garnet-soft);letter-spacing:0;margin-top:16px}
.hero .lead{color:var(--ink);max-width:56ch;margin:14px auto;font-size:18.5px}
.hero .lead+.lead{color:var(--muted);font-style:italic}
.hero blockquote{margin:34px auto 0;padding:26px 0 0;border:0;border-top:1px solid var(--rule);
  max-width:32ch;font:italic 500 21px/1.75 "EB Garamond",serif}
.hero blockquote footer{border:0;padding:10px 0 0;font:italic 400 14px "EB Garamond",serif;color:var(--muted)}

/* raftul cu coperți — planșe */
.shelf{display:flex;justify-content:center;align-items:flex-end;gap:20px;flex-wrap:wrap;
  margin:46px 6px 6px;padding:26px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.shelf a{transition:opacity .15s ease}
.shelf a:hover{opacity:.82}
.shelf img{height:116px;width:auto}

/* ── capitole (secțiuni) ── */
h2.sect{font:500 25px/1.3 "EB Garamond",serif;letter-spacing:.24em;text-transform:uppercase;
  text-align:center;display:block;margin:66px 0 4px;color:var(--ink)}
h2.sect::before{content:"— ❧ —";display:block;font-size:15px;letter-spacing:.3em;color:var(--garnet-soft);margin-bottom:12px;padding-left:.3em}
h2.sect::after{content:none}
p.sectsub{margin:6px 0 26px;color:var(--muted);font-size:16px;font-style:italic;text-align:center}

/* cuprins — volumele ca într-o tablă de materii */
.volgrid{display:block;max-width:660px;margin:0 auto}
.volcard{display:flex;gap:16px;align-items:baseline;background:transparent;border:0;border-bottom:1px dotted var(--rule-dk);
  border-radius:0;padding:13px 4px;position:relative;overflow:visible;color:var(--ink);transition:none}
.volcard:hover{text-decoration:none;box-shadow:none;transform:none;background:var(--page)}
.volcard::before{content:none}
.volcard .cover{width:34px;flex:none;align-self:center;box-shadow:none}
.volcard .txt{display:contents}
.volcard h3{font:500 22px/1.3 "EB Garamond",serif;margin:0;order:1}
.volcard:hover h3{color:var(--garnet)}
.volcard .y{order:3;margin-left:auto;font-size:14.5px;letter-spacing:.05em;color:var(--muted);white-space:nowrap;font-variant-numeric:oldstyle-nums}
.volcard .n{order:2;color:var(--faint);font-size:13.5px;font-style:italic;white-space:nowrap}
.volcard .badge{position:static;order:0;font:italic 400 13px "EB Garamond",serif;letter-spacing:.06em;text-transform:none;
  background:transparent;color:var(--garnet-soft);border:0;padding:0}

/* ── pagina de volum — deschidere de capitol ── */
.volhead{display:block;text-align:center;background:transparent;border:0;border-radius:0;
  margin-top:44px;padding:14px 8px 0;overflow:visible}
.volhead::after{content:none}
.volhead .cover{width:120px;margin:0 auto 24px;transform:none}
.volhead .y{font-size:14px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}
.volhead h1{font:500 46px/1.12 "EB Garamond",serif;margin:10px 0 0;letter-spacing:.04em}
.volhead h1::after{content:"❦";display:block;font-size:17px;color:var(--garnet-soft);margin-top:16px}
.volhead .desc{color:var(--muted);max-width:56ch;margin:14px auto 0;font-style:italic}
.volhead .dedic{font:italic 500 18px "EB Garamond",serif;color:var(--garnet);margin-top:14px}

ol.poems{list-style:none;counter-reset:p;margin:36px auto 0;padding:0;columns:2;column-gap:56px;max-width:760px}
ol.poems li{counter-increment:p;break-inside:avoid;border-bottom:1px dotted var(--rule-dk)}
ol.poems a{display:flex;gap:12px;align-items:baseline;padding:8px 2px;color:var(--ink)}
ol.poems a:hover{color:var(--garnet);text-decoration:none;background:var(--page)}
ol.poems a::before{content:counter(p);font:400 13px "EB Garamond",serif;color:var(--faint);
  min-width:1.9em;text-align:right;font-variant-numeric:oldstyle-nums tabular-nums}
ol.poems .x{color:var(--faint);font-size:12.5px;margin-left:auto;font-style:italic}

/* ── pagina de poezie — pagină de carte ── */
.crumb{margin-top:30px;font-size:14.5px;color:var(--muted);text-align:center;font-style:italic}
article.poem{background:var(--page);border:1px solid var(--rule);border-radius:0;margin-top:16px;
  padding:56px 22px 50px;box-shadow:3px 4px 0 rgba(43,33,24,.07)}
article.poem .inner{max-width:33rem;margin:0 auto;text-align:center}
article.poem .vol{font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}
article.poem h1{font:500 37px/1.18 "EB Garamond",serif;margin:12px 0 0;letter-spacing:.02em}
article.poem h1::after{content:"· ❦ ·";display:block;width:auto;height:auto;background:transparent;
  font-size:14px;letter-spacing:.35em;color:var(--garnet-soft);margin-top:14px;padding-left:.35em}
article.poem .dedic{font:italic 500 16.5px "EB Garamond",serif;color:var(--muted);margin:10px 0 0}
article.poem .text{white-space:pre-wrap;font-size:19.5px;line-height:1.8;margin-top:32px;
  text-align:left;display:inline-block}
article.poem .an{margin-top:30px;color:var(--faint);font-size:14px;font-style:italic}
nav.pn{display:flex;justify-content:space-between;gap:14px;margin-top:20px;font-size:14px;
  letter-spacing:.08em;font-style:italic}
nav.pn a{background:transparent;border:0;border-bottom:1px dotted var(--rule-dk);border-radius:0;
  padding:6px 2px;max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
nav.pn a:hover{color:var(--garnet);border-color:var(--garnet);text-decoration:none}

/* ── publicistică ── */
.pub{max-width:70ch;margin:0 auto}
.pub h2{font:500 23px/1.35 "EB Garamond",serif;letter-spacing:.2em;text-transform:uppercase;
  margin:56px 0 6px;display:block;text-align:center}
.pub h2::before{content:"— ❧ —";display:block;font-size:13px;letter-spacing:.3em;color:var(--garnet-soft);margin-bottom:10px;padding-left:.3em}
.pub h2::after{content:none}
.pub h3{font:500 21px/1.3 "EB Garamond",serif;margin:34px 0 2px}
.pub .src{color:var(--muted);font-size:15px;font-style:italic;margin:0 0 10px}
ul.links{list-style:none;margin:0;padding:0}
ul.links li{border-bottom:1px dotted var(--rule);padding:8px 2px;line-height:1.55}
ul.links li::before{content:"❧";color:var(--garnet-soft);margin-right:12px;font-size:13px}
ul.links .m{color:var(--muted);font-size:14px;font-style:italic}
.notice{background:var(--page);border:1px solid var(--rule);border-left:3px solid var(--garnet-soft);
  border-radius:0;padding:14px 18px;font-size:15.5px;color:var(--muted);margin:28px 0;font-style:italic}

/* ── despre ── */
.prose{max-width:64ch;margin:0 auto;font-size:18px}
.prose h2{font:500 21px/1.4 "EB Garamond",serif;letter-spacing:.2em;text-transform:uppercase;margin:44px 0 10px}
.prose h2::after{content:"";display:block;width:64px;height:1px;background:var(--rule-dk);margin-top:8px}
.prose ul{padding-left:2px;list-style:none}
.prose li{margin:7px 0;padding-left:22px;text-indent:-22px;border:0}
.prose li::before{content:"❧ ";color:var(--garnet-soft);font-size:13px}
.prose .portret{float:right;width:190px;margin:8px 0 18px 28px;transform:none}
.prose .portret img{width:100%;height:auto}
.prose .portret figcaption{text-align:center;font:italic 400 14px "EB Garamond",serif;color:var(--muted);margin-top:8px}

@media (max-width:820px){
  body{padding-inline:14px;font-size:17px}
  .brand{font-size:25px;letter-spacing:.16em}
  nav.main{font-size:12.5px;letter-spacing:.12em}
  nav.main a{padding:0 10px}
  .hero h1{font-size:34px;letter-spacing:.1em}
  .hero .portret{width:min(340px,92%)}
  .shelf{gap:12px}
  .shelf img{height:88px}
  h2.sect{font-size:20px;letter-spacing:.16em}
  ol.poems{columns:1}
  .volhead h1{font-size:32px}
  .volhead .cover{width:100px}
  article.poem{padding:36px 14px}
  article.poem h1{font-size:27px}
  article.poem .text{font-size:18px}
  .volcard{flex-wrap:wrap;gap:4px 12px}
  .volcard .y{margin-left:0;width:100%;order:4}
  .prose .portret{float:none;width:min(320px,88%);margin:6px auto 18px;display:block}
}