/* Selection guides and editorial links. Scoped to avoid commerce layout changes. */
.guide-page{padding-top:44px;padding-bottom:100px}
.guide-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:10px;line-height:1.8;color:var(--mute);margin-bottom:44px}
.guide-breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.guide-breadcrumbs span:last-child{flex-basis:100%;color:var(--ink)}
.guide-header{max-width:1050px;padding-bottom:44px}
.guide-header h1{font-size:clamp(29px,3.5vw,53px);line-height:1.18;letter-spacing:-.06em;margin:22px 0 28px;white-space:normal;overflow-wrap:normal;word-break:normal;text-wrap:balance}
.guide-lead{max-width:850px;font-size:clamp(13px,1.15vw,16px);line-height:1.85;margin:0;color:#51514b}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:clamp(40px,6vw,90px);align-items:start;border-top:1px solid var(--ink)}
.guide-content{min-width:0}
.guide-section{padding:38px 0;border-bottom:1px solid var(--line);scroll-margin-top:28px}
.guide-section h2{font-size:clamp(22px,2vw,29px);line-height:1.35;letter-spacing:-.045em;margin:0 0 24px;overflow-wrap:anywhere}
.guide-section p,.guide-section li{font-size:13px;line-height:1.9;overflow-wrap:anywhere}
.guide-section p{margin:0 0 20px}
.guide-section p:last-child{margin-bottom:0}
.guide-section ul,.guide-section ol{padding-left:24px;margin:0 0 22px}
.guide-section li{padding-left:4px;margin:0 0 12px}
.guide-section a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.guide-section a:hover{color:#6a6a60}
.guide-table-scroll{max-width:100%;overflow-x:auto;margin:0 0 24px;border:1px solid var(--line);background:#fffefa}
.guide-table-scroll table{width:100%;min-width:430px;border-collapse:collapse;font-size:12px;line-height:1.7}
.guide-table-scroll caption{text-align:left;font-size:11px;line-height:1.75;color:#62625b;padding:16px 18px;background:#eae9e2}
.guide-table-scroll th,.guide-table-scroll td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:15px 18px}
.guide-table-scroll thead th{background:#f2f1ea}
.guide-table-scroll tbody th{font-weight:400;width:50%}
.guide-table-scroll tr:last-child th,.guide-table-scroll tr:last-child td{border-bottom:0}
.guide-safety{border-left:3px solid var(--ink);padding:16px 20px;background:#eae9e2;font-size:12px!important}
.guide-sidebar{position:sticky;top:24px;padding-top:40px;min-width:0}
.guide-sidebar .section-kicker{line-height:1.6}
.guide-toc{display:grid;gap:15px;margin:23px 0 36px}
.guide-toc a{font-size:11px;line-height:1.75;border-bottom:1px solid var(--line);padding-bottom:14px}
.guide-toc a:hover{text-decoration:underline;text-underline-offset:4px}
.guide-back{display:block;border:1px solid var(--ink);padding:17px;font-size:11px;line-height:1.65;font-weight:700}
.guide-back:hover{background:var(--ink);color:var(--paper)}
.guide-related{border-top:1px solid var(--ink);padding-top:50px;padding-bottom:60px}
.guide-related-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:0 0 30px}
.guide-related-heading h2{font-size:clamp(25px,2.4vw,36px);line-height:1.25;letter-spacing:-.05em;margin:16px 0 0}
.guide-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.guide-related-grid.is-single{grid-template-columns:minmax(0,850px)}
.guide-teaser{display:flex;flex-direction:column;align-items:flex-start;min-width:0;background:#fffefa;border:1px solid var(--line);padding:clamp(24px,3vw,40px)}
.guide-teaser h3{font-size:clamp(21px,2vw,29px);line-height:1.3;letter-spacing:-.04em;margin:0 0 18px;overflow-wrap:anywhere}
.guide-teaser p{font-size:12px;line-height:1.85;margin:0 0 26px;max-width:600px;color:#575750}
.guide-teaser .text-link{margin-top:auto;font-size:10px;white-space:normal;line-height:1.65}
.guide-teaser:focus-within{border-color:var(--ink)}
@media(max-width:900px){
  .guide-layout{grid-template-columns:minmax(0,1fr);gap:0}
  .guide-sidebar{position:static;grid-row:1;padding:26px 0 8px;border-bottom:1px solid var(--line)}
  .guide-toc{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 25px;margin:18px 0}
  .guide-back{display:inline-block;margin:0 0 22px}
  .guide-header{padding-bottom:34px}
}
@media(max-width:560px){
  .guide-page{padding-top:28px;padding-bottom:65px}
  .guide-breadcrumbs{margin-bottom:30px;font-size:9px;gap:6px 9px}
  .guide-header h1{font-size:30px;letter-spacing:-.055em}
  .guide-header .section-kicker{font-size:9px}
  .guide-toc{grid-template-columns:minmax(0,1fr)}
  .guide-section{padding:30px 0}
  .guide-section p,.guide-section li{font-size:12px;line-height:1.85}
  .guide-section h2{font-size:23px}
  .guide-table-scroll th,.guide-table-scroll td{padding:13px 14px}
  .guide-safety{padding:14px}
  .guide-related{padding-top:35px;padding-bottom:40px}
  .guide-related-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .guide-related-heading{margin-bottom:22px}
}