/* Buyer guides use the existing SHIRE typography and product photography. */
.guides-intro{padding:54px 0 46px}.guides-intro h1{max-width:900px}.guides-intro>p{max-width:660px;margin:24px 0 0;font-size:18px}
.guide-category{display:block;color:#b43b1c;font-size:13px;font-weight:650;margin-bottom:15px}
.guide-feature{display:grid;grid-template-columns:1.25fr 1fr;background:var(--paper);align-items:center}.guide-feature-image img{width:100%;height:430px;object-fit:cover}.guide-feature-copy{padding:42px}.guide-feature-copy h2{font-size:clamp(30px,3.4vw,46px);margin-bottom:22px}.guide-feature-copy p{font-size:17px}
.guide-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.guide-card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card{min-width:0}.guide-card>a{display:block}.guide-card img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;border-radius:4px}.guide-card-copy{padding:23px 0 0}.guide-card h3{font-size:26px;line-height:1.25;margin-bottom:14px}.guide-card p{font-size:15px;line-height:1.7}.guide-card a:hover h3{color:#b43b1c}.guide-read{font-size:13px;font-weight:700}.guide-read>span{margin-left:12px}
.guides-teaser .section-heading p{margin:20px 0 0}.guide-more>h2,.guide-related>h2{margin-bottom:34px}.guide-resource{border-top:1px solid var(--line);padding:36px 0 70px;display:flex;justify-content:space-between;align-items:center;gap:30px}.guide-resource h2{font-size:29px;margin-bottom:14px}.guide-resource p{margin:0}.guide-resource .button{flex-shrink:0}
.guide-header{padding:44px 0 34px}.guide-header h1{font-size:clamp(38px,4.6vw,66px);max-width:1050px;line-height:1.12}.guide-lead{font-size:19px;line-height:1.75;max-width:880px;margin:25px 0}.guide-meta{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px;color:var(--muted)}.guide-meta a{text-decoration:underline;text-underline-offset:4px}
.guide-cover{margin-block:0 50px}.guide-cover>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:5px}.guide-cover figcaption{font-size:11px;color:var(--muted);margin-top:10px}
.guide-layout{display:grid;grid-template-columns:250px minmax(0,760px);justify-content:space-between;gap:55px;align-items:start}.guide-contents{position:sticky;top:120px;border-top:2px solid var(--ink);padding-top:22px}.guide-contents h2{font-size:17px;letter-spacing:-.02em;margin-bottom:16px}.guide-contents nav{display:flex;flex-direction:column;align-items:stretch;gap:0}.guide-contents nav>a{font-weight:400;font-size:13px;line-height:1.5;padding:10px 0;border-bottom:1px solid var(--line)}.guide-aside-cta{display:block;margin-top:25px;font-size:13px;font-weight:650}
.guide-body{min-width:0;font-size:17px;line-height:1.85}.guide-body p{color:#465451}.guide-body a{color:#a93517;text-decoration:underline;text-underline-offset:3px}.guide-body h2{font-size:30px;line-height:1.25;letter-spacing:-.025em;margin-bottom:22px}.guide-body>section{margin-bottom:48px;scroll-margin-top:120px}.guide-body ul{padding-left:23px;margin:20px 0}.guide-body li{padding-left:5px;margin-bottom:10px}.guide-summary{background:var(--paper);padding:28px 30px;margin-bottom:44px;border-left:3px solid var(--accent)}.guide-summary h2{font-size:22px;margin-bottom:15px}.guide-summary ul{margin:0}.guide-summary li:last-child{margin-bottom:0}
.guide-table-wrap{overflow-x:auto;max-width:100%;margin:28px 0;border:1px solid var(--line);border-radius:4px}.guide-table-wrap table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.65;text-align:left}.guide-table-wrap caption{padding:16px;text-align:left;font-size:13px;color:var(--muted);background:var(--paper)}.guide-table-wrap th,.guide-table-wrap td{padding:17px 16px;border-bottom:1px solid var(--line);vertical-align:top}.guide-table-wrap thead{background:#edf0e9}.guide-table-wrap th{font-weight:700}.guide-table-wrap tbody th{min-width:120px}.guide-table-wrap tbody tr:last-child>*{border-bottom:0}.guide-template{border:1px solid var(--line);padding:28px 30px;background:#fafbf8}.guide-template p:last-child{margin-bottom:0}
.guide-source{border-top:1px solid var(--line);padding-top:26px;margin-top:46px}.guide-source h2{font-size:19px;margin-bottom:14px}.guide-source p{font-size:13px;line-height:1.8}.guide-next{margin:35px 0;background:var(--paper);padding:30px}.guide-next h2{font-size:25px}.guide-next a.button{text-decoration:none;color:white}.guide-models{padding-bottom:45px}.guide-related{border-top:1px solid var(--line);padding-top:55px}
@media(max-width:1100px){.nav-row{gap:20px}#main-nav{gap:18px}.guide-layout{grid-template-columns:210px minmax(0,1fr);gap:32px}.guide-feature-copy{padding:28px}.guide-feature-image img{height:390px}.guide-card h3{font-size:23px}}
@media(max-width:800px){.guide-layout{grid-template-columns:1fr;gap:32px}.guide-contents{position:static}.guide-contents nav{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.guide-aside-cta{display:none}.guide-feature{grid-template-columns:1fr}.guide-feature-image img{height:auto;aspect-ratio:1.7}.guide-feature-copy{padding:28px}.guide-header h1{font-size:46px}.guide-lead{font-size:17px}.guide-card-grid{gap:22px}.guide-card-grid:not(.two){grid-template-columns:1fr 1fr}.guide-card-grid:not(.two) .guide-card:last-child{grid-column:1/-1;max-width:calc(50% - 11px)}.guide-resource{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.guides-intro{padding:32px 0}.guides-intro h1{font-size:39px}.guides-intro>p{font-size:15px}.guide-feature-copy h2{font-size:30px}.guide-card-grid,.guide-card-grid.two{grid-template-columns:1fr}.guide-card-grid:not(.two) .guide-card:last-child{grid-column:auto;max-width:none}.guide-card h3{font-size:25px}.guide-card-copy{padding-top:18px}.guide-card-grid{gap:34px}.guide-header{padding:32px 0 26px}.guide-header h1{font-size:37px}.guide-lead{font-size:16px;margin:21px 0}.guide-cover>img{aspect-ratio:16/9}.guide-cover{margin-bottom:30px}.guide-meta{font-size:11px;gap:9px 15px}.guide-contents nav{grid-template-columns:1fr}.guide-body{font-size:16px;line-height:1.8}.guide-body h2{font-size:27px}.guide-summary{padding:23px}.guide-summary h2{font-size:21px}.guide-table-wrap table{min-width:510px}.guide-template,.guide-next{padding:23px}.guide-source h2{font-size:20px}.guide-models .product-grid.three>.product-card:last-child{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
