/* Editorial layout: shared alignment, fixed-size controls and full-image stories. */
.guides-section.insights-reference-layout{padding:72px 0 74px;background:#fff;color:#191b1a}
.insights-reference-layout .insights-heading{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start;margin-bottom:64px}
.homepage-content .insights-reference-layout h2,.homepage-content .faq-reference-layout h2{margin:0;font-size:clamp(38px,4.1vw,58px);line-height:1.08;font-weight:400;letter-spacing:-.045em;color:#191b1a}
.insights-reference-layout .insights-introduction{box-sizing:border-box;align-self:start;justify-self:end;min-width:0;width:100%;max-width:360px;padding:5px 20px 0 0;text-align:right}
.insights-reference-layout .insights-introduction>p{margin:0;color:#59635b;font-size:18px;line-height:1.55}
.insights-reference-layout .insights-decoration{display:flex;justify-content:flex-end;gap:6px;margin:20px 0 0;pointer-events:none}
.insights-reference-layout .insights-decoration i{display:block;width:12px;height:12px;background:#0047ab}
.insights-reference-layout .insights-decoration i:nth-child(2){background:#6c99d7}
.insights-reference-layout .insights-decoration i:nth-child(3){background:#bfd3ef}
.insights-reference-layout .insights-all-link{display:inline-flex;align-items:center;gap:16px;margin-top:25px;padding-bottom:0;border:0;color:#0047ab;font-size:14px;line-height:1.4;text-decoration:none}
.insights-reference-layout .insights-all-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}
.insights-reference-layout .insights-all-link:hover{color:#003a8c;text-decoration:none}
.insights-reference-layout .insights-all-link:focus-visible{outline:2px solid #0047ab;outline-offset:5px}
.insights-reference-layout .insights-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.insights-reference-layout .insights-sidebar{display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:4px 38px 0 0;min-width:0}
.insights-reference-layout .insights-position{display:flex;align-items:baseline;margin:0 0 17px;font-size:64px;line-height:1;letter-spacing:-.065em;font-weight:400;font-variant-numeric:tabular-nums}
.insights-reference-layout .insights-total{color:#8d938d;font-size:28px;letter-spacing:-.04em}
.insights-reference-layout .insights-description{max-width:240px;margin:0;color:#7a817b;font-size:16px;line-height:1.6}
.insights-reference-layout .guide-controls{display:flex;align-items:center;gap:12px;margin:0}
.insights-reference-layout .guide-controls button{box-sizing:border-box;display:flex;flex:0 0 64px;align-items:center;justify-content:center;width:64px;min-width:64px;height:64px;min-height:64px;margin:0;padding:0;border:1px solid #b6c9e4;border-radius:7px;background:#fff;color:#0047ab;cursor:pointer;box-shadow:none;transition:background-color .18s,color .18s,border-color .18s}
.insights-reference-layout .guide-controls #guide-next{background:#0047ab;color:#fff;border-color:#0047ab}
.insights-reference-layout .guide-controls button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.insights-reference-layout .guide-controls button:disabled{opacity:1;background:#fff;border-color:#dfe2df;color:#b2b8b2;cursor:default}
.insights-reference-layout .guide-controls #guide-next:disabled{background:#e6eef9;border-color:#d1def0;color:#8ba5c8}
.insights-reference-layout .guide-controls button:hover:not(:disabled){background:#edf4ff;color:#0047ab;border-color:#0047ab}
.insights-reference-layout .guide-controls #guide-next:hover:not(:disabled){background:#003a8c;color:#fff;border-color:#003a8c}
.insights-reference-layout .guide-controls button:focus-visible{outline:2px solid #0047ab;outline-offset:4px}
.guides-section.insights-reference-layout #technical-guides{grid-column:span 2;display:flex;min-width:0;gap:24px;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;align-items:stretch;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab}
.guides-section.insights-reference-layout #technical-guides>.insight-card{position:relative;display:flex;flex:0 0 calc((100% - 24px)/2);min-width:0;min-height:400px;aspect-ratio:24/25;max-width:none;margin:0;padding:0;gap:0;border:0;border-radius:25px;overflow:hidden;background:#444a46;color:#fff;box-shadow:none;transition:none}
.guides-section.insights-reference-layout #technical-guides>.insight-card>.home-story-link{position:relative;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;min-width:0;min-height:100%;height:100%;width:100%;background:none;color:#fff;text-decoration:none;box-shadow:none;transform:none}
.guides-section.insights-reference-layout #technical-guides>.insight-card .guide-image{position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:auto;margin:0;border-radius:0;overflow:hidden;background:#444a46}
.guides-section.insights-reference-layout #technical-guides>.insight-card .guide-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,16,12,.06),rgba(10,16,12,.16) 40%,rgba(10,16,12,.46) 58%,rgba(10,16,12,.58) 80%);pointer-events:none}
.guides-section.insights-reference-layout #technical-guides>.insight-card .guide-image img{position:absolute;top:-25%;left:0;display:block;width:100%;height:125%;object-fit:cover;object-position:center center;transform:none;mix-blend-mode:normal}
.guides-section.insights-reference-layout #technical-guides>.insight-card .guide-date{position:absolute;z-index:1;top:20px;right:20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:58px;height:58px;margin:0;padding:6px;border:1px solid #0047ab;border-radius:0 8px 0 8px;background:#0047ab;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.guides-section.insights-reference-layout #technical-guides>.insight-card .guide-date-day{font-size:22px;font-weight:400;line-height:1;letter-spacing:-.035em}
.guides-section.insights-reference-layout #technical-guides>.insight-card .guide-date-month{font-size:9.5px;font-weight:500;line-height:1.15;letter-spacing:0}
.guides-section.insights-reference-layout #technical-guides>.insight-card .guide-content{position:relative;display:flex;flex-direction:column;flex:none;gap:0;margin:0;padding:28px;background:transparent;color:#fff;transition:none}
.guides-section.insights-reference-layout #technical-guides>.insight-card h3{margin:0 0 13px;color:#fff;font-size:25px;font-weight:400;line-height:1.18;letter-spacing:-.035em}
.guides-section.insights-reference-layout #technical-guides>.insight-card .guide-summary{display:block;margin:0;color:#fff;font-size:14px;font-weight:400;line-height:1.55}
.guides-section.insights-reference-layout #technical-guides>.insight-card:hover .guide-content,.guides-section.insights-reference-layout #technical-guides>.insight-card:focus-within .guide-content{background:transparent;color:#fff}
.guides-section.insights-reference-layout #technical-guides>.insight-card:hover h3{text-decoration:none}
.guides-section.insights-reference-layout #technical-guides>.insight-card:focus-within{outline:2px solid #0047ab;outline-offset:-3px}
.guides-section.insights-reference-layout #technical-guides>.insight-card>.home-story-link:focus-visible{outline:2px solid #fff;outline-offset:-5px}
.guides-section.insights-reference-layout #technical-guides:focus-visible{outline:2px solid #0047ab;outline-offset:5px}
@media(max-width:1100px){
 .insights-reference-layout .insights-heading{margin-bottom:48px}
 .insights-reference-layout .insights-layout{grid-template-columns:minmax(0,1fr);gap:28px}
 .insights-reference-layout .insights-sidebar{flex-direction:row;align-items:flex-end;gap:24px;padding:0}
 .insights-reference-layout .insights-sidebar>div:first-child{min-width:0}
 .insights-reference-layout .insights-description{max-width:360px}
 .guides-section.insights-reference-layout #technical-guides{grid-column:auto}
 .guides-section.insights-reference-layout #technical-guides>.insight-card{min-height:380px;border-radius:20px}
 .guides-section.insights-reference-layout #technical-guides>.insight-card .guide-image::after{background:linear-gradient(180deg,rgba(10,16,12,.06),rgba(10,16,12,.12) 24%,rgba(10,16,12,.5) 44%,rgba(10,16,12,.58) 72%)}
 .guides-section.insights-reference-layout #technical-guides>.insight-card .guide-content{padding:22px}
 .guides-section.insights-reference-layout #technical-guides>.insight-card h3{font-size:22px}
}
@media(max-width:800px){
 .guides-section.insights-reference-layout{padding:56px 0}
 .insights-reference-layout .insights-heading{grid-template-columns:1fr;gap:22px;margin-bottom:34px}
 .homepage-content .insights-reference-layout h2,.homepage-content .faq-reference-layout h2{font-size:clamp(36px,7.4vw,48px)}
 .insights-reference-layout .insights-introduction{max-width:440px;padding-top:0}
 .insights-reference-layout .insights-introduction>p{font-size:17px}
 .insights-reference-layout .insights-decoration{margin-top:16px}
 .insights-reference-layout .insights-all-link{margin-top:18px}
 .insights-reference-layout .insights-layout{grid-template-columns:minmax(0,1fr);gap:24px}
 .insights-reference-layout .insights-sidebar{flex-direction:row;align-items:flex-end;gap:18px;padding:0}
 .insights-reference-layout .insights-position{font-size:49px;margin-bottom:10px}
 .insights-reference-layout .insights-total{font-size:23px}
 .insights-reference-layout .insights-description{max-width:270px;font-size:14px}
 .insights-reference-layout .guide-controls{flex:none;gap:10px;padding:0}
 .insights-reference-layout .guide-controls button{flex-basis:52px;width:52px;min-width:52px;height:52px;min-height:52px;padding:0}
 .guides-section.insights-reference-layout #technical-guides{grid-column:auto;gap:18px}
 .guides-section.insights-reference-layout #technical-guides>.insight-card{flex-basis:calc((100% - 18px)/2);min-height:390px;border-radius:22px}
 .guides-section.insights-reference-layout #technical-guides>.insight-card .guide-image::after{background:linear-gradient(180deg,rgba(10,16,12,.06),rgba(10,16,12,.16) 24%,rgba(10,16,12,.5) 40%,rgba(10,16,12,.58) 70%)}
 .guides-section.insights-reference-layout #technical-guides>.insight-card .guide-content{padding:26px}
 .guides-section.insights-reference-layout #technical-guides>.insight-card .guide-date{width:54px;height:54px}
 .guides-section.insights-reference-layout #technical-guides>.insight-card .guide-date-day{font-size:20px}
 .guides-section.insights-reference-layout #technical-guides>.insight-card .guide-date-month{font-size:9px}
}
@media(max-width:600px){
 .insights-reference-layout .insights-description{max-width:200px}
 .guides-section.insights-reference-layout #technical-guides>.insight-card{flex-basis:100%}
 .guides-section.insights-reference-layout #technical-guides>.insight-card h3{font-size:24px}
 .guides-section.insights-reference-layout #technical-guides>.insight-card .guide-summary{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.insights-reference-layout .guide-controls button{transition:none}}

/* FAQ shares the Blog heading typography and its restrained editorial palette. */
.faq-section.faq-reference-layout{padding:72px 0 74px;background:#fff;color:#191b1a}
.faq-section.faq-reference-layout .faq-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:72px;align-items:start}
.faq-section.faq-reference-layout .faq-layout>div:first-child>p{max-width:46ch;margin:24px 0 0;color:#6b736c;font-size:17px;font-weight:400;line-height:1.6}
.faq-section.faq-reference-layout .faq-layout>div:first-child>p+p{margin-top:18px}
.faq-section.faq-reference-layout .faq-layout>div:first-child>.text-link{display:inline-flex;align-items:center;gap:16px;margin:25px 0 0;padding-bottom:5px;border-bottom:1px solid #959b95;color:#272b28;font-size:14px;font-weight:400;line-height:1.4;text-decoration:none}
.faq-section.faq-reference-layout .faq-layout>div:first-child>.text-link svg{width:16px;height:16px;stroke-width:1.4}
.faq-section.faq-reference-layout .faq-layout>div:first-child>.text-link:hover{text-decoration:underline;text-underline-offset:4px}
.faq-section.faq-reference-layout .faq-list{padding-top:5px}
.faq-section.faq-reference-layout .faq-list details{border-bottom:1px solid #dde2dc}
.faq-section.faq-reference-layout .faq-list summary{padding:24px 36px 24px 0;color:#252a26;font-size:22px;font-weight:400;line-height:1.35;letter-spacing:-.025em}
.faq-section.faq-reference-layout .faq-list details:first-child summary{padding-top:0}
.faq-section.faq-reference-layout .faq-list summary::after{top:50%;right:0;transform:translateY(-50%);color:#333b34;font-size:24px;line-height:1;font-weight:400}
.faq-section.faq-reference-layout .faq-list details:first-child summary::after{margin-top:-12px}
.faq-section.faq-reference-layout .faq-list details[open] summary{color:#191b1a}
.faq-section.faq-reference-layout .faq-list details>p{margin:0 36px 24px 0;color:#6b736c;font-size:16px;line-height:1.65}
.faq-section.faq-reference-layout .faq-list summary:focus-visible,.faq-section.faq-reference-layout .text-link:focus-visible{outline:2px solid #333b34;outline-offset:5px}
@media(max-width:1100px){.faq-section.faq-reference-layout .faq-layout{gap:40px}}
@media(max-width:800px){
 .faq-section.faq-reference-layout{padding:56px 0}
 .faq-section.faq-reference-layout .faq-layout{grid-template-columns:minmax(0,1fr);gap:36px}
 .faq-section.faq-reference-layout .faq-layout>div:first-child>p{max-width:none;font-size:16px;line-height:1.6}
 .faq-section.faq-reference-layout .faq-list{padding-top:0}
 .faq-section.faq-reference-layout .faq-list summary{font-size:20px;padding:21px 32px 21px 0}
 .faq-section.faq-reference-layout .faq-list details:first-child summary::after{margin-top:-10.5px}
 .faq-section.faq-reference-layout .faq-list details>p{margin-right:24px;font-size:15px}
}