/* An area chapter contains a working-from-home desk, then its own local reading. */
.pr-detail {
  --pr-paper:#fffefa; --pr-ink:#203754; --pr-muted:#42586a; --pr-link:#254d69;
  --pr-line:#c8d9df; --pr-rule:#88aab9; --pr-mist:#e0f0f6; --pr-panel:#f2f6f6;
  --pr-action:#24435e; --pr-action-ink:#fff; --pr-gutter:clamp(18px,4.5vw,64px);
  width:100%;min-width:0;overflow-wrap:anywhere;color:var(--pr-ink);background:var(--pr-paper);
}
#main .pr-detail *,#main .pr-detail *::after,#main .pr-detail *::before {box-sizing:border-box}
#main .pr-detail .pr-hero {
  display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
  align-items:stretch;background:var(--pr-mist);border-bottom:1px solid var(--pr-line);
}
#main .pr-detail .pr-hero-copy {
  padding:clamp(22px,3.65vw,54px) clamp(20px,3.7vw,53px) clamp(20px,3.1vw,45px) var(--pr-gutter);
  min-width:0;align-self:center;
}
#main .pr-detail .pr-kicker {
  display:block;margin:0;color:var(--pr-link);font-size:.84rem;font-weight:700;line-height:1.5;
}
#main .pr-detail .pr-kicker span {margin-inline:.28em;color:var(--pr-rule)}
#main .pr-detail .pr-hero h1 {
  margin:.2rem 0 .62rem;line-height:1.24;font-weight:700;
  font-size:clamp(1.9rem,3.65vw,3.55rem);color:var(--pr-ink);
}
#main .pr-detail .pr-deck {margin:0;max-width:29em;color:var(--pr-muted);font-size:1rem;line-height:1.73}
#main .pr-detail .pr-art {position:relative;min-width:0;min-height:190px;overflow:hidden}
#main .pr-detail .pr-art img {
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 43%;
}
#main .pr-detail .pr-jumps {margin:1.05rem 0 0;display:flex;flex-wrap:wrap;gap:.1rem 1.05rem;align-items:center}
#main .pr-detail :is(.pr-consult,.pr-read) {
  min-height:46px;max-width:100%;display:inline-flex;align-items:center;gap:.65em;
  font-size:.91rem;line-height:1.5;font-weight:700;
}
#main .pr-detail .pr-consult {background:var(--pr-action);color:var(--pr-action-ink);padding:.58rem .94rem;border-radius:4px;text-decoration:none}
#main .pr-detail .pr-read {color:var(--pr-link);text-decoration:underline;text-underline-offset:.25em}
#main .pr-detail .pr-consult:hover {text-decoration:underline;text-underline-offset:.2em}
#main .pr-detail .pr-reading-layout {
  display:grid;grid-template-columns:minmax(0,1.85fr) minmax(225px,.9fr);
  align-items:start;gap:clamp(25px,5.5vw,78px);padding:clamp(28px,4.1vw,56px) var(--pr-gutter) clamp(36px,4.4vw,70px);
}
#main .pr-detail .pr-story {min-width:0;margin:0;scroll-margin-block-start:16px}
#main .pr-detail .pr-story h2 {
  margin:.28em 0 .45em;line-height:1.4;color:var(--pr-ink);font-size:clamp(1.45rem,2.5vw,2.25rem);
}
#main .pr-detail .pr-story .lead {margin:.5em 0 .9em;max-width:43em;color:var(--pr-muted);line-height:1.88}
#main .pr-detail .pr-story .hero {
  display:block;width:100%;max-height:300px;object-fit:cover;object-position:50% 47%;
  border-radius:3px 16px 3px 3px;margin:0 0 1rem;
}
#main .pr-detail .pr-story ul {list-style-type:disc;margin:.6rem 0 1.4rem;padding:0 0 0 1.25rem}
#main .pr-detail .pr-story li {margin:.45em 0;line-height:1.8}
#main .pr-detail .pr-story li::marker {color:var(--pr-link)}
#main .pr-detail .prompt {
  margin:1.4rem 0 0;padding:1rem clamp(16px,2.1vw,28px);border:0;border-left:3px solid var(--pr-rule);
  border-radius:0;background:var(--pr-panel);
}
#main .pr-detail .prompt h3 {margin:0 0 .4rem;color:var(--pr-ink);font-size:1.1rem}
#main .pr-detail .prompt p {margin:0;color:var(--pr-muted);font-size:.96rem}
#main .pr-detail .prompt .try {
  width:fit-content;max-width:100%;min-height:48px;grid-template-columns:72px minmax(0,1fr);
  gap:.85rem;color:var(--pr-link);text-decoration:underline;text-underline-offset:.24em;
}
#main .pr-detail .pr-related {padding:0;border-top:2px solid var(--pr-rule);min-width:0}
#main .pr-detail .pr-related h2 {margin:.8rem 0 .48rem;color:var(--pr-ink);font-size:1.07rem;line-height:1.5}
#main .pr-detail .pr-related .related {
  min-height:48px;padding:.55rem 0;gap:.65rem;font-size:.91rem;line-height:1.6;
  border-color:var(--pr-line);color:var(--pr-link);
}
#main .pr-detail .pr-related .related:hover {text-decoration:underline;text-underline-offset:.2em}
#main .pr-detail :is(a,article):focus-visible {outline:3px solid var(--pr-link);outline-offset:3px}
@media(max-width:800px) {
  #main .pr-detail .pr-reading-layout {grid-template-columns:minmax(0,1fr);gap:26px}
}
@media(max-width:700px) {
  #main .pr-detail .pr-hero {
    grid-template-columns:minmax(0,1fr) minmax(90px,29%);align-items:stretch;
    padding:18px var(--pr-gutter) 12px;gap:0 .7rem;
  }
  #main .pr-detail .pr-hero-copy {display:contents}
  #main .pr-detail .pr-hero-copy>.pr-kicker {grid-column:1;grid-row:1;align-self:end;font-size:.76rem}
  #main .pr-detail .pr-hero h1 {grid-column:1;grid-row:2;align-self:start;margin:.15rem 0 .38rem;line-height:1.33;font-size:clamp(1.45rem,6.05vw,2.45rem)}
  #main .pr-detail .pr-art {grid-row:1/3;grid-column:2;min-height:72px;border-radius:3px 11px 3px 3px}
  #main .pr-detail .pr-deck {grid-column:1/-1;grid-row:3;margin:.6rem 0 0;font-size:.91rem}
  #main .pr-detail .pr-jumps {grid-column:1/-1;grid-row:4;gap:0 .9rem;margin:.65rem 0 0}
  #main .pr-detail .pr-jumps a {font-size:.86rem;min-height:44px}
  #main .pr-detail .pr-reading-layout {padding:23px var(--pr-gutter) 32px}
  #main .pr-detail .pr-story h2 {font-size:clamp(1.38rem,5.6vw,1.8rem)}
  #main .pr-detail .pr-story li,#main .pr-detail .pr-story .lead {font-size:.94rem}
  #main .pr-detail .pr-story .hero {max-height:230px}
}
html[data-nlive-tone="night"] .pr-detail {
  --pr-paper:#14283a;--pr-ink:#f1f5f8;--pr-muted:#c4d3df;--pr-link:#a9dcf6;
  --pr-line:#536d80;--pr-rule:#8fb9c9;--pr-mist:#213b52;--pr-panel:#1e3449;
  --pr-action:#b7dbee;--pr-action-ink:#14283a;
}
#main .pr-detail .pr-guide {
  padding:clamp(16px,2vw,28px) var(--pr-gutter);
  background:var(--pr-panel);border-bottom:1px solid var(--pr-line);
}
#main .pr-detail .pr-guide h2 {margin:0 0 .45rem;font-size:1.08rem;color:var(--pr-ink)}
#main .pr-detail .pr-guide-links {display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
#main .pr-detail .pr-guide-links a {
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.08rem .4rem;align-content:center;min-height:48px;
  padding:.35rem clamp(12px,1.5vw,24px);color:var(--pr-link);text-decoration:none;border-left:1px solid var(--pr-line);
}
#main .pr-detail .pr-guide-links a:first-child {padding-left:0;border:0}
#main .pr-detail .pr-guide-links strong {grid-column:1;grid-row:1;font-size:.96rem;line-height:1.5}
#main .pr-detail .pr-guide-links small {grid-column:1;grid-row:2;font-size:.8rem;line-height:1.55;color:var(--pr-muted)}
#main .pr-detail .pr-guide-links span {grid-column:2;grid-row:1/3;align-self:center}
#main .pr-detail .pr-guide-links a:hover strong {text-decoration:underline;text-underline-offset:.2em}
@media(max-width:700px) {
  #main .pr-detail .pr-guide-links {grid-template-columns:minmax(0,1fr)}
  #main .pr-detail .pr-guide-links a,#main .pr-detail .pr-guide-links a:first-child {
    border:0;border-top:1px solid var(--pr-line);padding:.28rem 0;min-height:46px;
  }
}