.ph-comparison-header { padding-block: clamp(2rem, 5vw, 4rem); border-bottom: 1px solid #233246; }
.ph-comparison-header > div, .ph-comparison-content, .ph-comparison-next { max-width: 64rem; }
.ph-comparison-header h1 { color: #f7fbff; font-size: clamp(2rem, 4.5vw, 3.5rem); font-weight: 750; line-height: 1.15; margin-block: 1rem; overflow-wrap: anywhere; }
.ph-comparison-header p { color: #dbe7f5; font-size: 1.15rem; line-height: 1.7; max-width: 52rem; }
.ph-comparison-back, .ph-comparison-next a { color: #67e8f9; text-decoration: underline; text-underline-offset: .2em; }
.ph-comparison-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; margin-top: 1.5rem; }
.ph-comparison-actions .btn { white-space: normal; height: auto; min-height: 3rem; padding-block: .75rem; }
.ph-comparison-content { padding-block: 2rem 3rem; overflow-wrap: anywhere; }
.ph-comparison-content h2 { scroll-margin-top: 6rem; }
.ph-comparison-content table { table-layout: fixed; width: 100%; }
.ph-comparison-content th, .ph-comparison-content td { overflow-wrap: anywhere; padding: .6rem; }
.ph-comparison-next { display: flex; flex-wrap: wrap; gap: 1rem 2rem; padding-bottom: 4rem; border-top: 1px solid #233246; }
.ph-comparison-header a:focus-visible, .ph-comparison-content a:focus-visible, .ph-comparison-next a:focus-visible { outline: 3px solid #ffc400; outline-offset: 4px; }
@media (max-width: 640px) { .ph-comparison-actions { align-items: flex-start; flex-direction: column; } .ph-comparison-content { font-size: 1rem; } }