/* Ghidurile pentru agentii (/agentie-clipping/ghiduri). Se incarca DUPA /agentie-clipping.css, de la care iau
   fonturile, culorile, banda pentru clipperi, meniul si subsolul. Aici e doar zona de citit. */
.g-cap{padding:72px 48px 48px;border-top:0}
@media (max-width:760px){.g-cap{padding:44px 20px 32px}}
.firimituri{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 28px;padding:0;font-size:14px;color:var(--ink3)}
.firimituri li+li::before{content:"/";margin-right:6px;color:var(--rule2)}
.firimituri a{text-decoration:none;color:var(--ink2)}
.firimituri a:hover{color:var(--ink)}
.g-cap h1{font-size:clamp(2.1rem,4.4vw,3.5rem);font-weight:500;letter-spacing:-.034em;line-height:1.06;max-width:22ch;text-wrap:balance}
.g-lead{margin-top:22px;font-size:clamp(1.08rem,1.5vw,1.25rem);line-height:1.6;color:var(--ink2);max-width:62ch}
.g-meta{margin-top:22px;font-size:14px;color:var(--ink3)}

.g-corp{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;padding:56px 48px 96px;border-top:1px solid var(--rule)}
@media (max-width:980px){.g-corp{grid-template-columns:minmax(0,1fr);gap:28px}}
.g-corp > *{min-width:0}
@media (max-width:760px){.g-corp{padding:32px 20px 64px}}
.cuprins{position:sticky;top:96px;align-self:start;font-size:14px}
.cuprins summary{font-weight:600;cursor:pointer;list-style:none;padding-bottom:12px;border-bottom:1px solid var(--rule)}
.cuprins summary::-webkit-details-marker{display:none}
.cuprins ol{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:9px}
.cuprins a{text-decoration:none;color:var(--ink2);line-height:1.35;display:block}
.cuprins a:hover{color:var(--brand-ink)}
@media (max-width:980px){.cuprins{position:static;border:1px solid var(--rule);border-radius:10px;padding:14px 16px;background:#fff}}

.articol{max-width:68ch;font-size:18px;line-height:1.7;color:#22252B}
.articol > * + *{margin-top:18px}
.articol h2{font-size:clamp(1.45rem,2.4vw,1.85rem);font-weight:600;letter-spacing:-.022em;line-height:1.2;margin-top:52px;color:var(--ink);scroll-margin-top:96px}
.articol h3{font-size:19px;font-weight:600;margin-top:28px;color:var(--ink)}
.articol p{margin-bottom:0}
.articol ul,.articol ol{padding-left:22px;margin-bottom:0}
.articol li + li{margin-top:8px}
.articol li::marker{color:var(--brand-ink)}
.articol a{color:var(--brand-ink);text-decoration-thickness:1px;text-underline-offset:3px}
.articol strong{font-weight:600;color:var(--ink)}
.nota{border-left:3px solid var(--brand);background:var(--peach);padding:16px 18px;border-radius:0 10px 10px 0;font-size:16.5px;line-height:1.6}
.cta-g{margin-top:48px;border:1px solid var(--peach-l);background:var(--peach);border-radius:14px;padding:28px;display:grid;gap:14px}
.cta-g h2{margin-top:0;font-size:1.5rem}
.cta-g p{font-size:16.5px;color:var(--ink2)}
.cta-g .rand-b{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.articol .cta-g a.btn{color:#fff;text-decoration:none}
.articol .cta-g a.lnk{color:var(--ink);text-decoration:none}
.g-faq{margin-top:56px}
.g-faq details{border-bottom:1px solid var(--rule)}
.g-faq details:first-of-type{border-top:1px solid var(--ink)}
.g-faq summary{list-style:none;cursor:pointer;padding:18px 0;font-size:17px;font-weight:600;display:flex;justify-content:space-between;gap:20px}
.g-faq summary::-webkit-details-marker{display:none}
.g-faq summary::after{content:"+";font:400 22px/1 var(--f-mono);color:var(--ink3)}
.g-faq details[open] summary::after{content:"–"}
.g-faq details p{padding:0 32px 20px 0;font-size:16.5px;color:var(--ink2)}

/* pagina cu lista de ghiduri */
.lista-ghiduri{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--rule);border-left:1px solid var(--rule)}
@media (max-width:760px){.lista-ghiduri{grid-template-columns:1fr}}
.lista-ghiduri a{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:28px 26px;text-decoration:none;display:grid;gap:10px;align-content:start;background:var(--paper);transition:background .2s}
.lista-ghiduri a:hover{background:#fff}
.lista-ghiduri b{font-size:20px;font-weight:600;letter-spacing:-.015em;line-height:1.25}
.lista-ghiduri span{font-size:15.5px;color:var(--ink2)}
.lista-ghiduri em{font-style:normal;font-size:14px;font-weight:600;color:var(--brand-ink)}

/* tabele in ghiduri */
.tabel{overflow-x:auto;margin-top:22px}
.articol table{width:100%;min-width:560px;border-collapse:collapse;font-size:15.5px;line-height:1.45}
.articol th,.articol td{border-bottom:1px solid var(--rule);padding:12px 12px 12px 0;text-align:left;vertical-align:top}
.articol thead th{font-weight:600;color:var(--ink);border-bottom:1px solid var(--ink)}
.articol tbody th{font-weight:600;color:var(--ink);width:24%}
/* ghiduri inrudite */
.inrudite{margin-top:64px}
.inrudite h2{margin-top:0}
.inrudite-l{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
@media (max-width:760px){.inrudite-l{grid-template-columns:1fr}}
.articol .inrudite-l a{display:grid;gap:6px;align-content:start;text-decoration:none;color:var(--ink);border:1px solid var(--rule);border-radius:12px;padding:16px;background:#fff;transition:border-color .2s}
.articol .inrudite-l a:hover{border-color:var(--brand)}
.inrudite-l b{font-size:16px;font-weight:600;line-height:1.3}
.inrudite-l span{font-size:14px;color:var(--ink2);line-height:1.45}
/* legatura spre ghidul in engleza, sub lista */
.g-en{margin-top:22px;font-size:15px;color:var(--ink2)}
.g-en a{color:var(--brand-ink);font-weight:600}
