/* New guides and article editorial layout; uses unchanged colours defined by original app.css. */
.editorial-intro{background:#fff;border-bottom:1px solid var(--line)}
.editorial-intro__inner{padding-top:55px;padding-bottom:58px}
.editorial-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:820;letter-spacing:.09em;text-transform:uppercase;color:var(--blue)}
.editorial-intro h1{max-width:870px;font-size:clamp(41px,5vw,65px);line-height:1.1;letter-spacing:-.052em;margin:13px 0 20px;text-wrap:balance}
.editorial-intro p{max-width:750px;font-size:18px;line-height:1.75;color:var(--muted);margin:0}
.editorial-hub{padding-top:36px;padding-bottom:82px}
.editorial-filterbar{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}
.editorial-filterbar__main{min-width:0;flex:1}
.editorial-filterbar__label{display:block;font-size:12px;font-weight:760;margin-bottom:12px;color:var(--muted)}
.editorial-topics{display:flex;flex-wrap:wrap;gap:7px}
.editorial-topics a{padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink-2);font-weight:700;font-size:13px;white-space:nowrap;line-height:1.45}
.editorial-topics a.is-active,.editorial-topics a:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.editorial-search{width:280px;flex:0 0 280px}
.editorial-search label{display:block;font-size:12px;font-weight:760;margin-bottom:10px;color:var(--muted)}
.editorial-search__input{display:flex;align-items:center;background:#fff;border:1px solid var(--line-strong);border-radius:10px;min-height:46px;overflow:hidden}
.editorial-search__input:focus-within{outline:2px solid var(--blue);outline-offset:2px}
.editorial-search__input input{width:100%;border:0;outline:none;min-width:0;min-height:44px;padding:0 13px;background:transparent;font-size:15px;color:var(--ink)}
.editorial-search__input button{border:0;background:transparent;padding:10px 13px;cursor:pointer;color:var(--blue);display:flex;align-items:center;justify-content:center}
.editorial-feature{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff;margin:0 0 68px}
.editorial-feature>a{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);min-height:405px}
.editorial-feature__image{overflow:hidden;min-width:0;background:var(--surface-2)}
.editorial-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:var(--surface-2);aspect-ratio:1.5;transition:transform .35s ease}
.editorial-image--empty{background:var(--surface-2)}
.editorial-feature__image .editorial-image{aspect-ratio:auto;height:100%;min-height:390px}
.editorial-feature__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(24px,4vw,55px);min-width:0}
.editorial-feature__content h2{font-size:clamp(31px,3.7vw,49px);line-height:1.13;letter-spacing:-.047em;margin:15px 0 17px;text-wrap:balance}
.editorial-feature__content p{font-size:16px;line-height:1.75;color:var(--muted);margin:0}
.editorial-feature__footer{display:flex;justify-content:space-between;gap:16px;align-items:center;width:100%;margin-top:30px;color:var(--muted);font-size:13px}
.editorial-feature__footer strong{color:var(--blue);font-size:14px}
.editorial-feature:hover img,.editorial-card:hover img,.home-guide-card:hover img{transform:scale(1.025)}
.editorial-grid-header{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:23px}
.editorial-grid-header h2{font-size:clamp(28px,3.3vw,40px);line-height:1.2;letter-spacing:-.043em;margin:8px 0 0}
.editorial-grid-header>span{font-size:13px;color:var(--muted);white-space:nowrap}
.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.editorial-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.editorial-card__link{display:flex;flex-direction:column;height:100%}
.editorial-card__image{aspect-ratio:1.55;overflow:hidden;background:var(--surface-2)}
.editorial-card__image .editorial-image{height:100%}
.editorial-card__body{padding:22px;flex:1;display:flex;flex-direction:column;min-width:0}
.editorial-overline{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted)}
.editorial-overline span{font-weight:790;color:var(--blue)}
.editorial-card__body h2,.editorial-card__body h3{font-size:21px;line-height:1.3;letter-spacing:-.032em;margin:15px 0 9px}
.editorial-card__body p{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 18px}
.editorial-card__more{color:var(--blue);font-size:13px;font-weight:800;margin-top:auto}
.editorial-pagination{display:flex;justify-content:center;gap:7px;padding-top:42px}
.editorial-pagination a{min-width:42px;height:42px;border:1px solid var(--line);border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:#fff;font-weight:780;font-size:14px}
.editorial-pagination a.is-current,.editorial-pagination a:hover{color:#fff;background:var(--blue);border-color:var(--blue)}
.editorial-no-results{padding:50px;border:1px dashed var(--line-strong);background:#fff;border-radius:12px;text-align:center}
.editorial-no-results h2{font-size:25px;margin:0 0 10px}.editorial-no-results p{color:var(--muted)}
.editorial-cta{padding:0 0 77px;background:var(--paper)}
.editorial-cta__inner{background:var(--navy);color:#fff;padding:35px 43px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-radius:18px}
.editorial-cta__inner>div{max-width:710px}.editorial-cta__inner .editorial-kicker{color:#a5c8f7}
.editorial-cta h2{font-size:clamp(29px,3.3vw,41px);line-height:1.16;letter-spacing:-.04em;margin:10px 0}
.editorial-cta p{font-size:15px;color:#c3ced8;margin:0}
.editorial-cta .button{flex:0 0 auto}
/* Article */
.editorial-article{background:#fff}
.editorial-article__intro{max-width:1020px;padding-top:44px;padding-bottom:30px}
.editorial-article__intro h1{font-size:clamp(41px,5vw,66px);line-height:1.1;letter-spacing:-.052em;margin:12px 0 20px;text-wrap:balance}
.editorial-article__lead{font-size:clamp(18px,2vw,21px);line-height:1.7;color:var(--muted);margin:0 0 23px;max-width:780px}
.editorial-article__byline{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--muted)}
.editorial-article__hero{max-width:1160px;margin-bottom:58px}
.editorial-article__hero .editorial-image{aspect-ratio:2.05;max-height:580px;border-radius:11px}
.editorial-article__caption{font-size:12px;color:var(--muted);margin:9px 0 0;line-height:1.5}
.editorial-article__grid{display:grid;grid-template-columns:minmax(0,205px) minmax(0,770px);gap:clamp(28px,6vw,80px);justify-content:center;align-items:start;padding-bottom:90px}
.editorial-article__aside{position:sticky;top:103px;min-width:0}
.editorial-toc{border-left:2px solid var(--line-strong);padding-left:17px}
.editorial-toc>strong{display:block;font-size:12px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:16px}
.editorial-toc nav{display:grid;gap:12px}
.editorial-toc nav a{font-size:13px;color:var(--muted);line-height:1.5}
.editorial-toc nav a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.editorial-article__main{min-width:0}
.editorial-article__content{font-size:17px;line-height:1.87;color:var(--ink-2);max-width:770px;min-width:0;overflow-wrap:break-word}
.editorial-article__content>p:first-child{font-size:19px}
.editorial-article__content h2{font-size:clamp(27px,3vw,35px);line-height:1.25;letter-spacing:-.04em;margin:43px 0 16px;scroll-margin-top:100px}
.editorial-article__content h3{font-size:23px;line-height:1.35;letter-spacing:-.026em;margin:35px 0 13px}
.editorial-article__content p{margin:0 0 22px}
.editorial-article__content ul,.editorial-article__content ol{padding-left:26px;margin:18px 0 26px}
.editorial-article__content li{margin-bottom:10px}
.editorial-article__content a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.editorial-article__content img{max-width:100%;height:auto;border-radius:8px}
.editorial-article__content figure{max-width:100%}
.editorial-article__content blockquote{border-left:3px solid var(--blue);padding-left:22px;margin:27px 0;font-size:19px;color:var(--ink-2)}
.editorial-article__content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;white-space:nowrap;margin:28px 0;border:1px solid var(--line);font-size:14px}
.editorial-article__content th,.editorial-article__content td{padding:11px 14px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:left}
.editorial-article__content th{background:var(--surface-blue)}.editorial-article__content td{background:#fff}
.editorial-inline-cta{margin-top:48px;padding:28px;background:var(--surface-blue);border:1px solid var(--line);border-radius:14px}
.editorial-inline-cta h2{font-size:27px;line-height:1.23;margin:10px 0}.editorial-inline-cta p{font-size:15px;color:var(--muted);margin:0 0 18px}
.editorial-related{padding:72px 0 88px;background:var(--paper);border-top:1px solid var(--line)}
.editorial-related__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}
.editorial-related__head h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em;line-height:1.17;margin:9px 0 0}
.editorial-related__head>a{font-size:14px;font-weight:800;color:var(--blue)}
.editorial-article__content :where(.answer-box,.guide-note,.info-box){background:var(--surface-blue);border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:8px;padding:18px 21px;margin:23px 0}
.editorial-article__content figure figcaption{font-size:12px;color:var(--muted);line-height:1.5}
@media(max-width:1024px){
 .editorial-filterbar{flex-direction:column;align-items:stretch}
 .editorial-search{flex:unset;width:min(100%,410px)}
 .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .editorial-feature>a{grid-template-columns:1fr}.editorial-feature__image .editorial-image{aspect-ratio:2;min-height:0;max-height:420px}
 .editorial-article__grid{grid-template-columns:1fr;gap:30px}
 .editorial-article__aside{position:static}
 .editorial-toc{border:1px solid var(--line);border-radius:11px;padding:19px;background:var(--paper)}
 .editorial-toc nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 17px}
}
@media(max-width:700px){
 .editorial-intro__inner{padding-top:39px;padding-bottom:43px}
 .editorial-intro h1{font-size:clamp(35px,9vw,45px)}.editorial-intro p{font-size:16px}
 .editorial-hub{padding-top:24px;padding-bottom:56px}
 .editorial-filterbar{gap:20px;margin-bottom:25px}
 .editorial-topics{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:8px;overscroll-behavior-inline:contain}
 .editorial-topics a{flex:0 0 auto}
 .editorial-search{max-width:none}
 .editorial-feature{margin-bottom:48px}.editorial-feature__image .editorial-image{aspect-ratio:1.55}
 .editorial-feature__content{padding:22px}.editorial-feature__content h2{font-size:31px}.editorial-feature__content p{font-size:15px}
 .editorial-feature__footer{flex-wrap:wrap;margin-top:20px}
 .editorial-grid-header{align-items:flex-start}.editorial-grid{grid-template-columns:1fr;gap:16px}
 .editorial-card__image{aspect-ratio:1.7}.editorial-card__body h2,.editorial-card__body h3{font-size:22px}
 .editorial-cta{padding-bottom:53px}.editorial-cta__inner{display:block;padding:25px}.editorial-cta .button{width:100%;margin-top:22px}
 .editorial-article__intro{padding-top:33px;padding-bottom:21px}.editorial-article__intro h1{font-size:clamp(35px,9vw,45px)}
 .editorial-article__lead{font-size:17px}.editorial-article__hero{margin-bottom:28px}.editorial-article__hero .editorial-image{aspect-ratio:1.55}
 .editorial-article__grid{padding-bottom:55px}.editorial-article__content{font-size:16px;line-height:1.82}
 .editorial-article__content h2{font-size:27px}.editorial-article__content h3{font-size:21px}
 .editorial-article__content>p:first-child{font-size:17px}.editorial-toc nav{grid-template-columns:1fr}
 .editorial-related{padding:52px 0}.editorial-related__head{align-items:flex-start;flex-direction:column}
}
