/* Content pages: CV examples, About/Contact/legal. Uses the site variables from style.css */
.ct-wrap{max-width:1040px;margin:0 auto;padding:0 1rem}
.ct-hero{text-align:center;padding:2.6rem 0 1.4rem}
.ct-hero h1{font-family:var(--font-heading,inherit);font-weight:800;font-size:clamp(1.7rem,4vw,2.5rem);margin:.2rem 0 .6rem}
.ct-hero p{color:var(--muted,#64748b);max-width:720px;margin:0 auto}
.ct-crumbs{font-size:.85rem;color:#64748b;margin:1rem 0 0}.ct-crumbs a{color:#475569}
.ct-cat{margin:2rem 0 .8rem;font-family:var(--font-heading,inherit);font-weight:800;font-size:1.25rem}
.ct-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem}
.ct-card{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1rem 1.1rem;text-decoration:none;color:inherit;height:100%;transition:box-shadow .15s,transform .15s}
.ct-card:hover{box-shadow:0 8px 24px rgba(15,23,42,.08);transform:translateY(-2px)}
.ct-card i{font-size:1.5rem;color:var(--primary,#5b4fe0)}.ct-card h3{font-size:1rem;font-weight:700;margin:.4rem 0 .2rem}.ct-card p{font-size:.85rem;color:#64748b;margin:0}
.ct-prose{line-height:1.75;color:#334155}.ct-prose h2{font-family:var(--font-heading,inherit);font-weight:800;font-size:1.35rem;margin:2rem 0 .6rem;color:#0f172a}
.ct-prose h3{font-size:1.1rem;font-weight:700;margin:1.4rem 0 .4rem}.ct-prose ul{padding-left:1.2rem}
.ex-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.6rem;align-items:start;margin-top:1rem}
.ex-layout>*{min-width:0}
@media(max-width:900px){.ex-layout{grid-template-columns:minmax(0,1fr)}}
.ex-preview{background:#e8ebf2;border-radius:14px;padding:12px;position:sticky;top:76px}
@media(max-width:900px){.ex-preview{position:static}}
.ex-preview .cv-holder{overflow:hidden}.ex-preview .cv-page{box-shadow:0 4px 18px rgba(15,23,42,.18)}
.ex-cta{display:flex;gap:.6rem;flex-wrap:wrap;margin:.8rem 0 1.2rem}
.ex-list{padding-left:1.1rem}.ex-list li{margin-bottom:.35rem}
.ex-box{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1rem 1.2rem;margin-bottom:1rem}
.ex-box h2{font-size:1.05rem;font-weight:800;margin:0 0 .5rem}
.ex-ok li::marker{color:#16a34a}.ex-no li::marker{color:#dc2626}
.ct-faq details{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:.8rem 1rem;margin-bottom:.6rem}
.ct-faq summary{font-weight:700;cursor:pointer}.ct-faq details p{margin:.6rem 0 0;color:#475569}

/* hub search + category chips */
.ct-search { position: relative; max-width: 560px; margin: 0 auto 1rem; }
.ct-search i { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: var(--muted); }
.ct-search input { width: 100%; padding: .8rem 1rem .8rem 2.6rem; border: 1px solid var(--border); border-radius: 999px; background: #fff; box-shadow: var(--shadow-sm); font-size: 1rem; }
.ct-search input:focus { outline: 0; border-color: var(--primary); box-shadow: 0 0 0 .22rem rgba(67,56,202,.15); }
.ct-chips { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; margin: 0 0 1.5rem; }
.ct-chip { background: #fff; border: 1px solid var(--border); border-radius: 999px; padding: .4rem .95rem; font-weight: 600; font-size: .9rem; color: var(--ink); text-decoration: none; transition: all .2s; }
.ct-chip span { color: var(--muted); font-weight: 500; margin-left: .2rem; }
.ct-chip:hover { background: var(--ink); color: #fff; border-color: var(--ink); }
.ct-cat a { color: inherit; text-decoration: none; }
.ct-cat a:hover { color: var(--primary); }
[hidden] { display: none !important; }