.editorial { margin:0; background:#fff; color:#17212c; font-family:Arial,Helvetica,sans-serif; line-height:1.7; }
.editorial * { box-sizing:border-box; letter-spacing:0; }
.editorial a { color:#155ca1; text-underline-offset:3px; }
.editorial a:focus-visible { outline:3px solid #e4a327; outline-offset:4px; }
.editorial header { border-bottom:1px solid #dce2e8; background:#131921; color:#fff; }
.editorial nav { max-width:1120px; margin:auto; padding:18px 24px; display:flex; flex-wrap:wrap; gap:14px 26px; align-items:center; }
.editorial nav a { color:#fff; }
.editorial .wordmark { font-weight:800; font-size:26px; text-decoration:none; margin-right:auto; }
.editorial .wordmark span { color:#febd69; }
.editorial main { max-width:1120px; margin:auto; padding:30px 24px 60px; }
.editorial .crumbs { font-size:14px; margin-bottom:24px; }
.editorial h1 { font-size:38px; line-height:1.18; max-width:850px; margin:16px 0; overflow-wrap:anywhere; }
.editorial h2 { font-size:25px; line-height:1.3; margin:32px 0 12px; }
.editorial .lead { font-size:20px; max-width:760px; }
.editorial .meta { color:#586574; font-size:14px; }
.editorial .reading-layout { display:grid; grid-template-columns:minmax(0,760px) minmax(190px,1fr); gap:48px; }
.editorial article p { margin:0 0 19px; }
.editorial .article-image { width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; background:#e8edf1; }
.editorial figcaption { color:#64707d; font-size:12px; }
.editorial figure { margin:24px 0; }
.editorial aside { border-left:1px solid #dce2e8; padding-left:24px; }
.editorial aside h2 { font-size:18px; }
.editorial aside ul { padding-left:18px; }
.editorial li { margin-bottom:10px; }
.editorial .answer { padding:16px 0; border-top:3px solid #febd69; border-bottom:1px solid #dce2e8; margin:25px 0; }
.editorial .post-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:30px; }
.editorial .post { border:1px solid #dce2e8; border-radius:6px; overflow:hidden; }
.editorial .post img { width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }
.editorial .post div { padding:18px; }
.editorial .post h2 { font-size:21px; margin:8px 0 12px; }
.editorial footer { border-top:1px solid #dce2e8; padding:24px; background:#f3f6f8; }
.editorial footer p { max-width:1072px; margin:8px auto; }
.editorial .calculator { border-top:1px solid #dce2e8; border-bottom:1px solid #dce2e8; padding:22px 0; }
.editorial .cost-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.editorial label { display:flex; flex-direction:column; font-weight:600; }
.editorial input { min-width:0; padding:12px; font:inherit; border:1px solid #8796a6; border-radius:4px; }
.editorial output { display:block; font-weight:700; font-size:23px; margin-top:20px; }
@media(max-width:760px) { .editorial h1 { font-size:30px; } .editorial .reading-layout { grid-template-columns:1fr; gap:20px; } .editorial aside { border-left:0; border-top:1px solid #dce2e8; padding:10px 0; } .editorial .post-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:480px) { .editorial main { padding:22px 18px 40px; } .editorial .post-grid,.editorial .cost-fields { grid-template-columns:1fr; } .editorial nav { padding:16px 18px; gap:10px 18px; } }