
.guide-section{background:#F6F2EA;color:#18201B;padding:85px max(7vw,24px)}.guide-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.guide-heading h2{font:600 clamp(40px,4vw,58px)/1.1 Cormorant,Georgia,serif;margin:15px 0}.guide-heading>a{font-size:12px;border-bottom:1px solid #bc995d;padding-bottom:8px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;align-items:start}.guide-card:nth-child(2){padding-top:35px}.guide-card:nth-child(3){padding-top:70px}.guide-card img{display:block;width:100%;height:auto;aspect-ratio:1.15/1;object-fit:cover;transition:transform .6s}.guide-photo{display:block;overflow:hidden;border-radius:3px 3px 40px 3px}.guide-photo:hover img{transform:scale(1.05)}.guide-meta{font-size:14px;font-weight:600;line-height:1.7;letter-spacing:.3px;color:#66512e;margin-top:18px}.guide-card :is(h2,h3){font:600 31px/1.15 Cormorant,Georgia,serif;margin:14px 0}.guide-card p{font-size:12px;line-height:1.9;color:#697260}.guide-read{display:inline-block;font-size:11px;border-bottom:1px solid #bc995d77;padding:12px 0 5px}.guide-intro{background:#18201B;padding:60px max(7vw,24px) 75px}.guide-intro h1{font:600 clamp(60px,6vw,86px)/1.07 Cormorant,Georgia,serif;margin:25px 0}.guide-intro h1 em{color:#d2b785}.guide-intro p{font-size:13px;line-height:1.9;max-width:470px;color:#c2cbbd}.guide-article-hero{background:#18201B;padding:55px max(7vw,24px) 70px}.guide-article-hero h1{font:600 clamp(43px,5vw,72px)/1.1 Cormorant,Georgia,serif;max-width:900px;margin:25px 0}.guide-article-image{display:block;width:100%;max-height:520px;object-fit:cover;margin-top:40px;border-radius:3px 60px 3px 3px}.guide-article-layout{background:#F6F2EA;color:#18201B;padding:85px max(7vw,24px);display:grid;grid-template-columns:230px minmax(0,760px);gap:80px}.guide-toc{align-self:start;position:sticky;top:120px;font-size:11px}.guide-toc a{display:block;color:#65705b;line-height:1.7;padding:10px 0;border-bottom:1px solid #bc995d33}.guide-copy h2{font:600 37px/1.2 Cormorant,Georgia,serif;margin:0 0 20px;scroll-margin-top:120px}.guide-copy section+section{margin-top:45px}.guide-copy p,.guide-copy li{font-size:14px;line-height:1.95;color:#5c6755}.guide-copy ul{padding-left:20px}.guide-copy .guide-note{padding:22px;background:#EAE2D5;border-left:2px solid #bc995d;font-size:12px;margin-top:35px}.guide-article-cta{border-top:1px solid #bc995d55;padding-top:30px;margin-top:40px}.guide-article-cta a{display:inline-flex;background:#18201B;color:#f6f2ea;padding:17px 25px;font-size:12px}
@media(max-width:760px){.guide-section{padding-top:55px;padding-bottom:55px}.guide-heading{display:block}.guide-heading>a{display:inline-block;margin-top:10px}.guide-grid{grid-template-columns:1fr;gap:35px}.guide-card:nth-child(n){padding-top:0}.guide-card :is(h2,h3){font-size:30px}.guide-article-layout{grid-template-columns:1fr;gap:30px;padding-top:50px;padding-bottom:50px}.guide-toc{position:static}.guide-article-hero{padding-top:35px;padding-bottom:45px}.guide-article-image{height:280px}.guide-copy h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.guide-photo:hover img{transform:none}}

/* Align editorial cards with the site's main content width. */
.guide-section{padding-left:max(calc((100% - 1320px)/2),7vw);padding-right:max(calc((100% - 1320px)/2),7vw)}
.guide-card:nth-child(2){padding-top:20px}.guide-card:nth-child(3){padding-top:30px}
.guide-card img{aspect-ratio:1.3/1;width:100%;object-fit:cover}
@media(max-width:1450px) and (min-width:761px){.guide-section{padding-left:8%;padding-right:8%}}
@media(max-width:1100px) and (min-width:761px){.guide-section{padding-left:7%;padding-right:7%}}
@media(max-width:760px){.guide-section{padding-left:27px;padding-right:27px}.guide-card:nth-child(n){padding-top:0}}

/* Article-specific proportions, independent of service dialog photo styles. */
.guide-article-hero{padding:35px max(calc((100% - 1100px)/2),32px) 40px}
.guide-article-hero .about-crumb{margin-bottom:26px}
.guide-article-hero h1{font-size:clamp(38px,3.6vw,56px);line-height:1.12;max-width:900px;letter-spacing:-.8px;margin:20px 0 18px}
.guide-article-hero .about-copy{max-width:650px}
.guide-article-hero .guide-article-image{width:100%;height:clamp(260px,27vw,360px);max-height:none;margin-top:28px;object-fit:cover;border-radius:3px 32px 3px 3px}
.guide-article-layout{padding:55px max(calc((100% - 1100px)/2),32px);grid-template-columns:200px minmax(0,1fr);gap:55px}
@media(max-width:760px){.guide-article-hero{padding:28px 27px 30px}.guide-article-hero .about-crumb{margin-bottom:22px}.guide-article-hero h1{font-size:38px}.guide-article-hero .guide-article-image{height:240px;margin-top:24px;border-radius:3px 24px 3px 3px}.guide-article-layout{padding:35px 27px 45px;grid-template-columns:1fr;gap:28px}}

/* Blog index: compact introduction aligned with the cards below. */
.guide-intro{padding:36px max(calc((100% - 1320px)/2),7vw) 42px}
.guide-intro .about-crumb{margin-bottom:25px}
.guide-intro h1{font-size:clamp(43px,4vw,60px);line-height:1.08;margin:20px 0 22px;letter-spacing:-1px}
.guide-intro>.detail-label{font-size:10px;letter-spacing:2.4px;color:#d1b882}
.guide-intro>p:last-child{max-width:630px;margin:0;color:#c2cbbd}
.guide-intro+.guide-section{padding-top:50px}
@media(max-width:1450px) and (min-width:761px){.guide-intro{padding-left:8%;padding-right:8%}}
@media(max-width:1100px) and (min-width:761px){.guide-intro{padding-left:7%;padding-right:7%}}
@media(max-width:760px){.guide-intro{padding:28px 27px 34px}.guide-intro h1{font-size:43px}.guide-intro .about-crumb{margin-bottom:22px}.guide-intro+.guide-section{padding-top:35px}}

/* Readable article navigation. */
.guide-toc{font-size:14px}
.guide-toc .detail-label{font-size:12px;font-weight:700;letter-spacing:1.6px;color:#806235;margin-bottom:16px}
.guide-toc a{font-size:14px;line-height:1.65;font-weight:700;color:#394734;padding:14px 0;border-bottom-color:#bc995d55}
.guide-toc a:hover{color:#806235}

/* Six articles per page, with a compact and accessible navigation. */
.guide-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:52px;padding-top:30px;border-top:1px solid #bc995d44;color:#354332}
.guide-pagination-pages{display:flex;align-items:center;gap:8px}
.guide-pagination-arrow,.guide-pagination-number{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;height:44px;border:1px solid #bc995d66;border-radius:50%;background:transparent;color:#63512e;text-decoration:none;font:600 14px/1 Manrope,Arial,sans-serif;transition:background .2s,color .2s,border-color .2s}
.guide-pagination-arrow svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.guide-pagination-number.is-current{background:#18201b;border-color:#18201b;color:#f6f2ea}
.guide-pagination-arrow.is-disabled{opacity:.3}
.guide-pagination-ellipsis{padding:0 3px;color:#806235}
.guide-pagination-status{display:none;font:600 14px/1.6 Manrope,Arial,sans-serif;color:#63512e}
.guide-pagination a:focus-visible{outline:2px solid #806235;outline-offset:4px}
@media(hover:hover){.guide-pagination a:hover{background:#eae2d5;border-color:#987a45}}
@media(max-width:600px){.guide-pagination{gap:24px;margin-top:36px;padding-top:26px}.guide-pagination-pages{display:none}.guide-pagination-status{display:block}.guide-pagination-arrow{width:46px;height:46px}}
