.guides-page .guides-hero{padding:70px 0 55px;background:radial-gradient(ellipse at 15% 0%,rgba(93,225,246,.3),transparent 48%),linear-gradient(110deg,#01a3d3 0%,#01a3d3 35%,#087daf 68%,#12376e 100%);color:#fff;border:0}
.guides-page .guides-hero:after{display:none}.guides-page .guides-hero h1{color:#fff;max-width:900px}.guides-page .guides-hero p{color:#d4e8ef;font-size:15px;line-height:1.8;max-width:570px}.guides-page .guides-hero .kicker{color:#a5efff}
.guides-section-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:64px;margin-bottom:42px}.guides-section-heading h2{margin-bottom:0}.guides-section-heading>p{max-width:440px;color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 4px}
.guide-feature{display:grid;grid-template-columns:1.1fr 1fr;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}.guide-feature-image{display:block;overflow:hidden;min-height:420px}.guide-feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.guide-feature-image:hover img{transform:scale(1.035)}.guide-feature-copy{padding:clamp(28px,4vw,60px);align-self:center}.guides-page #main .guide-feature h2{font-size:clamp(1.65rem,2.5vw,2.6rem)!important;line-height:1.2!important;margin:18px 0}.guide-feature-copy p{color:var(--muted);font-size:15px;line-height:1.8}.guide-read-link{display:inline-flex;gap:28px;align-items:center;color:#087daf;font-size:14px;font-weight:600;padding:14px 0 6px;border-bottom:1px solid #01a3d3}.guide-read-link:focus-visible,.guide-feature-image:focus-visible,.guide-back:focus-visible{outline:2px solid #01a3d3;outline-offset:5px}
.guides-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:54px}.guides-principles>div{border-top:1px solid var(--line);padding-top:23px}.guides-principles span{color:#008faf;font-size:12px;letter-spacing:.08em}.guides-principles h3{font-size:20px;line-height:1.35;margin:14px 0 10px}.guides-principles p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}
.guides-cta>.shell{display:flex;align-items:center;justify-content:space-between;gap:40px}.guides-cta p{font-size:15px;max-width:570px}.guides-cta .btn{flex-shrink:0;border-radius:10px}
.guide-article-grid{display:grid;grid-template-columns:220px minmax(0,800px);gap:75px;justify-content:space-between}.guide-article aside{display:flex;flex-direction:column;align-items:flex-start;gap:18px;position:sticky;top:104px;align-self:start;font-size:13px;color:var(--muted)}.guide-back{color:#087daf;margin-bottom:18px}.guide-article aside .kicker{margin-bottom:4px}.guide-article article p{font-size:15px;line-height:1.9;color:var(--muted)}.guide-article article .guide-lead{font-size:19px;color:var(--ink);margin:18px 0 30px}.guide-article-image{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px;margin:0 0 38px}.guides-page #main .guide-article h2{font-size:clamp(1.6rem,2.5vw,2.4rem)!important;margin-top:44px;scroll-margin-top:100px}.guide-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;margin:26px 0}.guide-table-wrap table{width:100%;min-width:580px;border-collapse:collapse;font-size:13px;line-height:1.8;text-align:start}.guide-table-wrap th,.guide-table-wrap td{padding:18px;text-align:start;vertical-align:top;border-bottom:1px solid var(--line)}.guide-table-wrap thead{background:var(--paper)}.guide-table-wrap tbody th{width:20%}.guide-table-wrap tr:last-child>*{border-bottom:0}.guide-table-wrap td{color:var(--muted)}.guide-note{padding:22px;background:var(--paper);border-inline-start:3px solid #01a3d3;font-size:13px;line-height:1.8;color:var(--muted);margin:28px 0}
@media(max-width:1000px){.guide-article-grid{grid-template-columns:180px minmax(0,1fr);gap:35px}.guide-feature-image{min-height:360px}}
@media(max-width:800px){.guides-section-heading{grid-template-columns:1fr;gap:18px}.guide-feature{grid-template-columns:1fr}.guide-feature-image{min-height:0;height:320px}.guides-principles{gap:24px}.guide-article-grid{grid-template-columns:1fr;gap:30px}.guide-article aside{position:static;flex-direction:row;flex-wrap:wrap;gap:14px 24px}.guide-article aside .kicker{display:none}.guide-back{margin:0}.guides-cta>.shell{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.guides-page .guides-hero{padding:45px 0}.guides-page .guides-hero p,.guide-feature-copy p,.guides-section-heading>p{font-size:13px}.guide-feature-image{height:250px}.guide-feature-copy{padding:26px}.guides-principles{grid-template-columns:1fr;gap:24px;margin-top:32px}.guide-article article .guide-lead{font-size:17px}.guide-article article p{font-size:14px}.guide-article aside{font-size:12px}.guides-cta p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.guide-feature-image img{transition:none}.guide-feature-image:hover img{transform:none}}

/* Guides are read in full on the landing page. */
.guides-page .guide-article{padding-top:0}.guides-page .guide-article-grid{grid-template-columns:minmax(0,900px);justify-content:center;gap:0}.guides-page .guides-library{padding-bottom:20px}.guides-page .guides-section-heading{margin-bottom:0}.guides-page .guide-article{scroll-margin-top:100px}

/* Compact image beside the opening explanation. */
.guides-page .guide-article-grid{grid-template-columns:minmax(0,1fr)}.guide-opening{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center;margin-bottom:48px}.guide-opening .guide-article-image{width:100%;height:360px;aspect-ratio:auto;object-fit:cover;margin:0;grid-column:2;grid-row:1}.guide-opening-copy{grid-column:1;grid-row:1}.guide-opening-copy .guide-lead{margin-top:0!important}.guides-page #main .guide-opening h2{margin-top:26px}.guide-article article>p,.guide-article article>.guide-note,.guide-article article>.guide-table-wrap{max-width:100%}@media(max-width:800px){.guide-opening{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.guide-opening-copy{grid-column:1;grid-row:1}.guide-opening .guide-article-image{grid-column:1;grid-row:2;height:260px}}

.guides-section-heading:not(:has(>p)){grid-template-columns:1fr}.guide-expanded{max-width:950px}.guide-expanded>section{margin-top:42px}.guide-expanded p{font-size:15px;line-height:1.9;color:var(--muted)}.guide-sources a{text-decoration:underline;text-underline-offset:3px}@media(max-width:600px){.guide-expanded p{font-size:14px}}

.guide-expanded{max-width:none}.guide-illustrated{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center;direction:ltr}.guide-topic-copy{min-width:0}.guide-topic-image{width:100%;height:300px;object-fit:cover;border-radius:10px}.guides-page #main .guide-illustrated h2{margin-top:0}.guide-illustrated .guide-topic-copy p:last-child{margin-bottom:0}[dir=rtl] .guide-topic-copy{direction:rtl}@media(max-width:800px){.guide-illustrated{grid-template-columns:1fr;gap:24px}.guide-topic-image{height:240px}}

/* Brand geometry in the hero’s open space. */
.guides-hero{isolation:isolate}.guides-hero>.shell{z-index:2}.guides-hero-art{position:absolute;inset:0 0 0 55%;pointer-events:none;overflow:hidden;z-index:1}.guides-hero-art i{position:absolute;display:block}.guide-art-halo{width:360px;height:360px;border:1px solid #a5efff38;border-radius:50%;top:-110px;right:-60px;box-shadow:0 0 0 44px #a5efff08,0 0 0 88px #a5efff06}.guide-art-tile{width:180px;height:180px;border-radius:24px;transform:rotate(-28deg) skew(5deg,5deg);border:1px solid #c5f5ff55;background:linear-gradient(140deg,#b5f5ff30,#01a3d308);box-shadow:20px 24px 45px #092e5a24,inset 1px 1px 0 #e7fcff30}.tile-back{top:56px;right:80px;opacity:.55}.tile-front{top:120px;right:160px;transform:rotate(-28deg) skew(5deg,5deg);background:linear-gradient(135deg,#a5efff42,#30bddb13)}.guide-art-orbit{width:290px;height:90px;border:1px solid #bcefff50;border-radius:50%;transform:rotate(-32deg);right:80px;top:230px}.guide-art-dot{width:25px;height:25px;right:92px;top:240px;border-radius:50%;background:linear-gradient(135deg,#dbfbff,#67dbee);box-shadow:0 0 25px #8ae9ff45}[dir=rtl] .guides-hero-art{inset:0 55% 0 0;transform:scaleX(-1)}@media(max-width:900px){.guides-hero-art{inset:0 -90px 0 58%;opacity:.65}.guide-art-tile{width:145px;height:145px}.tile-back{right:20px}.tile-front{right:75px}.guide-art-orbit{right:-25px}.guide-art-dot{right:20px}[dir=rtl] .guides-hero-art{inset:0 58% 0 -90px}}@media(max-width:600px){.guides-hero-art{inset:0 -120px 0 55%;opacity:.28}.guides-page .guides-hero>.shell{position:relative}[dir=rtl] .guides-hero-art{inset:0 55% 0 -120px}}

/* Larger geometry extends towards the middle of the hero. */
@media(min-width:901px){.guides-hero-art{inset:0 0 0 43%}.guide-art-tile{width:250px;height:250px;border-radius:30px}.tile-back{top:15px;right:100px}.tile-front{top:95px;right:235px}.guide-art-halo{width:460px;height:460px;top:-155px;right:0}.guide-art-orbit{width:400px;height:125px;right:150px;top:205px}.guide-art-dot{width:32px;height:32px;right:155px;top:245px}[dir=rtl] .guides-hero-art{inset:0 43% 0 0}}

/* Quiet continuous motion, respecting reduced-motion preferences. */
.guides-hero-art .tile-front{animation:guide-tile-float 9s ease-in-out infinite}.guides-hero-art .tile-back{animation:guide-tile-float 12s ease-in-out -4s infinite reverse}.guides-hero-art .guide-art-orbit{animation:guide-orbit-drift 14s ease-in-out infinite}.guides-hero-art .guide-art-dot{animation:guide-dot-drift 10s ease-in-out -2s infinite}@keyframes guide-tile-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:-12px -18px;rotate:5deg}}@keyframes guide-orbit-drift{0%,100%{translate:0 0;rotate:0deg}50%{translate:-20px 8px;rotate:-8deg}}@keyframes guide-dot-drift{0%,100%{translate:0 0}50%{translate:-38px -26px}}.guide-method-comparison{max-width:850px;margin:28px auto 36px}.guide-method-comparison img{width:100%;height:auto;border-radius:12px}.guide-method-comparison figcaption{padding:18px 0 0;font-size:13px;color:var(--muted)}.guide-method-comparison figcaption strong{color:var(--ink)}.guide-article .guide-method-comparison figcaption p{font-size:13px;line-height:1.8;margin:8px 0 0}@media(prefers-reduced-motion:reduce){.guides-hero-art i{animation:none!important}}

.guide-comparison-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;margin:28px 0 36px;direction:ltr}.guide-comparison-row .guide-method-comparison{max-width:none;width:100%;margin:0}.guide-comparison-copy{color:var(--muted);font-size:15px;line-height:1.8}.guide-comparison-copy strong{color:var(--ink);font-size:20px}.guide-comparison-copy p{margin-bottom:0}[dir=rtl] .guide-comparison-copy{direction:rtl}@media(max-width:800px){.guide-comparison-row{grid-template-columns:1fr;gap:24px}.guide-comparison-copy strong{font-size:18px}}

.guides-page #main .guide-comparison-copy h2{margin:0 0 20px;scroll-margin-top:110px}.guide-comparison-row{scroll-margin-top:110px}.guide-comparison-copy strong{display:block;margin-bottom:8px}.guide-comparison-copy p{margin-top:0}

.guides-page #main .guide-comparison-copy h2{color:var(--ink)}

.guides-breadcrumbs{font-size:12px;color:#d4e8ef;margin-bottom:18px}.guides-breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.guide-article article .guide-byline{font-size:12px;margin:0 0 28px;color:var(--muted)}.guide-byline a,.guide-related a{color:#087daf;text-decoration:underline;text-underline-offset:3px}.guide-article article .guide-related{font-size:13px;margin:28px 0}