:root{--cpd-ink:#111827;--cpd-muted:#5b6472;--cpd-line:#d8dee8;--cpd-soft:#f6f8fb;--cpd-panel:#fff;--cpd-accent:#2563eb;--cpd-accent-dark:#0f3f9f;--cpd-good:#15803d}body{margin:0;background:#f3f6fa;color:var(--cpd-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}a{color:var(--cpd-accent);text-decoration:none}a:hover{color:var(--cpd-accent-dark);text-decoration:underline}.cpd-site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px clamp(20px,5vw,72px);background:var(--cpd-panel);border-bottom:1px solid var(--cpd-line);position:sticky;top:0;z-index:10}.cpd-brand{display:grid;gap:2px;color:var(--cpd-ink)}.cpd-brand span{font-weight:800;font-size:1.05rem}.cpd-brand em{color:var(--cpd-muted);font-style:normal;font-size:.78rem;text-transform:uppercase}.cpd-nav{display:flex;flex-wrap:wrap;gap:8px}.cpd-nav a{border:1px solid var(--cpd-line);border-radius:999px;padding:8px 13px;background:#fff;color:var(--cpd-ink);font-weight:700;font-size:.9rem}.cpd-nav a.is-active{background:var(--cpd-ink);border-color:var(--cpd-ink);color:#fff}.cpd-main{padding:clamp(24px,5vw,64px) clamp(20px,5vw,72px)}.cpd-shell{max-width:1440px;margin:0 auto}.cpd-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:28px;align-items:stretch;margin-bottom:28px}.cpd-hero-copy,.cpd-panel{background:var(--cpd-panel);border:1px solid var(--cpd-line);border-radius:8px;box-shadow:0 12px 28px rgba(17,24,39,.06)}.cpd-hero-copy{padding:clamp(28px,5vw,56px)}.cpd-kicker{margin:0 0 10px;color:var(--cpd-accent);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cpd-hero h1,.cpd-page-title{margin:0;font-size:clamp(2.1rem,5vw,4.8rem);line-height:1;letter-spacing:0}.cpd-hero p,.cpd-lede{color:var(--cpd-muted);font-size:1.08rem;max-width:760px}.cpd-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.cpd-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid var(--cpd-line);border-radius:6px;background:#fff;font-weight:800;color:var(--cpd-ink)}.cpd-button.primary{background:var(--cpd-accent);border-color:var(--cpd-accent);color:#fff}.cpd-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}.cpd-metric{background:var(--cpd-soft);border:1px solid var(--cpd-line);border-radius:8px;padding:18px}.cpd-metric strong{display:block;font-size:1.75rem;line-height:1}.cpd-metric span{display:block;margin-top:8px;color:var(--cpd-muted);font-weight:700;font-size:.82rem;text-transform:uppercase}.cpd-section{margin-top:32px}.cpd-section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px}.cpd-section-heading h2{margin:0;font-size:1.55rem}.cpd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px}.cpd-grid.three{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.cpd-package-card,.cpd-author-card,.cpd-detail-card{background:var(--cpd-panel);border:1px solid var(--cpd-line);border-radius:8px;padding:20px;box-shadow:0 10px 24px rgba(17,24,39,.045)}.cpd-card-topline{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--cpd-muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.cpd-card-topline em{font-style:normal;color:var(--cpd-good);border:1px solid #bbf7d0;background:#f0fdf4;border-radius:999px;padding:3px 8px;text-transform:none}.cpd-package-card h2{margin:14px 0 8px;font-size:1.22rem}.cpd-package-card p{color:var(--cpd-muted);min-height:52px}.cpd-card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.cpd-card-meta span,.cpd-pill{background:var(--cpd-soft);border:1px solid var(--cpd-line);border-radius:999px;padding:5px 9px;font-size:.82rem;font-weight:700;color:#344054}.cpd-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:22px 0}.cpd-toolbar form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.cpd-toolbar input,.cpd-toolbar select{min-height:40px;border:1px solid var(--cpd-line);border-radius:6px;padding:0 10px;background:#fff}.cpd-single-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px}.cpd-detail-card+.cpd-detail-card{margin-top:18px}.cpd-detail-card h2,.cpd-detail-card h3{margin-top:0}.cpd-meta-list{display:grid;gap:10px}.cpd-meta-list div{display:flex;justify-content:space-between;gap:16px;padding:12px;background:var(--cpd-soft);border-radius:6px}.cpd-meta-list span{color:var(--cpd-muted);font-weight:700}.cpd-meta-list strong{text-align:right}.cpd-banner{width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:8px;background:var(--cpd-soft);border:1px solid var(--cpd-line)}.cpd-screenshots{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.cpd-screenshots img{width:100%;border-radius:8px;border:1px solid var(--cpd-line);background:var(--cpd-soft)}.cpd-empty{padding:28px;border:1px dashed var(--cpd-line);background:rgba(255,255,255,.65);border-radius:8px;color:var(--cpd-muted)}@media(max-width:900px){.cpd-site-header,.cpd-hero,.cpd-single-layout{display:block}.cpd-nav{margin-top:14px}.cpd-panel{margin-top:16px}.cpd-metrics{grid-template-columns:1fr}}

.cpd-site-footer{padding:24px clamp(20px,5vw,72px);background:#fff;border-top:1px solid var(--cpd-line);color:var(--cpd-muted)}.cpd-site-footer .cpd-shell{display:flex;justify-content:space-between;gap:16px;align-items:center}.cpd-site-footer span{font-weight:800;color:var(--cpd-ink)}@media(max-width:700px){.cpd-site-footer .cpd-shell{display:block}.cpd-site-footer a{display:inline-block;margin-top:8px}}