:root{--grena:#7a1f1f;--aur:#b8862b;--indigo:#1b2a49;--hartie:#faf4e4;--cerneala:#2b2118}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--hartie);color:var(--cerneala);font-family:Georgia,'Palatino Linotype','Book Antiqua',serif;line-height:1.75;
background-image:radial-gradient(circle at 20% 0%,#fff8e6 0,transparent 60%),radial-gradient(circle at 100% 100%,#f1e4c4 0,transparent 50%)}
a{color:var(--grena);text-decoration:none}
a:hover{color:var(--aur)}
.banda{height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24' viewBox='0 0 48 24'%3E%3Crect width='48' height='24' fill='%23f3e8d0'/%3E%3Cpath d='M12 2l10 10-10 10L2 12z' fill='%237a1f1f'/%3E%3Cpath d='M12 7l5 5-5 5-5-5z' fill='%23d9a441'/%3E%3Cpath d='M36 2l10 10-10 10-10-10z' fill='%231b2a49'/%3E%3Cpath d='M36 7l5 5-5 5-5-5z' fill='%23f3e8d0'/%3E%3Cpath d='M23 0h2v3h-2zM23 21h2v3h-2z' fill='%237a1f1f'/%3E%3C/svg%3E") repeat-x;background-size:48px 24px}
.banda.jos{margin-top:3rem}
header.sus{background:var(--indigo);color:#f3e8d0;text-align:center;padding:2.5rem 1rem 2rem;position:relative}
header.sus.mic{padding:1rem}
header.sus .motiv{position:absolute;top:1.2rem;width:70px;height:84px;color:var(--aur);opacity:.85}
header.sus .st{left:6%}header.sus .dr{right:6%}
header.sus h1{font-weight:normal;font-size:clamp(1.9rem,5vw,3.4rem);letter-spacing:.04em;margin:.2rem 0}
header.sus .sub{font-style:italic;color:#d9c79c;font-size:1.15rem}
header.sus .nume{font-variant:small-caps;letter-spacing:.15em;color:var(--aur)}
header.sus.mic a{color:#f3e8d0;font-variant:small-caps;letter-spacing:.12em}
.ornament{display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--aur);margin:1.2rem auto}
.ornament::before,.ornament::after{content:'';height:1px;width:min(22vw,160px);background:linear-gradient(90deg,transparent,var(--aur))}
.ornament::after{transform:scaleX(-1)}
.ornament svg{width:34px;height:34px}
main{max-width:920px;margin:0 auto;padding:2rem 1.2rem}
.intro{font-size:1.15rem;text-align:center;font-style:italic;max-width:700px;margin:0 auto}
.perioada{margin:2.8rem 0;border:1px solid #d8c79c;background:rgba(255,255,255,.55);padding:1.4rem 1.6rem 1rem;position:relative;box-shadow:0 2px 12px rgba(80,50,20,.08)}
.perioada::before{content:'';position:absolute;inset:6px;border:1px dashed #cdb67a;pointer-events:none}
.perioada h2{margin:0;color:var(--grena);font-weight:normal;font-size:1.6rem}
.perioada .desc{margin:0 0 .8rem;color:#6b5a45;font-style:italic}
.perioada ol{list-style:none;margin:0;padding:0}
.perioada li{border-top:1px solid #e6d8b4;padding:.55rem 0;display:flex;gap:.9rem;align-items:baseline}
.perioada li .nr{flex:0 0 2.6rem;text-align:right;font-size:1.5rem;color:var(--aur);font-style:italic}
.perioada li a{font-size:1.08rem;color:var(--cerneala)}
.perioada li a:hover{color:var(--grena);text-decoration:underline}
article h1{color:var(--grena);font-weight:normal;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.25;text-align:center;margin:.3rem 0}
article .nr{text-align:center;color:var(--aur);font-variant:small-caps;letter-spacing:.2em}
article p{text-align:justify;hyphens:auto;margin:0 0 1.15rem;font-size:1.12rem}
article p.prim .cap{float:left;font-size:4.2rem;line-height:.85;padding:.3rem .6rem 0 0;color:var(--grena)}
.coloane{display:grid;grid-template-columns:42px 1fr 42px;gap:1.2rem}
.coloane .col{color:var(--aur);opacity:.7}
.coloane .col svg{width:100%;height:100%;min-height:300px}
.nav{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;border-top:1px solid #d8c79c;padding-top:1rem;font-size:1rem}
.nav a{max-width:44%}
.nav .mij{align-self:center;text-align:center}
.limbi{margin:.6rem 0;font-size:.95rem;letter-spacing:.08em;color:#d9c79c}
.limbi a{color:#f3e8d0;border-bottom:1px dotted #b8862b}
.limbi .cur{color:var(--aur);font-weight:bold}
header.sus.mic{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}
header.sus.mic .limbi{margin:0}
footer{text-align:center;color:#6b5a45;font-size:.9rem;padding:0 1rem 2rem}
@media(max-width:640px){.coloane{grid-template-columns:1fr}.coloane .col{display:none}header.sus .motiv{display:none}article p{text-align:left}}