/* The warm paper and restrained type used by the collection sections. */
body.reading-page {
  --bg:#efebe3;--bg-alt:#e8e3da;--bg-card:#24232007;
  --text:#242320;--text-2:#66615b;--text-3:#716b62;
  --border:#24232029;--border-card:#24232029;--accent:#31594a;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,"Helvetica Neue",sans-serif;
  background:var(--bg);color:var(--text);
}
.reading-page .legal.article { padding-top:76px; }
.reading-page .legal.article > h1 {
  font-family:Georgia,'Times New Roman',serif;font-weight:400;
  font-size:clamp(42px,5.4vw,76px);letter-spacing:-.045em;line-height:1.07;
}
.reading-page .legal.article > h2 { font-weight:500;letter-spacing:-.035em; }
.reading-page .legal.article > h4 { text-transform:none;letter-spacing:0;font-size:15px; }
.reading-page .try-demo { border-radius:0;background:#242924;border:0;color:#efebe3; }
.reading-page .try-demo b,.reading-page .try-demo a { color:#efebe3; }
.reading-page .try-demo p { color:#c1c2b8; }
.reading-page .legal.article + .related .related-links a { border-radius:0;background:transparent;border:0;border-top:1px solid var(--border);padding-inline:0; }
.reading-page .legal.article + .related > h2 { font-size:16px;text-transform:none;letter-spacing:0; }
.reading-page .cookie-banner { background:#242924;color:#efebe3;--text:#efebe3;--text-2:#c1c2b8;--accent:#9ec5b3;--border:#ffffff26; }
.reading-page .legal.article.guides-index { max-width:1320px;padding:76px 60px;margin:auto; }
.guides-index .guides-heading { display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:70px; }
.guides-index .guides-heading h1 {
  font:400 clamp(60px,7.5vw,104px)/.98 Georgia,'Times New Roman',serif;
  letter-spacing:-.055em;margin:0;color:var(--text);
}
.guides-index .guides-heading h1 em { font-weight:400; }
.guides-index .guides-heading p { max-width:37ch;color:var(--text-2);margin:0 0 5px;font-size:18px;line-height:1.65; }
.guides-index .guides-topics { display:flex;gap:28px;flex-wrap:wrap;margin:42px 0 54px;padding-bottom:18px;border-bottom:1px solid var(--border); }
.guides-index .guides-topics a { color:var(--text);font-size:15px;text-decoration:none;padding-block:6px; }
.guides-index .guides-topics a:hover { text-decoration:underline; }
.guides-index section { scroll-margin-top:86px; }
.guides-index .guides-start { display:grid;grid-template-columns:1fr 1.3fr;gap:72px;padding:40px;background:#242924;color:#efebe3; }
.guides-index .guides-start h2 { font:400 clamp(36px,4vw,52px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.035em;color:inherit;margin:0 0 20px; }
.guides-index .guides-start p { color:#c1c2b8;max-width:28ch;font-size:16px;line-height:1.6;margin:0; }
.guides-index .guides-start ul { list-style:none;margin:0;padding:0;align-self:center; }
.guides-index .guides-start li { margin:0;border-bottom:1px solid #ffffff26; }
.guides-index .guides-start a { display:flex;justify-content:space-between;gap:20px;padding:15px 0;color:#efebe3;text-decoration:none;font-size:17px; }
.guides-index .guides-start a:hover { text-decoration:underline; }
.guides-index .guides-start a span { color:#b0b1a8; }
.guides-index .guides-section { margin-top:72px; }
.guides-index .guides-section h2 { font:400 clamp(34px,4vw,52px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0 0 12px; }
.guides-index .guides-section > p { color:var(--text-2);font-size:16px;margin:0 0 30px; }
.guides-index .g-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px; }
.guides-index .g-grid a.g-card { position:relative;display:block;padding:22px 22px 28px 0;border-top:1px solid var(--border);text-decoration:none;color:var(--text); }
.guides-index .g-grid a.g-card::after { content:'↗';position:absolute;right:0;top:20px;color:var(--text-3); }
.guides-index .g-card b { display:block;font-size:18px;font-weight:550;line-height:1.35; }
.guides-index .g-card span { display:block;font-size:15px;line-height:1.6;margin-top:10px;color:var(--text-2); }
.guides-index .g-card:hover b { text-decoration:underline;text-underline-offset:4px; }
.guides-index .guides-note { display:grid;grid-template-columns:1fr 2fr;gap:12px 40px;margin-top:56px;padding-top:30px;border-top:1px solid var(--border); }
.guides-index .guides-note h2 { font-size:18px;font-weight:500;margin:0; }
.guides-index .guides-note p { font-size:15px;color:var(--text-2);margin:0;max-width:65ch; }
.guides-index .guides-note > a { grid-column:2;font-size:15px;justify-self:start; }
.guides-index a:focus-visible { outline:2px solid #31594a;outline-offset:5px; }
.guides-index .guides-start a:focus-visible { outline-color:#b7d5c8; }
@media (max-width:1000px) {
  .reading-page .legal.article.guides-index { padding-inline:32px; }
  .guides-index .guides-heading { gap:32px; }
  .guides-index .g-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px; }
  .guides-index .guides-start { gap:32px;padding:30px; }
}
@media (max-width:620px) {
  .reading-page .legal.article,.reading-page .legal.article.guides-index { padding:44px 20px 60px; }
  .guides-index .guides-heading { display:block; }
  .guides-index .guides-heading h1 { font-size:clamp(48px,11.5vw,68px); }
  .guides-index .guides-heading p { font-size:16px;margin-top:26px; }
  .guides-index .guides-topics { gap:8px 24px;margin:28px 0 32px; }
  .guides-index .guides-topics a { font-size:14px; }
  .guides-index .guides-start { grid-template-columns:1fr;gap:24px;padding:24px; }
  .guides-index .guides-start h2 br { display:none; }
  .guides-index .guides-start a { font-size:16px; }
  .guides-index .guides-section { margin-top:48px; }
  .guides-index .g-grid { grid-template-columns:1fr; }
  .guides-index .guides-note { grid-template-columns:1fr; }
  .guides-index .guides-note > a { grid-column:1; }
}
@media (prefers-reduced-motion:reduce) { .reading-page { scroll-behavior:auto; } }

.reading-page .compare-yes::before,.reading-page .compare-good { color:#286344; }
.reading-page .compare-good { background:#28634412; }
.reading-page .compare-no::before { color:var(--text-3);opacity:1; }