/* LawCast learning: an editorial study atlas. All artwork is native CSS/SVG.
   Motion is finite or interaction-driven; content never waits for animation. */
.learning-page {
  --ink: #182d39;
  --muted: #5b645f;
  --accent: #b9472a;
  --line: #d7d3c7;
  --paper-deep: #eeeadf;
  --learning-light-accent: #efa080;
  /* Reading sizes use rem so browser text preferences remain effective. */
  --learning-body-size: 1.25rem;
  --learning-description-size: 1.125rem;
  --learning-lead-size: 1.25rem;
  --learning-meta-size: .875rem;
  --learning-note-size: .9375rem;
  --learning-row-title-size: 1.5625rem;
  --learning-section-title-size: 1.75rem;
  --learning-question-size: 1.25rem;
  --learning-answer-size: 1.1875rem;
  --learning-edge: max(var(--gutter), calc((100vw - var(--max)) / 2));
  background: var(--paper);
  color: var(--ink);
}
.learning-page ::selection {background:#e9c4b4;color:var(--ink)}
.learning-page .site-header {min-height:96px;border-bottom-color:var(--line)}
.learning-page .header-nav {gap:28px;font-size:.9375rem;}
.learning-page .header-nav a[href="/learn"] {color:var(--accent)}
.learning-page .language-switch {font-size:.875rem}
.learning-page .language-switch a {white-space:nowrap}
.learning-main {padding-bottom:20px}
.learning-main a:focus-visible,.learning-main summary:focus-visible {outline:3px solid var(--accent);outline-offset:6px}
.learning-main section[id] {scroll-margin-top:30px}
.learning-kicker {font-size:var(--learning-meta-size);line-height:1.8;color:var(--accent)}
.learning-underline {display:block;width:100%;height:18px;color:var(--accent);overflow:visible}

/* The opening spread */
.learning-intro {display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:stretch}
.learning-hero-copy {padding:53px 0 48px;min-width:0}
.learning-intro h1 {font-size:clamp(58px,5.4vw,80px);font-weight:600;line-height:1.33;letter-spacing:-.045em}
.learning-intro h1>span {display:inline-block;position:relative;color:var(--accent)}
.learning-intro h1 .learning-underline {position:absolute;left:0;bottom:-7px;transform-origin:left;animation:learning-ink .7s .12s both}
.learning-lead {font-size:var(--learning-lead-size);line-height:1.95;color:var(--muted);margin-top:26px;max-width:780px}
.learning-jumps {display:flex;align-items:center;flex-wrap:wrap;gap:19px 24px;margin-top:28px;font-size:1rem}
.learning-jumps>a {min-height:48px;display:inline-flex;align-items:center;text-decoration:none;gap:13px;font-size:.9375rem;}
.learning-jumps>a:last-child {text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:7px}
.learning-jump-icon {display:grid;place-items:center;width:46px;height:46px;background:var(--accent);color:var(--paper);border-radius:50%;flex:none}
.learning-jump-icon .icon {width:23px;height:23px;transform:rotate(90deg);transition:transform .25s}
.learning-start-link:hover .learning-jump-icon .icon {transform:rotate(90deg) translateX(3px)}
.learning-hero-art {position:relative;min-width:0;background:var(--ink);isolation:isolate;margin-right:calc(-1 * var(--learning-edge));padding-right:var(--learning-edge);overflow:clip}
.learning-keep {white-space:nowrap}
.learning-cover {position:relative;display:block;min-height:640px;height:100%;color:var(--paper);text-decoration:none;perspective:1200px;isolation:isolate}
.learning-cover:hover {color:var(--paper)}
.learning-main .learning-cover:focus-visible {outline-color:var(--learning-light-accent);outline-offset:-8px}
.cover-orbit {position:absolute;width:74%;aspect-ratio:1;left:7%;top:16%;border:1px solid #788c8b;border-radius:50%;opacity:.55}
.cover-orbit::after {content:"";position:absolute;width:9px;height:9px;background:var(--learning-light-accent);border:3px solid var(--ink);border-radius:50%;top:13%;left:13%}
.cover-sheet {position:absolute;display:flex;flex-direction:column;width:67%;height:75%;padding:28px 31px;background:var(--paper);color:var(--ink);border:1px solid #d6d0c0;box-shadow:0 17px 24px -18px #0009;transform-origin:50% 75%;transition:transform .55s cubic-bezier(.22,.75,.2,1)}
.cover-sheet-third {top:17%;left:25%;height:70%;background:#dedace;transform:rotate(13deg);animation:learning-sheet-third .85s backwards}
.cover-sheet-second {top:12%;left:18%;height:74%;background:#ede9de;transform:rotate(8deg);animation:learning-sheet-second .75s backwards}
.cover-sheet-first {top:9%;left:9%;height:77%;transform:rotate(3deg);animation:learning-sheet-first .65s backwards}
.cover-sheet-number {font:400 34px/1 var(--font-en);letter-spacing:-2px}
.cover-sheet-second>.cover-sheet-number,.cover-sheet-third>.cover-sheet-number {align-self:flex-end}
.cover-sheet-vertical {writing-mode:vertical-rl;font-size:23px;align-self:flex-end;margin-top:34px;letter-spacing:3px}
.cover-sheet-head {display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #b4b2a6;padding-bottom:18px}
.cover-sheet-head>span:last-child {font:400 9px/1.65 var(--font-en);letter-spacing:2.3px;border-left:1px solid #b4b2a6;padding-left:18px}
.cover-sheet-title {font-size:clamp(48px,4.35vw,64px);line-height:1.24;font-weight:600;letter-spacing:-.045em;margin-top:24px}
.cover-sheet-title em {font-style:normal;color:var(--accent)}
.cover-sheet .learning-underline {height:13px;margin-top:4px}
.cover-sheet-lines {display:block;position:relative;height:36px;border-block:1px solid #b4b2a6;margin-top:27px}
.cover-sheet-lines::after {content:"";position:absolute;inset:50% 0 auto;border-top:1px solid #b4b2a6}
.cover-sheet-second>.cover-sheet-lines,.cover-sheet-third>.cover-sheet-lines {margin-top:auto}
.cover-sheet-bottom {display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:18px;font-size:10px;letter-spacing:.01em}
.cover-sheet-bottom .icon {width:18px;height:18px;color:var(--accent)}
.cover-bookmark {position:absolute;right:26px;top:-31px;width:28px;height:58px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%);z-index:-1}
.learning-cover-caption {position:absolute;bottom:26px;left:9%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:.15em;color:#d7dfdc}
.learning-cover-caption::before {content:"";width:39px;flex:none;border-top:1px solid #7e8d89}
.learning-cover-caption .icon {width:20px;height:20px;color:var(--learning-light-accent);transition:transform .3s}
.learning-cover:hover .cover-sheet-first,.learning-cover:focus-visible .cover-sheet-first {transform:translate(-5px,-10px) rotate(-3deg)}
.learning-cover:hover .cover-sheet-second,.learning-cover:focus-visible .cover-sheet-second {transform:translate(5px,-3px) rotate(10deg)}
.learning-cover:hover .cover-sheet-third,.learning-cover:focus-visible .cover-sheet-third {transform:translate(12px,2px) rotate(17deg)}
.learning-cover:hover .learning-cover-caption .icon {transform:translate(3px,-3px)}

/* The draft status remains visible and readable on every learning page. */
.learning-draft {display:flex;align-items:flex-start;gap:20px;padding:22px 26px;background:var(--paper-deep);font-size:1rem;line-height:1.85}
.learning-draft-mark {width:3px;min-height:45px;align-self:stretch;flex:none;background:var(--accent)}
.learning-draft strong {font-size:1.0625rem;font-weight:600;color:#943a23}
.learning-draft p {margin-top:4px;color:#55594f}
.learning-hub>.learning-draft {position:relative;margin-top:0}

/* Six lessons, arranged as the contents of a book. */
.learning-chapter {display:grid;grid-template-columns:275px minmax(0,1fr);gap:56px;padding:72px 0}
.learning-section-head {min-width:0}
.learning-chapter-label {display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:var(--learning-meta-size);color:var(--muted);margin-bottom:21px}
.learning-chapter-label>span {font:400 39px/1 var(--font-en);letter-spacing:-2px;color:var(--accent);display:flex;align-items:center;gap:19px}
.learning-chapter-label>span::after {content:"";width:44px;border-top:1px solid currentColor;opacity:.6}
.learning-section-head h2 {font-size:clamp(28px,2.6vw,36px);line-height:1.5;letter-spacing:-.035em;font-weight:600}
.learning-section-head>p:last-of-type {font-size:var(--learning-description-size);line-height:1.95;color:var(--muted);margin-top:22px;max-width:285px}
.learning-directory {min-width:0;border-top:1px solid var(--line)}
.learning-card {position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 148px;gap:24px;align-items:start;padding:31px 0 29px;border-bottom:1px solid var(--line);min-width:0}
.learning-card::after {content:"";position:absolute;inset:auto 0 -1px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.learning-card:has(a:hover)::after,.learning-card:focus-within::after {transform:scaleX(1)}
.learning-card-number {font:400 42px/1.15 var(--font-en);letter-spacing:-2.5px;color:#7f877c;padding-top:15px;transition:color .25s,transform .3s}
.learning-card:hover .learning-card-number,.learning-card:focus-within .learning-card-number {color:var(--accent);transform:translateY(-3px)}
.learning-card-copy {min-width:0}
.learning-card .learning-kicker {font-size:var(--learning-meta-size);letter-spacing:.01em;margin-bottom:8px}
.learning-card h2 {font-size:var(--learning-row-title-size);line-height:1.65;letter-spacing:-.018em;font-weight:600;overflow-wrap:anywhere;text-wrap:balance}
.learning-card h2 a {text-decoration:none}
.learning-card h2 a:hover {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.learning-card-description {font-size:var(--learning-description-size);line-height:1.9;color:var(--muted);margin-top:14px;max-width:560px}
.learning-card-meta {display:flex;flex-direction:column;min-width:0;align-items:flex-start;gap:7px;margin-top:21px;padding-left:18px;border-left:1px solid var(--line);font-size:var(--learning-meta-size);line-height:1.8}
.learning-card-status {color:var(--muted)}
.learning-card-open {display:flex;align-items:center;gap:11px;text-decoration:none;font-size:var(--learning-meta-size);min-height:44px;margin-top:8px;color:var(--accent)}
.learning-card-open .icon {width:24px;height:24px;transition:transform .3s}
.learning-card-open:hover .icon {transform:translateX(5px)}
.learning-card-open>span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.learning-chapter-legal {position:relative;background:var(--ink);color:var(--paper);isolation:isolate;padding-block:64px 70px;--line:#526169;--accent:var(--learning-light-accent);--muted:#c1c9c7}
.learning-chapter-legal::before {content:"";position:absolute;inset:0 calc(-1 * var(--learning-edge));background:var(--ink);z-index:-1}
.learning-chapter-legal .learning-card-number {color:#a8b4b1}
.learning-chapter-legal .learning-card:focus-within .learning-card-number,.learning-chapter-legal .learning-card:hover .learning-card-number {color:var(--accent)}
.learning-chapter-legal .learning-kicker {color:var(--learning-light-accent)}
.learning-chapter-legal a:hover {color:var(--learning-light-accent)}
.learning-comparison-mark {width:99px;height:70px;color:var(--paper);margin-top:30px;overflow:visible}
.comparison-second {color:var(--learning-light-accent);transform-origin:center;transition:transform .5s}
.learning-comparison-mark path {color:var(--learning-light-accent);opacity:.7}
.learning-chapter-legal:hover .comparison-second {transform:translateX(5px)}

/* Editorial note and the real product hand-off. */
.learning-editorial {display:grid;grid-template-columns:275px minmax(0,1fr);gap:56px;padding:67px 0 62px}
.learning-editorial-mark {display:inline-block;color:var(--accent);margin-bottom:17px}
.learning-editorial-mark .icon {width:29px;height:29px;stroke-width:1.2}
.learning-editorial h2 {font-size:26px;line-height:1.6;font-weight:600;letter-spacing:-.025em}
.learning-editorial p {max-width:820px;font-size:var(--learning-description-size);line-height:2;color:var(--muted);margin-top:8px}
.learning-editorial p+p {margin-top:18px}

/* The closing folio: one native App Store link and a decorative paper book. */
.learning-cta {
  --cta-paper: #f6f0e2;
  --cta-ink: #182d39;
  container-type: inline-size;
  position: relative;
  isolation: isolate;
  margin: 0 0 44px;
  background: var(--cta-ink);
  color: var(--paper);
  border-radius: 3px;
}
.learning-cta::before {content:"";position:absolute;inset:12px;border:1px solid #607477;border-radius:1px;pointer-events:none;z-index:-1}
.learning-cta::after {content:"";position:absolute;right:0;top:0;width:37px;height:37px;background:var(--paper);clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none}
.cta-folio-tab {position:absolute;left:clamp(28px,5%,56px);top:0;width:26px;height:49px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 100%,50% 81%,0 100%)}
.cta-spread {display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr);grid-template-areas:"copy art" "footer footer";align-items:center;gap:38px 48px;padding:64px 56px 46px;padding:64px clamp(28px,4.4cqi,56px) 46px}
.learning-cta-copy {grid-area:copy;min-width:0;max-width:660px}
.learning-cta .learning-kicker {font-size:1.125rem;line-height:1.8;letter-spacing:.04em;color:#e5e5da;padding-bottom:14px;border-bottom:1px solid #7c8b89;margin-bottom:22px}
.learning-cta h2 {font-size:clamp(2rem,3.7cqi,3rem);font-weight:600;line-height:1.5;letter-spacing:-.035em;max-width:650px;text-wrap:balance;margin:0}
.learning-cta-copy>p:not(.learning-kicker) {font-size:var(--learning-description-size);line-height:1.95;color:#d1d9d5;margin-top:23px;max-width:650px}
.learning-cta-footer {grid-area:footer;display:grid;grid-template-columns:minmax(290px,390px) minmax(0,1fr);align-items:center;gap:44px;border-top:1px solid #7c8b89;padding-top:29px}
.learning-cta .learning-fine {font-size:var(--learning-meta-size);line-height:1.95;color:#c9d2ce;margin:0;max-width:700px;overflow-wrap:anywhere}

/* The ticket keeps an ordinary href. The surface, seal and book respond together. */
.learning-cta .learning-app-link {position:relative;isolation:isolate;display:grid;grid-template-columns:40px minmax(0,1fr) 54px;align-items:center;gap:18px;width:100%;max-width:390px;min-height:103px;padding:18px 21px;margin:0;background:transparent;color:var(--cta-ink);border:0;border-radius:0;text-decoration:none;box-shadow:none;transform:translateY(0);transition:transform .3s cubic-bezier(.2,.7,.2,1);font-size:1rem;line-height:1.4}
.learning-app-link::before,.learning-app-link::after {content:"";position:absolute;inset:0;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 22px),calc(100% - 22px) 100%,12px 100%,0 calc(100% - 12px),0 12px);pointer-events:none}
.learning-app-link::before {background:var(--cta-paper);z-index:-1}
.learning-app-link::after {background:#cfc7b6;transform:translate(-4px,6px);z-index:-2;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.cta-ticket-apple {display:grid;place-items:center;border-right:1px solid #b5af9f;padding-right:15px;width:51px;min-height:52px}
.learning-cta .cta-ticket-apple .icon {width:33px;height:39px;transform:none}
.cta-ticket-copy {display:block;min-width:0;font-size:1rem;line-height:1.65;padding-left:2px}
.cta-ticket-copy strong {display:block;font:600 1.6875rem/1.15 var(--font-en);letter-spacing:-.06em;white-space:nowrap}
.cta-ticket-seal {width:54px;height:54px;display:grid;place-items:center;background:var(--accent);color:var(--cta-paper);border-radius:50%;transition:transform .3s}
.learning-cta .cta-ticket-seal .icon {width:27px;height:27px;transition:transform .3s}
.learning-cta .learning-app-link:hover,.learning-cta .learning-app-link:focus-visible {color:var(--cta-ink);background:transparent;transform:translateY(-4px)}
.learning-cta .learning-app-link:hover::after,.learning-cta .learning-app-link:focus-visible::after {transform:translate(-6px,9px)}
.learning-cta .learning-app-link:is(:hover,:focus-visible) .cta-ticket-seal {transform:rotate(-7deg)}
.learning-cta .learning-app-link:is(:hover,:focus-visible) .cta-ticket-seal .icon {transform:translate(2px,-2px)}
.learning-cta .learning-app-link:active {transform:translateY(-1px)}
.learning-main .learning-cta .learning-app-link:focus-visible {outline:3px solid var(--learning-light-accent);outline-offset:8px}

.learning-cta-art {grid-area:art;display:grid;place-items:center;position:relative;min-width:0;min-height:365px;padding:7px 16px 8px 0;perspective:1000px}
.cta-book {position:relative;width:clamp(210px,23cqi,284px);aspect-ratio:.745;transform:rotate(-6deg);perspective:1000px;isolation:isolate}
.cta-book-pages {position:absolute;inset:7px -11px -5px 14px;border:1px solid #afa792;border-radius:2px 5px 5px 2px;background:#e1dac9;box-shadow:3px 1px 0 #bcb4a2,6px 2px 0 #ebe5d7,9px 3px 0 #bcb4a2,12px 4px 0 #e3ddcc,14px 6px 1px #101f2866}
.cta-book-pages::after {content:"";position:absolute;inset:6px 4px 7px auto;width:2px;border-inline:1px solid #b0a793;box-shadow:-4px 0 0 #c8c0ae,-8px 0 0 #c8c0ae}
.cta-book-cover {position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 22px;background:var(--cta-paper);color:var(--cta-ink);border:1px solid #c9c0ae;border-radius:3px 4px 4px 3px;box-shadow:13px 12px 18px -16px #0009;transform:rotateY(-11deg);transform-origin:left center;backface-visibility:hidden;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.cta-book-cover::before {content:"";position:absolute;inset:14px 13px 14px 20px;border:1px solid #baae95;pointer-events:none}
.cta-book-cover::after {content:"";position:absolute;left:9px;top:0;bottom:0;border-left:1px solid #c8bea9;box-shadow:2px 0 0 #fffbef;pointer-events:none}
.cta-book-cover img {display:block;width:80px;height:80px;flex:none;filter:none}
.cta-book-wordmark {font:600 2.125rem/1.25 var(--font-en);letter-spacing:-.075em;margin-top:16px}
.cta-book-rule {width:37px;border-top:1px solid currentColor;margin-top:22px}
.cta-book-caption {font-size:.875rem;line-height:1.8;margin-top:15px;white-space:nowrap}
.cta-book-rule-short {width:27px;margin-top:15px;color:#a99d84}
.cta-book-bookmark {position:absolute;right:28px;top:-7px;width:24px;height:67px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);transform-origin:top center;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.learning-cta:has(.learning-app-link:is(:hover,:focus-visible,:active)) .cta-book-cover {transform:rotateY(-29deg)}
.learning-cta:has(.learning-app-link:is(:hover,:focus-visible,:active)) .cta-book-bookmark {transform:rotate(-4deg)}
.learning-cta.is-revealed .cta-book {animation:cta-folio-arrive .8s cubic-bezier(.2,.7,.2,1) backwards}
.learning-cta.is-revealed .cta-folio-tab {animation:cta-tab-arrive .55s ease-out backwards}
.learning-article .learning-cta {margin-top:40px}
@keyframes cta-folio-arrive {from{transform:translateY(17px) rotate(-2deg)}to{transform:rotate(-6deg)}}
@keyframes cta-tab-arrive {from{transform:translateY(-12px)}to{transform:translateY(0)}}
@container (max-width:900px) {
  .cta-spread {grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:30px 29px;padding-top:60px;padding-bottom:35px}
  .learning-cta h2 {font-size:2rem}
  .learning-cta-art {min-height:294px;padding-right:14px}
  .cta-book {width:210px}
  .cta-book-cover {padding:24px 18px}
  .cta-book-cover img {width:63px;height:63px}
  .cta-book-wordmark {font-size:1.75rem;margin-top:13px}
  .cta-book-rule {margin-top:18px}
  .cta-book-caption {font-size:.8125rem;margin-top:12px}
  .cta-book-rule-short {margin-top:12px}
  .cta-book-bookmark {width:20px;height:53px;right:22px}
  .learning-cta-footer {grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:28px;padding-top:28px}
  .learning-cta .learning-app-link {grid-template-columns:34px minmax(0,1fr) 46px;gap:14px;min-height:95px;padding:17px}
  .cta-ticket-apple {width:44px;padding-right:12px;min-height:48px}
  .learning-cta .cta-ticket-apple .icon {width:29px;height:35px}
  .cta-ticket-copy {font-size:.9375rem}
  .cta-ticket-copy strong {font-size:1.5rem}
  .cta-ticket-seal {width:46px;height:46px}
  .learning-cta .cta-ticket-seal .icon {width:24px;height:24px}
}
@container (max-width:650px) {
  .cta-spread {grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "action" "art" "fine";gap:29px;padding:58px 26px 32px}
  .learning-cta .learning-kicker {font-size:1rem;padding-bottom:12px;margin-bottom:20px}
  .learning-cta h2 {font-size:2rem;line-height:1.5}
  .learning-cta-copy>p:not(.learning-kicker) {margin-top:21px}
  .learning-cta-footer {display:contents}
  .learning-cta .learning-app-link {grid-area:action;justify-self:start;max-width:350px;grid-template-columns:34px minmax(0,1fr) 46px;gap:14px;min-height:97px;padding:17px}
  .learning-cta .learning-fine {grid-area:fine;font-size:var(--learning-meta-size);line-height:1.95}
  .learning-cta-art {min-height:0;height:205px;padding:2px 15px 4px 0}
  .cta-book {width:145px}
  .cta-book-cover {padding:19px 14px}
  .cta-book-cover::before {inset:10px 9px 10px 14px}
  .cta-book-cover::after {left:6px}
  .cta-book-cover img {width:46px;height:46px}
  .cta-book-wordmark {font-size:1.25rem;margin-top:10px}
  .cta-book-rule {width:26px;margin-top:11px}
  .cta-book-caption {font-size:.625rem;margin-top:8px}
  .cta-book-rule-short {width:19px;margin-top:9px}
  .cta-book-bookmark {width:15px;height:39px;right:14px;top:-5px}
  .cta-book-pages {inset:5px -7px -3px 9px;box-shadow:2px 1px 0 #bcb4a2,4px 2px 0 #ebe5d7,6px 3px 0 #bcb4a2,8px 4px 0 #e3ddcc,10px 5px 1px #101f2866}
}
@media (max-width:600px) {
  .learning-cta {margin-inline:calc(-1 * var(--gutter));margin-bottom:20px;border-radius:0}
  .learning-cta::before {inset:10px}
  .learning-article .learning-cta {margin-top:34px}
}
@media (prefers-reduced-motion:reduce) {
  .learning-cta .learning-app-link:is(:hover,:focus-visible,:active),.learning-cta .learning-app-link:is(:hover,:focus-visible)::after,.learning-cta .learning-app-link:is(:hover,:focus-visible) .cta-ticket-seal,.learning-cta .learning-app-link:is(:hover,:focus-visible) .cta-ticket-seal .icon {transform:none}
  .learning-cta:has(.learning-app-link:is(:hover,:focus-visible,:active)) .cta-book-cover {transform:rotateY(-11deg)}
  .learning-cta:has(.learning-app-link:is(:hover,:focus-visible,:active)) .cta-book-bookmark {transform:none}
}

/* The reading edition */
.learning-reading-progress {position:fixed;top:0;left:0;right:0;height:3px;z-index:80;pointer-events:none}
.learning-reading-progress>span {display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}
.learning-breadcrumb {display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:var(--learning-meta-size);padding-block:22px;border-bottom:1px solid var(--line)}
.learning-breadcrumb a {display:inline-flex;align-items:center;min-height:30px;text-decoration:none}
.learning-breadcrumb a:hover {text-decoration:underline}
.learning-article-intro {display:grid;grid-template-columns:minmax(0,1fr) 165px;gap:70px;padding:43px 0 39px}
.learning-article-heading {min-width:0}
.learning-article-heading::before {content:"";display:block;width:43px;height:5px;background:var(--accent);margin-bottom:24px}
.learning-article-intro h1 {font-size:clamp(39px,4.7vw,66px);font-weight:600;line-height:1.4;letter-spacing:-.035em;overflow-wrap:anywhere;max-width:850px;text-wrap:pretty}
.learning-article-category {display:flex;flex-wrap:wrap;align-items:center;gap:10px 19px;font-size:var(--learning-note-size);margin-top:24px}
.learning-article-category span {border-left:1px solid var(--line);padding-left:19px;color:var(--muted)}
.learning-article-intro .learning-lead {font-size:var(--learning-lead-size);line-height:1.95;margin-top:13px;max-width:900px}
.learning-byline {font-size:var(--learning-meta-size);line-height:1.9;color:var(--muted);margin-top:18px}
.learning-article-number {border-left:1px solid var(--line);align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:16px}
.learning-article-number::before {content:"";width:39px;height:5px;background:var(--accent)}
.learning-article-number>span:first-of-type {font:400 112px/1 var(--font-en);letter-spacing:-8px;color:transparent;-webkit-text-stroke:1px #aaa895}
.learning-article-number>span:last-child {font:400 9px/1.8 var(--font-en);letter-spacing:2px;color:var(--muted)}
.learning-article>.learning-draft {margin-bottom:0}
.learning-layout {grid-template-columns:250px minmax(0,1fr);gap:66px;padding-block:43px 30px;border-bottom:0}
.learning-layout .contents {top:24px;font-size:13px;padding-right:22px;border-right:1px solid var(--line)}
.learning-layout .contents-label {font-size:1.125rem;letter-spacing:0;color:var(--ink);font-weight:600;margin-bottom:20px}
.learning-layout .contents nav {display:block}
.learning-layout .contents nav a {position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;padding:13px 0;border-left:0;border-bottom:1px solid var(--line);font-size:.9375rem;line-height:1.85;color:var(--muted);transition:color .2s}
.learning-layout .contents nav a::before {content:"";position:absolute;left:-12px;top:15px;bottom:15px;width:3px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .25s}
.learning-layout .contents nav a:hover,.learning-layout .contents nav a.is-active {color:var(--accent)}
.learning-layout .contents nav a.is-active::before {transform:scaleY(1)}
.learning-toc-number {font-family:var(--font-en);font-size:var(--learning-meta-size);padding-top:2px;font-weight:400}
.learning-layout .contents a.learning-toc-back {display:flex;gap:8px;align-items:center;border:0;font-size:var(--learning-meta-size);margin-top:19px;padding:8px 0;color:var(--ink);min-height:44px}
.learning-toc-back .icon {width:15px;height:15px}
.learning-layout .document-body {max-width:820px;min-width:0}
.learning-short-answer {padding:29px 34px 31px;background:var(--ink);color:var(--paper);font-size:1.3125rem;line-height:1.95;position:relative}
.learning-short-answer>p:last-child {text-wrap:balance}
.learning-short-answer .learning-kicker {display:inline-block;background:var(--accent);color:#fff9f0;padding:3px 10px;margin-bottom:14px;font-size:var(--learning-meta-size)}
.learning-layout .document-section {margin-top:49px;padding-top:28px;border-top:1px solid var(--line);scroll-margin-top:29px}
.learning-layout .document-section h2 {display:flex;align-items:baseline;gap:17px;font-size:var(--learning-section-title-size);font-weight:600;line-height:1.65;letter-spacing:-.018em;margin-bottom:16px;overflow-wrap:anywhere}
.learning-section-number {font:400 .9375rem/1.5 var(--font-en);letter-spacing:0;color:var(--accent);flex:none;min-width:24px}
.learning-layout .document-section p,.learning-layout .document-section ul,.learning-layout .document-section ol {font-size:var(--learning-body-size);color:#3e4c52;line-height:1.95;margin-block:18px}
.learning-layout .document-section strong {color:var(--ink)}
.learning-layout .document-section a {text-decoration-color:#aa8b74;text-underline-offset:5px}
.learning-layout .document-section a:hover {text-decoration-color:var(--accent)}
.learning-layout .document-section ul,.learning-layout .document-section ol {padding-left:24px}
.learning-layout .document-section li {padding-left:4px;margin-block:12px}
.learning-layout .learning-steps {list-style:none;counter-reset:learning-step;padding-left:0!important;margin:24px 0!important}
.learning-layout .learning-steps>li {position:relative;counter-increment:learning-step;padding:0 0 20px 47px;margin:0}
.learning-layout .learning-steps>li::before {content:counter(learning-step);position:absolute;left:0;top:1px;width:29px;height:29px;display:grid;place-items:center;border:1px solid #aaa58f;border-radius:50%;font:400 .875rem/1 var(--font-en);color:var(--ink);background:var(--paper);z-index:1}
.learning-layout .learning-steps>li:not(:last-child)::after {content:"";position:absolute;left:14px;top:29px;bottom:0;border-left:1px solid var(--line)}
.learning-layout .learning-steps>li:last-child {padding-bottom:0}
.learning-example {padding:13px 25px;background:var(--paper-deep);border-left:3px solid #b7a58a;margin-block:25px;position:relative}
.learning-layout .learning-example p {font-size:var(--learning-answer-size);line-height:1.95;margin-block:14px}
.learning-compare {margin:24px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.learning-compare>div {padding:23px 23px 24px;background:var(--paper-deep);border-top:3px solid var(--accent)}
.learning-compare>div+div {border-left:1px solid var(--line);border-top-color:var(--ink)}
.learning-compare dt {font-size:24px;font-weight:600;line-height:1.6;color:var(--ink)}
.learning-compare dd {margin:11px 0 0;font-size:var(--learning-answer-size);line-height:1.95;color:#3e4c52}

/* Native review questions: no account, scores or state persistence. */
.learning-question {display:grid;grid-template-columns:39px minmax(0,1fr);gap:18px;padding:25px 0 24px;border-top:1px solid var(--line);margin-top:0}
.learning-question:first-of-type {margin-top:25px}
.learning-question:last-of-type {border-bottom:1px solid var(--line)}
.learning-question-number {font:400 29px/1.3 var(--font-en);letter-spacing:-1.5px;color:var(--accent)}
.learning-question h3 {font-size:var(--learning-question-size);font-weight:600;line-height:1.9;letter-spacing:-.01em}
.learning-question details {margin-top:9px}
.learning-question summary {display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;color:var(--accent);font-size:1rem;line-height:1.8;padding:12px 0;min-height:48px}
.learning-question summary::-webkit-details-marker {display:none}
.learning-disclosure-icon {position:relative;flex:none;width:24px;height:24px;display:block;transition:transform .25s}
.learning-disclosure-icon::before,.learning-disclosure-icon::after {content:"";position:absolute;top:11px;left:5px;width:14px;height:1px;background:currentColor}
.learning-disclosure-icon::after {transform:rotate(90deg);transition:transform .25s}
.learning-question details[open] .learning-disclosure-icon::after {transform:rotate(0)}
.learning-question details[open] .learning-disclosure-icon {transform:rotate(180deg)}
.learning-layout .learning-question details p {font-size:var(--learning-answer-size);line-height:1.95;background:var(--paper-deep);padding:17px 20px;margin:10px 0 0;border-left:2px solid var(--accent)}
.learning-question details[open]>p {animation:learning-answer .24s ease-out}
.learning-layout .learning-sources h2 {font-size:var(--learning-section-title-size)}
.learning-layout .learning-sources>p {font-size:1rem}
.learning-layout .learning-sources ol {list-style:none;counter-reset:source;padding-left:0;margin-top:25px}
.learning-layout .learning-sources li {counter-increment:source;position:relative;padding:21px 0 21px 37px;margin:0;border-top:1px solid var(--line);overflow-wrap:anywhere}
.learning-sources li::before {content:counter(source,decimal-leading-zero);position:absolute;left:0;top:25px;font:400 .8125rem/1.5 var(--font-en);color:var(--muted)}
.learning-sources li>a {font-size:1rem;line-height:1.95;font-weight:600}
.learning-layout .learning-sources li p {font-size:var(--learning-note-size);line-height:1.95;margin-block:8px 0}
.learning-layout .learning-sources li p strong {color:var(--muted);font-weight:400}
.learning-disclaimer {font-size:var(--learning-note-size);color:var(--muted);line-height:1.95;margin-top:12px;padding:20px 0;border-block:1px solid var(--line)}
.learning-related {margin-top:43px}
.learning-related h2 {font-size:1.625rem;font-weight:600;letter-spacing:-.02em}
.learning-related ul {padding:0;margin:24px 0 10px;list-style:none;border-top:1px solid var(--line)}
.learning-related li {border-bottom:1px solid var(--line)}
.learning-related li>a {display:grid;grid-template-columns:28px 1fr 24px;align-items:center;gap:15px;padding:20px 0;text-decoration:none;font-size:var(--learning-description-size);line-height:1.8}
.learning-related-number {font:400 .875rem/1 var(--font-en);color:var(--accent)}
.learning-related li .icon {color:var(--accent);width:23px;height:23px;transition:transform .25s}
.learning-related li a:hover .icon {transform:translateX(4px)}
.learning-related>.text-link {font-size:var(--learning-meta-size);min-height:44px;margin-top:7px}
.learning-related>.text-link .icon {width:17px;height:17px}
.learning-page .site-footer {border-top:1px solid var(--line)}
.learning-page .footer-links {font-size:.875rem}
.learning-page .footer-bottom,.learning-page .footer-bottom .copyright {font-size:.8125rem;line-height:1.9}
.learning-page .footer-bottom .copyright {white-space:normal}

@keyframes learning-ink {from{transform:scaleX(.2)}to{transform:scaleX(1)}}
@keyframes learning-sheet-first {from{transform:translateY(16px) rotate(0)}to{transform:rotate(3deg)}}
@keyframes learning-sheet-second {from{transform:translate(-14px,14px) rotate(3deg)}to{transform:rotate(8deg)}}
@keyframes learning-sheet-third {from{transform:translate(-24px,9px) rotate(4deg)}to{transform:rotate(13deg)}}
@keyframes learning-answer {from{opacity:.45;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

@media (min-width:1600px) {
  .learning-intro h1 {font-size:84px}
  .learning-hero-copy {padding-block:65px 58px}
  .learning-cover {min-height:670px}
}
@media (max-width:1200px) {
  .learning-intro {gap:34px}
  .learning-hero-copy {padding-block:45px 40px}
  .learning-intro h1 {font-size:clamp(49px,5.8vw,68px)}
  .learning-lead {font-size:var(--learning-lead-size)}
  .learning-jumps {gap:8px 15px;font-size:1rem}
  .learning-jump-icon {width:40px;height:40px}
  .learning-cover {min-height:600px}
  .cover-sheet {padding:24px}
  .cover-sheet-title {font-size:clamp(44px,4.7vw,58px)}
  .cover-sheet-first {left:6%;width:72%}
  .cover-sheet-second {left:15%;width:72%}
  .cover-sheet-third {left:23%;width:72%}
  .cover-sheet-head>span:last-child {font-size:8px;letter-spacing:1.6px;padding-left:12px}
  .cover-sheet-bottom {font-size:9px}
  .learning-cover-caption {font-size:9px;letter-spacing:.08em}
  .learning-chapter,.learning-editorial {grid-template-columns:225px minmax(0,1fr);gap:35px}
  .learning-card {grid-template-columns:40px minmax(0,1fr) 132px;gap:17px}
  .learning-card h2 {font-size:var(--learning-row-title-size)}
  .learning-card-number {font-size:34px}
  .learning-card-meta {font-size:var(--learning-meta-size);padding-left:12px}
  .learning-card-description {font-size:var(--learning-description-size)}
  .learning-layout {grid-template-columns:210px minmax(0,1fr);gap:40px}
  .learning-layout .contents {padding-right:15px}
  .learning-layout .contents nav a {font-size:.9375rem;gap:8px}
  .learning-article-intro {grid-template-columns:minmax(0,1fr) 125px;gap:36px}
  .learning-article-number>span:first-of-type {font-size:92px}
  .learning-layout .document-section h2 {font-size:var(--learning-section-title-size)}
  .learning-layout .document-section p,.learning-layout .document-section ul,.learning-layout .document-section ol {font-size:var(--learning-body-size)}
  .learning-layout .learning-example p {font-size:var(--learning-answer-size)}
}
@media (max-width:900px) {
  .learning-page .header-nav {gap:18px;font-size:.9375rem}
  .learning-page .language-switch {font-size:.875rem;margin-left:0}
  .learning-intro {gap:26px}
  .learning-intro h1 {font-size:52px}
  .learning-cover {min-height:555px}
  .cover-sheet {padding:21px}
  .cover-sheet-title {font-size:43px}
  .cover-sheet-head {gap:12px}
  .cover-sheet-number {font-size:27px}
  .cover-sheet-head>span:last-child {font-size:7px}
  .cover-sheet-bottom {font-size:8px}
  .learning-cover-caption {left:7%;right:0;font-size:8px}
  .learning-cover-caption::before {width:24px}
  .learning-chapter,.learning-editorial {grid-template-columns:190px minmax(0,1fr);gap:28px}
  .learning-section-head h2 {font-size:27px}
  .learning-card {grid-template-columns:34px minmax(0,1fr);gap:16px;padding-block:24px}
  .learning-card-copy {grid-column:2}
  .learning-card-meta {grid-column:2;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;border-left:0;margin:0;padding:0;gap:14px;font-size:var(--learning-meta-size);}
  .learning-card-open {margin:0 0 0 auto;min-height:44px;font-size:var(--learning-meta-size);}
  .learning-editorial h2 {font-size:23px}
  .learning-layout {grid-template-columns:185px minmax(0,1fr);gap:30px}
  .learning-short-answer {padding:25px;font-size:1.3125rem}
  .learning-layout .document-section h2 {gap:12px;font-size:var(--learning-section-title-size)}
  .learning-compare {grid-template-columns:1fr}
  .learning-compare>div+div {border-left:0}
}
@media (max-width:800px) {
  .learning-page {
    --learning-body-size: 1.125rem;
    --learning-description-size: 1.0625rem;
    --learning-lead-size: 1.125rem;
    --learning-note-size: .875rem;
    --learning-row-title-size: 1.4375rem;
    --learning-section-title-size: 1.5625rem;
    --learning-question-size: 1.125rem;
    --learning-answer-size: 1.125rem;
  }
  .learning-page .site-header {min-height:84px}
  .learning-page .header-nav {display:none;font-size:.9375rem;}
  .learning-page .language-switch {margin-left:auto;font-size:.875rem;}
  .learning-intro {grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:24px}
  .learning-hero-copy {padding-block:35px}
  .learning-intro h1 {font-size:clamp(42px,6.45vw,52px)}
  .learning-lead {font-size:var(--learning-lead-size);line-height:1.95;margin-top:24px}
  .learning-jumps {margin-top:20px;font-size:1rem;gap:5px}
  .learning-jumps>a {min-height:42px;gap:10px;font-size:.9375rem;}
  .learning-jumps>a:last-child {margin-left:0}
  .learning-jump-icon {width:37px;height:37px}
  .learning-cover {min-height:510px}
  .cover-sheet {padding:18px}
  .cover-sheet-title {font-size:clamp(34px,5vw,43px);margin-top:24px}
  .cover-sheet-head {padding-bottom:13px}
  .cover-sheet-head>span:last-child {padding-left:7px;letter-spacing:1px}
  .cover-sheet-bottom {font-size:7px}
  .cover-sheet-lines {height:29px;margin-top:22px}
  .learning-cover-caption {font-size:7px;letter-spacing:.025em;bottom:29px}
  .learning-cover-caption::before {display:none}
  .learning-draft {padding:20px;gap:16px;font-size:.9375rem}
  .learning-draft strong {font-size:1rem}
  .learning-chapter {padding-block:52px}
  .learning-article-intro {grid-template-columns:minmax(0,1fr) 100px;gap:25px;padding-block:32px}
  .learning-article-intro h1 {font-size:41px}
  .learning-article-number>span:first-of-type {font-size:76px;letter-spacing:-6px}
  .learning-article-number>span:last-child {font-size:7px;letter-spacing:1px}
  .learning-article-intro .learning-lead {font-size:var(--learning-lead-size)}
  .learning-layout {display:block;padding-top:28px}
  .learning-layout .contents {position:static;border-right:0;border-bottom:1px solid var(--line);padding:0 0 23px;margin-bottom:28px}
  .learning-layout .contents-label {font-size:1.125rem;margin-bottom:12px}
  .learning-layout .contents nav {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 23px}
  .learning-layout .contents nav a {font-size:.9375rem;padding:10px 0;min-height:44px}
  .learning-layout .contents nav a::before {left:-8px}
  .learning-layout .contents a.learning-toc-back {display:none;font-size:var(--learning-meta-size);}
  .learning-layout .document-body {max-width:none}
  .learning-short-answer {font-size:1.25rem;padding:27px 30px}
  .learning-layout .document-section {margin-top:41px;padding-top:24px}
  .learning-layout .document-section p,.learning-layout .document-section ul,.learning-layout .document-section ol {font-size:var(--learning-body-size)}
  .learning-compare {grid-template-columns:repeat(2,minmax(0,1fr))}
  .learning-compare>div+div {border-left:1px solid var(--line)}
  .learning-editorial {padding-block:44px;grid-template-columns:190px minmax(0,1fr)}
  .learning-editorial p {font-size:var(--learning-description-size)}
}
@media (max-width:600px) {
  .learning-page {--gutter:24px}
  .learning-page .site-header {min-height:76px;flex-wrap:wrap;padding-block:12px;gap:12px}
  .learning-page .wordmark {font-size:24px}
  .learning-page .brand-symbol {width:33px;height:33px}
  .learning-page .language-switch {font-size:.875rem}
  .learning-page .language-switch a {padding:9px 0 9px 7px}
  .learning-intro {display:flex;flex-direction:column;gap:0}
  .learning-hero-copy {padding:34px 0 27px}
  .learning-intro h1 {font-size:clamp(45px,11.8vw,67px);line-height:1.25;letter-spacing:-.043em}
  .learning-intro h1 br:first-of-type {display:block}
  .learning-lead {font-size:var(--learning-lead-size);line-height:1.95;margin-top:25px}
  .learning-jumps {margin-top:21px;font-size:1rem;gap:12px 20px}
  .learning-jumps>a {gap:10px;min-height:43px;font-size:.9375rem;}
  .learning-jumps>a:last-child {margin-left:0}
  .learning-jump-icon {width:35px;height:35px}
  .learning-jump-icon .icon {width:20px;height:20px}
  .learning-hero-art {margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}
  .learning-hero-art::before {display:none}
  .learning-cover {height:292px;min-height:0;max-width:430px;margin-inline:auto;perspective:1000px}
  .cover-orbit {width:220px;height:220px;left:calc(50% - 110px);top:32px}
  .cover-sheet {width:160px;height:222px;padding:17px 18px;left:calc(50% - 110px)}
  .cover-sheet-first {top:23px;height:232px;left:calc(50% - 111px);width:168px}
  .cover-sheet-second {top:30px;left:calc(50% - 79px)}
  .cover-sheet-third {top:44px;left:calc(50% - 47px);height:209px}
  .cover-sheet-head {padding-bottom:10px;gap:10px}
  .cover-sheet-number {font-size:20px;letter-spacing:-1px}
  .cover-sheet-head>span:last-child {font-size:5px;line-height:1.5;letter-spacing:1px;padding-left:12px}
  .cover-sheet-title {font-size:30px;line-height:1.2;letter-spacing:-.04em;margin-top:13px}
  .cover-sheet .learning-underline {height:6px;margin-top:3px}
  .cover-sheet-lines {height:18px;margin-top:15px}
  .cover-sheet-bottom {display:none}
  .cover-sheet-vertical {font-size:15px;letter-spacing:1px;margin-top:22px}
  .cover-bookmark {width:16px;height:32px;right:16px;top:-17px}
  .learning-cover-caption {left:0;right:0;bottom:13px;font-size:8px;letter-spacing:.12em;justify-content:center;gap:12px}
  .learning-cover-caption .icon {width:14px;height:14px}
  .learning-draft {padding:18px 17px;gap:12px;font-size:.9375rem;line-height:1.9}
  .learning-draft strong {font-size:1rem;line-height:1.9}
  .learning-draft-mark {width:2px}
  .learning-hub>.learning-draft {margin-top:23px}
  .learning-chapter {display:block;padding-block:44px}
  .learning-section-head {margin-bottom:26px}
  .learning-chapter-label {flex-direction:row;align-items:center;gap:14px;margin-bottom:15px;font-size:var(--learning-meta-size)}
  .learning-chapter-label>span {font-size:26px;letter-spacing:-1px;gap:13px}
  .learning-chapter-label>span::after {width:27px}
  .learning-section-head h2 {font-size:30px;line-height:1.5;letter-spacing:-.03em}
  .learning-section-head h2 br {display:none}
  .learning-section-head>p:last-of-type {font-size:var(--learning-description-size);line-height:1.95;max-width:none;margin-top:13px}
  .learning-card {grid-template-columns:33px minmax(0,1fr);gap:5px 14px;padding-block:25px 19px}
  .learning-card-number {font-size:29px;letter-spacing:-1.5px;padding-top:21px}
  .learning-card .learning-kicker {font-size:var(--learning-meta-size);margin-bottom:6px}
  .learning-card h2 {font-size:var(--learning-row-title-size);line-height:1.65;letter-spacing:-.025em}
  .learning-card-description {font-size:var(--learning-description-size);line-height:1.95;margin-top:10px}
  .learning-card-meta {font-size:var(--learning-meta-size);gap:8px 14px;margin-top:9px;min-height:44px}
  .learning-card-open {min-height:44px;font-size:var(--learning-meta-size);}
  .learning-card-open .icon {width:23px;height:23px}
  .learning-chapter-legal {padding-block:39px 43px}
  .learning-comparison-mark {display:none}
  .learning-editorial {display:block;padding-block:41px}
  .learning-editorial-mark {margin-bottom:12px}
  .learning-editorial h2 {font-size:26px;line-height:1.6;margin-bottom:18px}
  .learning-editorial h2 br {display:none}
  .learning-editorial p {font-size:var(--learning-description-size);line-height:2}
  .learning-editorial p+p {margin-top:17px}
  .learning-breadcrumb {font-size:var(--learning-meta-size);gap:10px;padding-block:15px}
  .learning-article-intro {display:block;position:relative;padding-block:26px 27px}
  .learning-article-heading::before {width:32px;height:4px;margin-bottom:22px}
  .learning-article-intro h1 {font-size:clamp(32px,8.65vw,46px);line-height:1.5;letter-spacing:-.035em;text-wrap:initial}
  .learning-article-number {display:none}
  .learning-article-category {font-size:var(--learning-note-size);gap:8px 13px;margin-top:20px}
  .learning-article-category span {padding-left:13px}
  .learning-article-intro .learning-lead {font-size:var(--learning-lead-size);line-height:1.95;margin-top:13px}
  .learning-byline {font-size:var(--learning-meta-size);line-height:2;margin-top:17px}
  .learning-layout {padding-top:26px}
  .learning-layout .contents {padding-bottom:24px;margin-bottom:26px}
  .learning-layout .contents-label {font-size:1.125rem;margin-bottom:10px}
  .learning-layout .contents nav {grid-template-columns:1fr;gap:0}
  .learning-layout .contents nav a {font-size:.9375rem;padding:11px 0;gap:11px;min-height:46px;grid-template-columns:19px minmax(0,1fr)}
  .learning-toc-number {font-size:var(--learning-meta-size)}
  .learning-short-answer {padding:23px 22px 26px;font-size:1.1875rem;line-height:1.95}
  .learning-short-answer .learning-kicker {font-size:var(--learning-meta-size);padding:3px 8px;margin-bottom:13px}
  .learning-layout .document-section {margin-top:35px;padding-top:23px}
  .learning-layout .document-section h2 {font-size:var(--learning-section-title-size);line-height:1.7;gap:12px;margin-bottom:15px;letter-spacing:-.025em}
  .learning-section-number {font-size:.875rem;min-width:20px}
  .learning-layout .document-section p,.learning-layout .document-section ul,.learning-layout .document-section ol {font-size:var(--learning-body-size);line-height:1.95;margin-block:18px}
  .learning-layout .learning-steps>li {padding-left:41px;padding-bottom:21px}
  .learning-layout .learning-steps>li::before {width:27px;height:27px;top:2px}
  .learning-layout .learning-steps>li:not(:last-child)::after {left:13px}
  .learning-example {padding:9px 17px;margin-block:22px;border-left-width:2px}
  .learning-layout .learning-example p {font-size:var(--learning-answer-size);line-height:1.95}
  .learning-compare {grid-template-columns:1fr}
  .learning-compare>div {padding:21px}
  .learning-compare>div+div {border-left:0}
  .learning-compare dt {font-size:23px}
  .learning-compare dd {font-size:var(--learning-answer-size)}
  .learning-question {grid-template-columns:27px minmax(0,1fr);gap:13px;padding-block:22px}
  .learning-question-number {font-size:24px}
  .learning-question h3 {font-size:var(--learning-question-size);line-height:1.95}
  .learning-question summary {font-size:1rem;gap:12px;padding-block:12px}
  .learning-disclosure-icon {width:21px;height:21px}
  .learning-layout .learning-question details p {font-size:var(--learning-answer-size);padding:15px 16px;line-height:2}
  .learning-layout .learning-sources h2 {font-size:var(--learning-section-title-size)}
  .learning-layout .learning-sources>p {font-size:1rem;line-height:1.95}
  .learning-layout .learning-sources li {padding:19px 0 20px 29px}
  .learning-sources li::before {top:24px;font-size:.8125rem}
  .learning-sources li>a {font-size:1rem}
  .learning-layout .learning-sources li p {font-size:var(--learning-note-size);line-height:1.95}
  .learning-disclaimer {font-size:var(--learning-note-size);line-height:2}
  .learning-related {margin-top:34px}
  .learning-related h2 {font-size:1.625rem}
  .learning-related li>a {grid-template-columns:22px 1fr 19px;gap:11px;font-size:var(--learning-description-size);line-height:1.9;padding-block:18px}
  .learning-related-number {font-size:.875rem}
  .learning-related li .icon {width:19px;height:19px}
}
@media (max-width:360px) {
  .learning-page {--gutter:20px}
  .learning-page .wordmark {font-size:22px}
  .learning-page .brand-symbol {width:30px;height:30px}
  .learning-page .language-switch {font-size:.875rem}
  .learning-intro h1 {font-size:43px}
  .learning-hero-copy {padding-top:29px}
  .learning-jumps {gap:10px 13px;font-size:1rem;}
  .learning-jumps>a {font-size:.9375rem}
  .learning-jumps>a:last-child {margin-left:0}
  .learning-cover {height:280px}
  .learning-cover-caption {bottom:8px}
  .learning-card {grid-template-columns:28px minmax(0,1fr);gap:5px 11px}
  .learning-card h2 {font-size:var(--learning-row-title-size)}
  .learning-card-meta {gap:8px;font-size:var(--learning-meta-size)}
  .learning-card-number {font-size:26px}
  .learning-section-head h2 {font-size:28px}
  .learning-article-intro h1 {font-size:32px}
  .learning-short-answer {padding-inline:19px;font-size:1.1875rem}
  .learning-layout .document-section h2 {font-size:var(--learning-section-title-size);gap:9px}
  .learning-question {grid-template-columns:23px minmax(0,1fr);gap:10px}
  .learning-question h3 {font-size:var(--learning-question-size)}
}
@media (prefers-reduced-motion:reduce) {
  .learning-page *,.learning-page *::before,.learning-page *::after {animation:none!important;transition:none!important}
  .learning-cover:hover .cover-sheet-first,.learning-cover:focus-visible .cover-sheet-first {transform:rotate(3deg)}
  .learning-cover:hover .cover-sheet-second,.learning-cover:focus-visible .cover-sheet-second {transform:rotate(8deg)}
  .learning-cover:hover .cover-sheet-third,.learning-cover:focus-visible .cover-sheet-third {transform:rotate(13deg)}
}
@media print {
  .learning-page {background:white;color:black}
  .learning-main {width:100%;padding:0}
  .learning-hero-art,.learning-jumps,.learning-cta,.learning-reading-progress,.learning-breadcrumb,.learning-article-number,.learning-toc-back,.learning-related {display:none!important}
  .learning-intro,.learning-editorial,.learning-article-intro {display:block}
  .learning-intro h1 {font-size:32pt}
  .learning-article-intro h1 {font-size:27pt}
  .learning-draft {background:white;border:1px solid #777;padding:14px}
  .learning-draft strong,.learning-draft p {color:black}
  .learning-chapter,.learning-chapter-legal {display:block;padding:25px 0;color:black;background:white}
  .learning-chapter-legal::before {display:none}
  .learning-card {break-inside:avoid}
  .learning-layout {display:block;padding-top:20px}
  .learning-layout .document-body {max-width:none}
  .learning-short-answer {background:white;color:black;border:1px solid #777;font-size:12pt}
  .learning-short-answer .learning-kicker {background:white;color:black}
  .learning-layout .document-section p,.learning-layout .document-section li {color:black;font-size:11pt}
  .learning-question {break-inside:avoid}
  .learning-question details:not([open])>p {display:block!important}
  .learning-layout .learning-question details p {background:white;color:black;font-size:11pt}
  .learning-main .learning-underline {display:none}
}

/* Optional reading sequence, using the existing paper and navy palette. */
.learning-reading-path {margin-block:32px;padding:24px;border:1px solid var(--line);border-radius:8px;scroll-margin-top:24px}
.learning-reading-path h2 {font-size:1.5rem;line-height:1.6;margin:0 0 12px}
.learning-reading-path ol,.learning-reading-path ul {padding-left:24px;margin:18px 0}
.learning-reading-path li {padding-block:10px}
.learning-reading-path li>a {display:inline-block;vertical-align:top;min-height:44px;padding-block:8px;font-weight:600;line-height:1.8}
.learning-reading-path li>strong {display:block;font-size:.9375rem}
.learning-reading-path li>p {margin:0;line-height:1.9}
.learning-reading-path .text-link {display:inline-block;min-height:44px;padding-block:8px}
@media (max-width:600px) {.learning-reading-path {padding:20px 16px}.learning-reading-path h2 {font-size:1.375rem}}