/* Shared styles for content pages */
.content-page{background:#f8fafc;}
.content-hero{background:linear-gradient(135deg,#0e7b7c 0%,#0b4f63 55%,#083344 100%);color:#fff;padding:48px 0 44px;position:relative;overflow:hidden}
.content-hero:after{content:"";position:absolute;inset:auto -10% -70px -10%;height:140px;background:rgba(255,255,255,.06);border-radius:50%;}
.breadcrumbs{font-size:.88rem;margin-bottom:18px;color:rgba(255,255,255,.85)}
.breadcrumbs a{color:#fff;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}
.content-hero h1{font-size:2.25rem;line-height:1.45;margin:0 0 16px;font-weight:900}
.content-hero .lead{max-width:900px;font-size:1.06rem;line-height:2;color:rgba(255,255,255,.93);margin:0}
.content-wrap{padding:42px 0 70px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.article-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 8px 30px rgba(15,23,42,.06);padding:28px}
.article-card h2{font-size:1.7rem;color:#0e7b7c;margin:34px 0 16px;line-height:1.5}.article-card h2:first-child{margin-top:0}
.article-card h3{font-size:1.18rem;color:#164e63;margin:26px 0 10px;line-height:1.7}.article-card p,.article-card li{color:#334155;line-height:2.05}.article-card ul,.article-card ol{padding-right:22px}.article-card li{margin-bottom:7px}
.article-card strong{color:#0f172a}.note-box{background:#f0fdfa;border-right:4px solid #14b8a6;padding:16px 18px;border-radius:10px;margin:20px 0}.warning-box{background:#fff7ed;border-right:4px solid #f97316;padding:16px 18px;border-radius:10px;margin:20px 0}.danger-box{background:#fef2f2;border-right:4px solid #ef4444;padding:16px 18px;border-radius:10px;margin:20px 0}
.toc{position:sticky;top:120px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 8px 30px rgba(15,23,42,.05)}
.toc h2{font-size:1.05rem;color:#0e7b7c;margin:0 0 12px}.toc a{display:block;padding:7px 0;color:#334155;text-decoration:none;border-bottom:1px dashed #e2e8f0;font-size:.92rem}.toc a:last-child{border-bottom:0}.toc a:hover{color:#0e7b7c}
.info-table{width:100%;border-collapse:collapse;margin:18px 0 26px;font-size:.95rem}.info-table th,.info-table td{border:1px solid #e2e8f0;padding:11px 12px;text-align:right;vertical-align:top}.info-table th{background:#f8fafc;color:#0f172a}.info-table tr:nth-child(even) td{background:#fcfcfd}
.cta-box{margin-top:28px;padding:24px;border-radius:16px;background:linear-gradient(135deg,#ecfeff,#f0fdfa);border:1px solid #99f6e4}.cta-box h3{margin-top:0}.cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.cta-actions a{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:999px;text-decoration:none;font-weight:800}.cta-primary{background:#0e7b7c;color:#fff}.cta-secondary{background:#fff;color:#0e7b7c;border:1px solid #99f6e4}
.sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sample-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.06)}.sample-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.sample-body{padding:18px}.sample-body h2{font-size:1.18rem;color:#0e7b7c;margin:0 0 10px}.sample-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.sample-meta span{background:#f1f5f9;color:#334155;padding:5px 9px;border-radius:999px;font-size:.78rem}.sample-body p{margin:8px 0;line-height:1.9;color:#475569}
.filter-pills{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}.filter-pills span{padding:7px 11px;background:#eef5ff;color:#1d4ed8;border-radius:999px;font-size:.82rem;font-weight:700}
@media(max-width:900px){.content-grid{grid-template-columns:1fr}.toc{position:static}.content-hero h1{font-size:1.75rem}.sample-grid{grid-template-columns:1fr}.article-card{padding:20px}}