.gr-app .gr-guides-page { max-width:1200px; padding-block:26px 52px; }
.gr-app .gr-guides-page.gr-guide-detail { --guide-toc-width:220px; --guide-column-gap:32px; max-width:1032px; }
.gr-guide-detail>.gr-guide-breadcrumbs,.gr-guide-detail>.gr-guide-heading { margin-left:calc(var(--guide-toc-width) + var(--guide-column-gap)); }
.gr-guide-breadcrumbs { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 10px; margin-bottom:28px; color:var(--muted); font-size:13px; overflow-wrap:anywhere; }
.gr-guide-breadcrumbs a { color:var(--accent); }
.gr-guide-breadcrumbs [aria-current] { min-width:0; }
.gr-guides-heading,.gr-guide-heading { max-width:860px; margin-bottom:34px; }
.gr-guide-detail>.gr-guide-heading { max-width:none; }
.gr-app .gr-guides-heading h1,.gr-app .gr-guide-heading h1 { margin:0 0 16px; font-size:clamp(30px,3.2vw,44px); line-height:1.2; letter-spacing:-.7px; overflow-wrap:anywhere; }
.gr-guides-heading>p,.gr-guide-summary { color:var(--muted-bright); max-width:72ch; margin:0 0 20px; font-size:17px; line-height:1.7; }
.gr-app .gr-guide-search-link { display:inline-flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; max-width:100%; padding:10px 14px; border:1px solid var(--gr-action-border); border-radius:6px; background:var(--gr-action-bg); color:#d6ecf8; font-size:14px; line-height:1.45; overflow-wrap:anywhere; }
.gr-app .gr-guide-search-link:hover { background:var(--gr-action-hover); border-color:var(--gr-border-strong); }
.gr-guide-search-link>span { flex:0 0 auto; }
.gr-guide-topics { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:34px; }
.gr-guide-topics a { display:inline-flex; align-items:center; min-height:44px; padding:9px 13px; border:1px solid var(--gr-border); border-radius:6px; color:var(--muted-bright); font-size:14px; }
.gr-guide-topics a:hover { color:var(--accent); border-color:var(--gr-border-strong); }
.gr-guide-group { margin-top:34px; scroll-margin-top:100px; }
.gr-app .gr-guide-group>h2,.gr-app .gr-guide-related>h2 { margin-bottom:18px; font-size:24px; line-height:1.3; }
.gr-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.gr-guide-card { min-width:0; display:flex; flex-direction:column; padding:22px; border:1px solid var(--gr-border); border-radius:9px; background:var(--gr-surface); scroll-margin-top:100px; }
.gr-guide-category { display:block; color:#83c9ea; margin-bottom:12px; font-size:12px; line-height:1.45; font-weight:600; }
.gr-app .gr-guide-card h3 { margin:0 0 12px; font-size:20px; line-height:1.35; overflow-wrap:anywhere; }
.gr-guide-card h3 a:hover { color:var(--accent); }
.gr-guide-card>p { margin:0 0 20px; color:var(--muted); font-size:14px; line-height:1.65; overflow-wrap:anywhere; }
.gr-guide-card-footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; margin-top:auto; }
.gr-guide-card-footer>span { color:var(--muted); font-size:12px; }
.gr-guide-card-footer>a { display:inline-flex; align-items:center; gap:8px; min-height:44px; color:var(--accent); font-size:14px; font-weight:600; }
.gr-guide-meta { display:flex; flex-wrap:wrap; gap:6px 20px; color:var(--muted); font-size:12px; line-height:1.6; }
.gr-guide-meta>a { color:var(--accent); }
.gr-guide-layout { display:grid; grid-template-columns:var(--guide-toc-width) minmax(0,1fr); align-items:start; gap:var(--guide-column-gap); }
.gr-guide-sidebar { min-width:0; position:sticky; top:88px; max-height:calc(100vh - 112px); max-height:calc(100dvh - 112px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.gr-guide-toc { padding:16px; border:1px solid var(--gr-border); border-radius:8px; background:var(--gr-surface-soft); }
.gr-guide-toc-mobile { display:none; }
.gr-app .gr-guide-toc-desktop>h2 { margin:0; padding-block:8px; color:var(--text); font-size:14px; font-weight:600; line-height:1.5; }
.gr-guide-toc>summary { cursor:pointer; color:var(--text); font-weight:600; min-height:44px; line-height:1.5; padding:8px 0; font-size:14px; }
.gr-guide-toc :focus-visible,.gr-guide-back:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.gr-guide-toc nav { display:grid; gap:3px; margin-top:8px; }
.gr-guide-toc nav a { padding:10px 0; min-height:44px; color:var(--muted-bright); font-size:13px; line-height:1.55; overflow-wrap:anywhere; }
.gr-guide-toc nav a:hover { color:var(--accent); }
.gr-guide-back { display:inline-flex; align-items:center; min-height:44px; margin-top:10px; color:var(--accent); font-size:13px; }
.gr-guide-article { min-width:0; width:100%; }
.gr-guide-section { margin-bottom:38px; scroll-margin-top:96px; }
.gr-app .gr-guide-section>h2,.gr-app .gr-guide-searches>h2 { margin:0 0 16px; font-size:26px; line-height:1.3; letter-spacing:-.35px; overflow-wrap:anywhere; }
.gr-guide-article p,.gr-guide-section>ul,.gr-guide-steps { font-size:17px; line-height:1.75; color:#d4e0ea; overflow-wrap:anywhere; }
.gr-guide-section p { margin:0 0 18px; }
.gr-guide-section>ul,.gr-guide-steps { padding-left:25px; margin:0 0 20px; }
.gr-guide-section>ul>li,.gr-guide-steps>li { margin-bottom:10px; padding-left:3px; }
.gr-guide-checklist { padding:20px; border:1px solid var(--gr-border); border-radius:8px; background:var(--gr-surface-soft); margin:24px 0; }
.gr-app .gr-guide-checklist h3 { font-size:17px; margin:0 0 14px; }
.gr-guide-checklist ul { list-style:none; padding:0; margin:0; }
.gr-guide-checklist li { display:grid; grid-template-columns:18px minmax(0,1fr); gap:9px; margin-top:12px; font-size:15px; line-height:1.7; overflow-wrap:anywhere; }
.gr-guide-checklist li>[aria-hidden] { color:var(--accent); font-weight:700; }
.gr-guide-searches { padding:22px; margin:10px 0 38px; border:1px solid #45748f; border-radius:9px; background:#102d41; }
.gr-guide-searches>p { margin-bottom:16px; font-size:15px; line-height:1.65; }
.gr-guide-searches>div { display:flex; flex-wrap:wrap; gap:10px; }
.gr-guide-faq details { border-top:1px solid var(--gr-border); padding-block:4px; }
.gr-guide-faq details:last-child { border-bottom:1px solid var(--gr-border); }
.gr-guide-faq summary { min-height:44px; cursor:pointer; padding:14px 0; color:var(--text); font-weight:600; font-size:16px; line-height:1.6; overflow-wrap:anywhere; }
.gr-guide-faq details>p { margin:0 0 18px; font-size:16px; }
.gr-guide-sources>ul { list-style:none; padding:0; }
.gr-guide-sources li { padding:0; }
.gr-guide-sources a { display:inline-block; color:var(--accent); min-height:44px; padding-block:8px; text-decoration:underline; text-underline-offset:4px; font-size:14px; line-height:1.7; overflow-wrap:anywhere; }
.gr-guide-related { border-top:1px solid var(--gr-border); margin-top:34px; padding-top:32px; }
.gr-guide-empty { padding:24px; border:1px solid var(--gr-border); border-radius:8px; color:var(--muted); }
.gr-guide-picks { display:grid; gap:22px; margin-block:24px; min-width:0; }
.gr-guide-pick { min-width:0; padding:22px; border:1px solid var(--gr-border); border-radius:9px; background:var(--gr-surface); }
.gr-guide-pick-heading { display:flex; align-items:flex-start; gap:18px; margin-bottom:18px; }
.gr-guide-pick-heading>img { flex:0 0 auto; width:160px; height:90px; max-width:100%; object-fit:cover; border-radius:5px; background:var(--gr-surface-soft); }
.gr-guide-pick-heading>div { min-width:0; }
.gr-app .gr-guide-pick h3 { margin:0 0 8px; font-size:23px; line-height:1.3; overflow-wrap:anywhere; }
.gr-guide-pick h3 a { color:var(--text); }
.gr-guide-pick h3 a:hover { color:var(--accent); }
.gr-guide-article .gr-guide-pick-tagline { margin:0; color:var(--muted-bright); font-size:15px; line-height:1.55; }
.gr-guide-pick-facts { display:flex; flex-wrap:wrap; gap:12px 24px; margin:0 0 18px; }
.gr-guide-pick-facts>div { min-width:0; }
.gr-guide-pick-facts dt { color:var(--muted); font-size:12px; margin-bottom:3px; }
.gr-guide-pick-facts dd { margin:0; color:var(--text); font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
.gr-guide-article .gr-guide-pick-copy p { font-size:16px; line-height:1.7; }
.gr-guide-article .gr-guide-pick-caveat { padding-left:14px; border-left:3px solid var(--gr-border-strong); color:var(--muted-bright); }
.gr-guide-article .gr-guide-pick-reviews { display:flex; flex-wrap:wrap; gap:4px 16px; margin:0 0 16px; color:var(--muted); font-size:12px; line-height:1.6; }
.gr-guide-pick-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px 18px; }
.gr-guide-pick-steam { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding-block:8px; color:var(--accent); font-size:14px; }
.gr-guide-comparison { min-width:0; max-width:100%; overflow-x:auto; margin-block:24px; border:1px solid var(--gr-border); border-radius:8px; background:var(--gr-surface-soft); scrollbar-width:thin; }
.gr-guide-comparison:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.gr-guide-comparison table { width:100%; min-width:560px; border-collapse:collapse; font-size:13px; line-height:1.6; }
.gr-guide-comparison caption { text-align:left; padding:14px 16px; color:var(--text); font-weight:600; font-size:15px; }
.gr-guide-comparison th,.gr-guide-comparison td { text-align:left; vertical-align:top; padding:12px 16px; border-top:1px solid var(--gr-border); overflow-wrap:anywhere; }
.gr-guide-comparison thead th { color:var(--muted-bright); font-size:12px; }
.gr-guide-comparison tbody th { width:22%; color:var(--text); font-weight:600; }
.gr-guide-comparison td { color:var(--muted-bright); }
.gr-guide-comparison tbody a { display:inline-block; min-height:44px; padding-block:7px; color:var(--accent); }
.gr-guide-compare-toggle>summary { min-height:44px; padding:12px 14px; border:1px solid var(--gr-border); border-radius:6px; color:var(--accent); font-size:15px; cursor:pointer; }
.gr-guide-compare-toggle[open]>summary { margin-bottom:12px; }
@media(max-width:1000px) {
  .gr-guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:960px) {
  .gr-app .gr-guides-page.gr-guide-detail { max-width:780px; }
  .gr-guide-detail>.gr-guide-breadcrumbs,.gr-guide-detail>.gr-guide-heading { margin-left:0; }
  .gr-guide-layout { grid-template-columns:minmax(0,1fr); gap:26px; }
  .gr-guide-sidebar { position:static; max-height:none; overflow:visible; }
  .gr-guide-toc-desktop { display:none; }
  .gr-guide-toc-mobile { display:block; padding:8px 16px; }
  .gr-guide-toc-mobile nav { max-height:480px; max-height:min(60dvh,480px); overflow-y:auto; overscroll-behavior:contain; }
  .gr-guide-toc nav { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:16px; }
  .gr-guide-back { margin-top:4px; }
}
@media(max-width:760px) {
  .gr-app .gr-guides-page { padding-block:22px 36px; }
  .gr-guide-breadcrumbs { margin-bottom:22px; font-size:12px; }
  .gr-guides-heading,.gr-guide-heading { margin-bottom:24px; }
  .gr-app .gr-guides-heading h1,.gr-app .gr-guide-heading h1 { font-size:30px; }
  .gr-guide-section { margin-bottom:30px; scroll-margin-top:130px; }
  .gr-app .gr-guide-section>h2,.gr-app .gr-guide-searches>h2 { font-size:23px; }
  .gr-guide-checklist,.gr-guide-searches { padding:18px; }
}
@media(max-width:540px) {
  .gr-guide-grid,.gr-guide-toc nav { grid-template-columns:minmax(0,1fr); }
  .gr-guide-card { padding:20px; }
  .gr-app .gr-guides-heading h1,.gr-app .gr-guide-heading h1 { font-size:28px; }
  .gr-guide-article p,.gr-guide-section>ul,.gr-guide-steps { font-size:16px; }
  .gr-guide-searches>div { display:grid; grid-template-columns:minmax(0,1fr); }
  .gr-guide-pick { padding:18px; }
  .gr-guide-pick-heading { flex-direction:column; gap:14px; }
  .gr-guide-pick-heading>img { width:160px; height:90px; }
  .gr-app .gr-guide-pick h3 { font-size:21px; }
  .gr-guide-pick-facts { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; }
  .gr-guide-pick-actions { align-items:stretch; flex-direction:column; gap:6px; }
  .gr-guide-pick-steam { justify-content:center; }
}
@media print {
  .gr-header,.gr-footer,.gr-guide-sidebar,.gr-guide-related,.gr-guide-searches,.gr-media-sidebar { display:none!important; }
  .gr-guide-detail>.gr-guide-breadcrumbs,.gr-guide-detail>.gr-guide-heading { margin-left:0; }
  .gr-guide-layout { display:block; }
  .gr-guide-article { max-width:none; }
}