.protection-page { max-width: 1040px; padding-bottom: 72px; }
.protection-header { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-block:24px; border-bottom:1px solid var(--line,#dce4ee); }
.protection-header nav { display:flex; gap:20px; flex-wrap:wrap; }
.protection-hero { padding:64px 0 28px; max-width:780px; }
.protection-hero h1 { font-size:clamp(32px,5vw,52px); line-height:1.2; margin:16px 0 24px; }
.protection-hero p,.protection-section p,.protection-section li { line-height:1.85; }
.protection-date { color:var(--muted,#66758b); font-size:14px; }
.protection-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:24px 0 32px; }
.protection-summary article { padding:24px; border-radius:20px; background:var(--surface,#fff); border:1px solid var(--line,#dce4ee); }
.protection-summary h2 { font-size:20px; margin:0 0 12px; }
.protection-summary p { font-size:15px; line-height:1.8; margin:0; }
.protection-index { display:flex; flex-wrap:wrap; gap:12px 24px; padding:20px 0; border-block:1px solid var(--line,#dce4ee); }
.protection-page a:not(.brand) { color:var(--accent,#245ce6); text-underline-offset:4px; }
.protection-section { padding:32px 0; border-bottom:1px solid var(--line,#dce4ee); scroll-margin-top:24px; }
.protection-section h2 { font-size:26px; margin:0 0 18px; }
.protection-section h3 { font-size:18px; margin:24px 0 8px; }
.protection-section ul { padding-left:22px; }
.protection-callout { border-left:4px solid #3269ef; padding:12px 20px; background:var(--surface,#fff); border-radius:0 12px 12px 0; }
.protection-table { width:100%; border-collapse:collapse; margin:20px 0; }
.protection-table th,.protection-table td { text-align:left; vertical-align:top; padding:16px 12px; border-bottom:1px solid var(--line,#dce4ee); line-height:1.8; }
.protection-table th { white-space:nowrap; }
.hero-protection { display:block; max-width:450px; margin:18px 0; padding:14px 18px; border:1px solid var(--line,#dce4ee); border-radius:14px; background:var(--surface,#fff); font-size:14px; line-height:1.8; }
.hero-protection strong { display:block; color:var(--accent,#245ce6); font-size:16px; }
@media(max-width:700px) { .protection-summary { grid-template-columns:1fr; } .protection-hero { padding-top:36px; } .protection-header { align-items:flex-start; } .protection-header nav { gap:10px; font-size:14px; } .protection-table th,.protection-table td { padding:12px 5px; font-size:14px; } }