:root{--cw-ink:#0f172a;--cw-line:#e5e7eb}
html{-webkit-text-size-adjust:100%}
body.desc-cuvinte-page{margin:0;background:var(--cw-ink)}
.cw,.cw *{box-sizing:border-box}
.cw{height:100vh;height:100dvh;max-width:none;margin:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);overflow-y:auto;background:var(--cw-ink);color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.cw::-webkit-scrollbar{display:none}
.cw a{color:inherit;text-decoration:none}

.cw-back{position:fixed;z-index:40;top:calc(12px + env(safe-area-inset-top));left:12px;display:grid;width:42px;height:42px;place-items:center;border-radius:99px;background:#0f172ab8;color:#fff!important;font-size:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cw-progres{position:fixed;z-index:40;top:env(safe-area-inset-top);right:0;left:0;height:3px;background:#ffffff1f}
.cw-progres span{display:block;width:0;height:100%;background:#a78bfa;transition:width .18s ease}


.cw-card{display:flex;height:calc(86vh - 50px);height:calc(86svh - 50px);align-items:stretch;margin:10px;padding:0;border-radius:22px;scroll-snap-align:center;scroll-snap-stop:always}
.cw-inner{display:flex;flex:1;min-width:0;flex-direction:column;padding:30px 24px}
/* Contorul stă în dreapta: în stânga ar cădea sub butonul fix „înapoi". */
.cw-sus{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.cw-count{margin:0;color:#ffffffa1;font-size:12px;font-weight:700;letter-spacing:.1em}
.cw-tip{align-self:flex-start;margin:0 0 12px;padding:4px 11px;border-radius:99px;background:#ffffff26;color:#fff;font-size:11.5px;font-weight:700}
.cw-mijloc{display:flex;flex-direction:column;margin:auto 0}
.cw-jos{min-height:0}
.cw-cuvant{margin:0;color:#fff;font-size:clamp(34px,10vw,50px);font-weight:800;line-height:1.04;letter-spacing:-.035em;text-wrap:balance}
.cw-pron{margin:10px 0 0;color:#ffffffab;font-size:13.5px;letter-spacing:.02em}
.cw-def{margin:20px 0 0;color:#fffffff0;font-size:17.5px;font-weight:500;line-height:1.5}
.cw-ex{margin:16px 0 0;padding-left:14px;border-left:3px solid #ffffff40;color:#ffffffc7;font-size:15px;font-style:italic;line-height:1.5}
.cw-etim{margin:22px 0 0;color:#ffffff8a;font-size:12.5px;line-height:1.45}

.cw-tone-1{background:linear-gradient(155deg,#1e293b,#4c1d95)}
.cw-tone-2{background:linear-gradient(155deg,#0f766e,#155e75)}
.cw-tone-3{background:linear-gradient(155deg,#7c2d12,#b45309)}
.cw-tone-4{background:linear-gradient(155deg,#1e3a8a,#2563eb)}
.cw-tone-5{background:linear-gradient(155deg,#3b0764,#7c3aed)}
.cw-tone-6{background:linear-gradient(155deg,#064e3b,#059669)}
.cw-tone-7{background:linear-gradient(155deg,#831843,#be185d)}
.cw-tone-8{background:linear-gradient(155deg,#422006,#a16207)}
.cw-tone-9{background:linear-gradient(155deg,#0c4a6e,#0284c7)}
.cw-tone-10{background:linear-gradient(155deg,#312e81,#b45309)}

/* Coperta: o treime din înălțimea unui card. Regulile stau DUPĂ .cw-card, altfel
   înălțimea fixă a cardului le-ar anula (aceeași specificitate, ultima câștigă). */
.cw-cover{height:auto;min-height:calc((86svh - 50px)*.68);border:1px solid #ffffff17;background:linear-gradient(150deg,#0b1220,#141d31);scroll-snap-align:start}
/* Padding generos sus: coperta e singurul card lipit de marginea de sus a
   ecranului, deci trebuie să coboare singură sub bara de stare — nu ne putem
   baza pe env(safe-area-inset-top), care rămâne 0 pe unele Android. */
.cw-cover .cw-inner{justify-content:center;padding:70px 24px 30px}
/* Padding-ul de 70px ține conținutul la 26px sub butonul fix „înapoi" (jos la 54px
   + inset), indiferent cât raportează env(safe-area-inset-top). */
.cw-cover .cw-inner:before{width:30px;height:2px;margin-bottom:15px;border-radius:2px;background:#f59e0b;content:""}
.cw-cover-kicker{margin:0 0 8px;color:#ffffff8f;font-size:10.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.cw-cover-titlu{margin:0;color:#fff;font-size:clamp(27px,7.4vw,34px);font-weight:800;line-height:1.05;letter-spacing:-.03em}
.cw-cover-nota{margin:10px 0 0;color:#ffffffa8;font-size:13.5px;line-height:1.45;text-wrap:balance}

.cw-end{background:linear-gradient(160deg,#111827,#0f172a)}
.cw-end .cw-cuvant{font-size:clamp(24px,6.6vw,32px)}
.cw-arhiva{margin:20px 0 0;padding:14px 0 4px;border-top:1px solid #ffffff1f}
.cw-arhiva-cap{margin:0 0 6px;color:#ffffff8f;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.cw-arhiva a{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #ffffff14;color:#ffffffdb;font-size:14px}
.cw-arhiva a em{color:#a78bfa;font-style:normal}
.cw-actiuni{display:flex;flex-wrap:wrap;gap:10px}
.cw-inapoi{display:inline-flex;padding:11px 16px;border-radius:12px;background:#fffffff0;color:var(--cw-ink)!important;font-size:13.5px;font-weight:800}
.cw-azi{display:inline-flex;padding:11px 16px;border:1px solid #ffffff4f;border-radius:12px;color:#fff!important;font-size:13.5px;font-weight:700}
.cw-azi:active{transform:scale(.97)}

.cw-card,.cw-arhiva a,.cw-inapoi{-webkit-tap-highlight-color:transparent}
.cw-inapoi:active,.cw-back:active{transform:scale(.97)}

@media(min-width:768px){
	.cw-card{width:min(560px,calc(100% - 40px));height:auto;min-height:340px;max-height:600px;margin:18px auto 0}
	.cw-cover{min-height:180px}
	.cw-cover .cw-inner{padding:30px 34px}
	.cw-inner{padding:38px 34px}
	.cw-cuvant{font-size:clamp(42px,4.6vw,56px)}
	.cw-def{font-size:19px}
	.cw-ex{font-size:16px}
	.cw-card:last-child{margin-bottom:40vh}
}

@media(prefers-reduced-motion:reduce){
	.cw{scroll-behavior:auto}
	.cw *{transition:none!important;animation:none!important}
}