/* Static editorial system. Reuses Orna tokens and existing WebP illustrations. */
.reading-page {background:var(--cream)}
.reading-nav {display:flex;gap:34px;align-items:center;border-bottom:1px solid #bac5b3;padding-block:20px;font-size:15px}
.reading-nav a {padding:8px 0;text-decoration:none;white-space:nowrap}
.reading-nav a[aria-current] {font-weight:750;box-shadow:0 2px 0 var(--ink)}
.reading-label {font-size:13px;font-weight:650;letter-spacing:.035em;color:#506747;margin-bottom:18px}
.reading-hub-hero {display:grid;grid-template-columns:1.12fr 1fr;gap:55px;align-items:center;padding-block:70px 80px}
.reading-hub-hero h1 {font-size:clamp(44px,5.1vw,74px);line-height:1.06;letter-spacing:-.055em}
.reading-hub-hero h1 em {font-style:normal;color:#647647}
.reading-lede {font-size:20px;line-height:1.6;margin-top:26px;max-width:680px}
.reading-hub-hero .text-link {margin-top:24px}
.reading-hub-art {position:relative;border-radius:24px;padding:28px 12px 24px;overflow:hidden}
.reading-hub-art img {width:100%}
.reading-hub-art figcaption {font-size:13px;padding:16px 22px 0;color:#43523a}
.reading-tone-blog,.reading-tone-guia {background:#e4e8d6}
.reading-tone-observatorio {background:#ded0ab}
.reading-feature {display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center;padding-block:48px 60px;border-top:1px solid #bac5b3;border-bottom:1px solid #bac5b3}
.reading-feature-art {background:#e4e8d6;border-radius:20px;padding:20px}
.reading-feature h2 {font-size:clamp(32px,3.5vw,50px);line-height:1.1;margin-bottom:24px}
.reading-feature p:not(.reading-label) {font-size:18px}
.reading-feature .text-link {margin-top:18px}
.reading-collections,.reading-related {padding-block:80px}
.reading-section-heading {display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}
.reading-section-heading h2 {font-size:clamp(32px,3.7vw,52px);line-height:1.1}
.reading-section-heading .text-link {flex-shrink:0}
.reading-collection-grid,.reading-related-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.reading-collection {display:block;padding:34px;background:#e4e8d6;border:1px solid #c8d0bc;border-radius:22px;text-decoration:none}
.reading-collection img {width:100%;max-height:300px;object-fit:contain;margin-bottom:24px}
.reading-collection h3 {font-size:clamp(30px,3vw,40px);display:flex;justify-content:space-between;gap:18px;margin-bottom:18px}
.reading-collection p {max-width:500px;font-size:18px;line-height:1.65}
.reading-small {font-size:13px;display:block;margin-top:30px}
.reading-collection-dark {background:var(--dark);border-color:var(--dark);color:var(--cream)}
.reading-collection-dark p,.reading-collection-dark .reading-label {color:#cbd7bb}
.reading-collection:hover h3,.reading-card:hover h3 {text-decoration:underline;text-underline-offset:6px}
.reading-topics {display:flex;flex-wrap:wrap;gap:12px;padding-bottom:42px;border-bottom:1px solid #bac5b3}
.reading-topics a {font-size:14px;text-decoration:none;padding:10px 17px;border:1px solid #a9b59f;border-radius:30px}
.reading-topics a:hover {background:#e4e8d6}
.reading-list {padding-bottom:80px}
.reading-group {padding-top:64px;scroll-margin-top:28px}
.reading-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.reading-card {display:flex;flex-direction:column;border:1px solid #c8d0bc;border-radius:18px;overflow:hidden;text-decoration:none;background:#f1f2e8;min-width:0}
.reading-card-art {padding:12px 24px}
.reading-card-art img {width:100%;height:185px;object-fit:contain}
.reading-card-copy {display:flex;flex-direction:column;flex:1;padding:26px}
.reading-card .reading-label {font-size:12px;margin-bottom:14px}
.reading-card h3 {font-size:27px;line-height:1.18;letter-spacing:-.035em;margin-bottom:16px}
.reading-card-copy>p:not(.reading-label) {font-size:16px;line-height:1.65;margin-bottom:24px}
.reading-card-bottom {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;font-size:12px;color:#4e6147}
.reading-card-bottom>span {font-size:27px;color:var(--ink)}
.reading-invitation {display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid #bac5b3;padding-block:65px 90px}
.reading-invitation h2 {font-size:clamp(36px,4vw,58px);line-height:1.08}
.reading-invitation>div>p:not(.section-kicker) {font-size:18px;max-width:510px;margin-bottom:26px}
.reading-method {display:block;width:fit-content;margin-top:20px;font-size:14px}
/* The article title, imagery and metadata stay outside the measure of the text. */
.reading-title {padding-block:35px 54px}
.reading-breadcrumb {display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#52614f;margin-bottom:38px}
.reading-breadcrumb a {text-decoration:none}
.reading-title-grid {display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.75fr);gap:45px;align-items:center}
.reading-title h1 {font-size:clamp(35px,4.1vw,59px);line-height:1.1;letter-spacing:-.045em}
.reading-cover {padding:14px;border-radius:24px}
.reading-cover img {width:100%;object-fit:contain}
.reading-title .reading-lede {font-size:19px}
.reading-meta {font-size:13px;line-height:1.8;color:#576452;margin-top:25px}
.reading-meta span {display:block}
.reading-layout {display:grid;grid-template-columns:260px minmax(0,760px);gap:75px;justify-content:space-between;padding-block:45px 70px;border-top:1px solid #bac5b3}
.reading-sidebar {align-self:start;position:sticky;top:25px;max-height:calc(100vh - 50px);overflow-y:auto;padding:5px 9px 10px 5px}
.reading-toc summary {font-size:16px;font-weight:700;padding-bottom:18px}
.reading-toc ol {padding:0 0 0 20px;margin:0}
.reading-toc li {padding:7px 0;font-size:13px;line-height:1.5;color:#4f604b}
.reading-toc a {text-decoration:none;display:block;padding:3px 0}
.reading-toc a:hover {text-decoration:underline}
.reading-back {display:block;font-size:13px;border-top:1px solid #bac5b3;padding-top:22px;margin-top:24px}
.reading-scope {font-size:12px;line-height:1.7;margin-top:22px}
.reading-body {font-size:18px;line-height:1.85;min-width:0;overflow-wrap:break-word}
.reading-body p {color:#394e41;margin:0 0 23px}
.reading-body h2 {font-size:clamp(29px,3vw,39px);line-height:1.18;letter-spacing:-.035em;margin:52px 0 22px}
.reading-body h3 {font-size:24px;line-height:1.25;letter-spacing:-.025em;margin:32px 0 14px}
.reading-body h2 .num {display:block;font-size:14px;color:#526645;margin-bottom:9px;letter-spacing:0}
.reading-body [id] {scroll-margin-top:32px}
.reading-body strong {color:var(--ink)}
.reading-body li {margin-block:11px;color:#394e41}
.reading-body ul,.reading-body ol {padding-left:25px}
.reading-body a {overflow-wrap:anywhere;text-decoration-thickness:1px}
.reading-body .answer,.reading-body .howto,.reading-body .callout {padding:28px;background:#e4e8d6;border-radius:16px;margin-bottom:32px;border-left:4px solid #718159}
.reading-body .answer p:last-child,.reading-body .howto p:last-child,.reading-body .callout p:last-child {margin-bottom:0}
.reading-body .answer__label,.reading-body .warning__label {display:block;font-size:12px;font-weight:750;letter-spacing:.04em;margin-bottom:12px}
.reading-body .method,.reading-body .sources {margin-top:42px;border-top:1px solid #becab5;padding-top:26px;font-size:15px;line-height:1.8}
.reading-body .method p:last-child {margin-bottom:0}
.reading-body .sources h2 {font-size:27px;margin-top:0}
.reading-body .checklist,.reading-body .when,.reading-body .deliver,.reading-body .list,.reading-body .crit {background:#eceee2;padding:22px 26px 22px 46px;border-radius:14px}
.reading-body .steps>li {padding:15px 0;border-bottom:1px solid #ccd3c0}
.reading-body .steps strong {display:block;margin-bottom:5px}
.reading-body .term,.reading-body .firm {padding:24px 0;border-bottom:1px solid #ccd3c0}
.reading-body .term h2,.reading-body .firm h2 {margin-top:0}
.reading-body .tag {display:inline-block;border:1px solid #aaba99;border-radius:20px;padding:3px 12px;font-size:12px;margin-bottom:12px}
.reading-body .pullquote {margin:38px 0;padding:25px 0 25px 26px;border-left:4px solid #8d9a72;font-size:26px;line-height:1.45}
.reading-body .warning,.reading-body .caveat {background:#ede5d5;border-left:4px solid #a28b52;padding:24px;margin:30px 0}
.reading-body .warning p:last-child,.reading-body .caveat p:last-child {margin-bottom:0}
.reading-body .table-wrap {max-width:100%;overflow-x:auto;border:1px solid #b4c2a9;border-radius:12px;margin:28px 0}
.reading-body table {width:100%;min-width:580px;border-collapse:collapse;font-size:15px;line-height:1.6}
.reading-body th,.reading-body td {text-align:left;padding:17px;vertical-align:top;border-bottom:1px solid #d1d8c7}
.reading-body th {background:var(--dark);color:var(--cream);font-weight:550}
.reading-body tr:nth-child(even) td {background:#edf0e3}
.reading-body tr:last-child td {border-bottom:0}
.reading-body .formula-grid,.reading-body .split,.reading-body .frame,.reading-body .example__stress {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:30px 0}
.reading-body .formula,.reading-body .split__col,.reading-body .frame__item {padding:24px;background:#e7eadb;border:1px solid #c4ceb8;border-radius:14px;margin-block:25px}
.reading-body .formula-grid .formula,.reading-body .split__col,.reading-body .frame__item {margin:0}
.reading-body .split h3,.reading-body .frame h3 {margin-top:0}
.reading-body .formula__name {font-size:28px;font-weight:700;display:block;line-height:1.2;margin-bottom:8px}
.reading-body .formula__rule {display:block;font-size:13px;color:#596d48;margin-bottom:15px}
.reading-body .formula p,.reading-body .frame p {font-size:16px}
.reading-body .question {display:grid;grid-template-columns:35px minmax(0,1fr);gap:20px;padding:25px 0;border-bottom:1px solid #ccd3c0}
.reading-body .question h3 {margin:0 0 15px}
.reading-body .question__n {font-size:15px;color:#687846}
.reading-body .question p {margin-bottom:0}
.reading-body .sheet,.reading-body .example {border:1px solid #bbc6ad;border-radius:16px;overflow:hidden;margin:30px 0}
.reading-body .sheet__head,.reading-body .sheet__row {display:grid;grid-template-columns:1fr 1.5fr;gap:24px;padding:18px 22px;border-bottom:1px solid #ccd3c0}
.reading-body .sheet__head,.reading-body .example__head {background:var(--dark);color:var(--cream);font-size:13px}
.reading-body .sheet__row {font-size:16px;line-height:1.65}
.reading-body .example__head,.reading-body .example__body {padding:22px}
.reading-body .example__stress {padding:0 22px 22px;margin:0}
.reading-body .example__stress strong {display:block}
.reading-body .example__number {font-size:40px;font-weight:700;display:block;line-height:1.3;margin-bottom:16px}
.reading-body .bad {color:#91462b}.reading-body .good {color:#34603c}
.reading-body .author {display:flex;gap:20px;align-items:start;border-top:1px solid #becab5;margin-top:36px;padding-top:28px;font-size:14px;line-height:1.7}
.reading-body .author__mark {background:var(--dark);color:var(--cream);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;flex-shrink:0}
.reading-body .author p {font-size:14px}
.reading-body .faq__q {font-weight:700;margin-top:25px}
/* Existing editorial data remains selectable text, not baked into an image. */
.reading-body .stats,.reading-body .speeds {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:32px 0}
.reading-body .stat,.reading-body .speed {padding:22px 18px;background:#e4e8d6;border-radius:14px;line-height:1.5}
.reading-body .stat__n,.reading-body .speed__num,.reading-body .split__num {display:block;font-size:clamp(28px,3.5vw,45px);font-weight:700;letter-spacing:-.035em;color:var(--ink);line-height:1.2;margin-bottom:14px}
.reading-body .stat__l,.reading-body .speed__lab {font-size:13px;display:block}
.reading-body .chart {background:#e9eddf;border:1px solid #c3cdb6;border-radius:16px;padding:26px;margin:30px 0}
.reading-body .chart__cap {font-size:14px;line-height:1.65;margin-bottom:22px}
.reading-body .bar {margin-bottom:20px}
.reading-body .bar__top {display:flex;align-items:baseline;justify-content:space-between;gap:15px;font-size:14px;line-height:1.5;margin-bottom:9px}
.reading-body .bar__pct {font-weight:700;flex-shrink:0}
.reading-body .bar__track {height:10px;border-radius:20px;background:#d4dbc7;overflow:hidden}
.reading-body .bar__fill {height:100%;border-radius:20px;background:#7b8c60}
.reading-body .bar--hot .bar__fill {background:#284739}
.reading-body .reading-score {padding:30px;background:var(--dark);color:var(--cream);border-radius:18px;margin-bottom:32px}
.reading-body .reading-score .num {font-size:90px;font-weight:750;line-height:1.1;letter-spacing:-.06em;color:var(--olive)}
.reading-body .reading-score .lab {font-size:16px;margin:14px 0}
.reading-body .reading-score .ctx {font-size:14px;color:#cbd7c0}
.reading-body .ledger__row {display:grid;grid-template-columns:65px minmax(0,1fr);gap:22px;padding:20px 0;border-bottom:1px solid #ccd3c0;font-size:16px}
.reading-body .ledger__date {font-size:13px;font-weight:700;color:#586d46}
.reading-body .timeline {border-left:3px solid #9bac83;padding-left:25px;margin:30px 0}
.reading-body .sep {border:0;border-top:1px solid #ccd3c0;margin:36px 0}
.reading-related {border-top:1px solid #bac5b3}
.reading-related-grid .reading-card {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.reading-related-grid .reading-card-art {display:flex;align-items:center;padding:8px}
.reading-related-grid .reading-card-art img {height:auto}
.reading-related-grid .reading-card h3 {font-size:24px}
@media(max-width:1000px) {
 .reading-hub-hero {gap:30px}.reading-layout {grid-template-columns:210px minmax(0,1fr);gap:35px}
 .reading-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .reading-title-grid {grid-template-columns:minmax(0,1fr) 220px;gap:28px}
 .reading-related-grid .reading-card {display:flex}
 .reading-related-grid .reading-card-art img {height:170px}
 .reading-invitation {gap:35px}
}
@media(max-width:740px) {
 .reading-hub-hero {grid-template-columns:1fr;gap:32px;padding-block:40px 45px}
 .reading-hub-hero h1 {font-size:clamp(40px,8.5vw,62px)}
 .reading-hub-art {padding:10px 12px 20px}.reading-hub-art img {height:240px;object-fit:contain}
 .reading-feature {grid-template-columns:1fr;gap:28px;padding-block:35px 45px}
 .reading-feature-art img {max-height:260px;width:100%;object-fit:contain}
 .reading-section-heading {display:block}.reading-section-heading .text-link {margin-top:15px}
 .reading-layout {grid-template-columns:1fr;gap:34px;padding-block:20px 50px}
 .reading-title {padding-bottom:30px}.reading-title-grid {grid-template-columns:1fr;gap:25px}
 .reading-title h1 {font-size:clamp(34px,6.5vw,49px)}
 .reading-cover img {height:210px}.reading-cover {padding:12px}
 .reading-sidebar {position:static;max-height:none;padding:0;overflow:visible}
 .reading-toc {border:1px solid #becab3;border-radius:14px;padding:18px}
 .reading-toc summary {padding:0}.reading-toc[open] summary {padding-bottom:15px}
 .reading-toc li {font-size:14px;padding:6px 0}
 .reading-toc a {padding:5px 0}
 .reading-back {padding-top:0;border:0;margin-top:16px}
 .reading-invitation {grid-template-columns:1fr;gap:26px;padding-block:45px 60px}
 .reading-collections,.reading-related {padding-block:45px}
 .reading-collection-grid,.reading-related-grid {gap:20px}
 .reading-collection {padding:23px}.reading-collection h3 {font-size:28px}
 .reading-collection p {font-size:16px}
}
@media(max-width:520px) {
 .reading-nav {gap:0;justify-content:space-between;font-size:13px;padding-block:14px}
 .reading-lede,.reading-title .reading-lede {font-size:18px}
 .reading-grid,.reading-collection-grid,.reading-related-grid {grid-template-columns:1fr}
 .reading-group {padding-top:42px}.reading-card-art img {height:180px}
 .reading-card-copy {padding:24px}.reading-card h3 {font-size:28px}
 .reading-topics {gap:8px;padding-bottom:30px}.reading-topics a {font-size:13px;padding:8px 12px}
 .reading-body {font-size:17px;line-height:1.85}
 .reading-body h2 {font-size:29px;margin-top:40px}
 .reading-body h3 {font-size:23px}
 .reading-body .answer,.reading-body .howto,.reading-body .callout {padding:22px}
 .reading-body .formula-grid,.reading-body .split,.reading-body .frame,.reading-body .example__stress {grid-template-columns:1fr}
 .reading-body .stats,.reading-body .speeds {grid-template-columns:1fr}
 .reading-body .stat,.reading-body .speed {display:grid;grid-template-columns:85px minmax(0,1fr);align-items:center;gap:14px;padding:20px}
 .reading-body .stat__n,.reading-body .speed__num {margin-bottom:0;font-size:30px}
 .reading-body .sheet__head,.reading-body .sheet__row {grid-template-columns:1fr;gap:10px}
 .reading-body .sheet__head {display:none}
 .reading-body .sheet__row span:first-child {font-weight:700}
 .reading-body .chart {padding:20px}.reading-body .bar__top {font-size:13px}
 .reading-body .question {gap:12px;grid-template-columns:26px minmax(0,1fr)}
 .reading-body .pullquote {font-size:23px;padding-left:20px}
 .reading-body .ledger__row {gap:15px;grid-template-columns:52px minmax(0,1fr)}
}
/* Existing automation guides share the editorial reading system. */
.service-reading .topic-opening{background:var(--dark);color:var(--cream)}
.service-reading .topic-opening .reading-breadcrumb,.service-reading .topic-opening .reading-meta{color:#c6d1bd}
.service-reading .topic-opening .reading-title{padding-bottom:65px}
.service-reading .topic-opening h1{max-width:1080px}
.service-reading .topic-hero:has(.topic-art){display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.65fr);gap:45px;align-items:center}
.service-reading .topic-art{margin:0;background:#cbd4ae;border-radius:24px;padding:20px}
.service-reading .topic-art img{width:100%;height:auto}
.service-reading .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0 44px}
.service-reading .cards a{display:block;text-decoration:none;border:1px solid #bbc6ad;background:#e4e8d6;border-radius:16px;padding:24px}
.service-reading .cards a strong{display:block;font-size:22px;line-height:1.25;margin-bottom:12px}
.service-reading .cards a span{font-size:16px;line-height:1.55;display:block}
.service-reading .cards a:hover strong{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.service-reading .topic-hero:has(.topic-art){grid-template-columns:1fr;gap:25px}.service-reading .topic-art{max-width:380px}.service-reading .cards{grid-template-columns:1fr}}
.service-reading .topic-opening .reading-lede,.service-reading .topic-opening .section-kicker{color:#cbd7c0}