/* Reading pages share the homepage's ink, warm accent, green and white surface. */
.reading-content{max-width:none;min-width:0}
.page-heading{padding:30px 32px 34px;border:1px solid #dce5e0;border-radius:18px;background:linear-gradient(120deg,#f1f6f2,#fff 75%);margin-bottom:36px}
.page-heading .eyebrow{margin-bottom:12px}
.page-heading h1{font-size:clamp(26px,3.2vw,38px);letter-spacing:.025em;line-height:1.55}
.reading-content .source-copy{font-size:15px;line-height:2}
.reading-content .legal-copy{max-width:840px;margin-inline:auto}
.reading-content .source-copy p{margin:1.2em 0}
.reading-content .source-copy a:not(.image-view){color:#325e50;text-decoration-thickness:1px}
.reading-content .source-copy a:not(.image-view):hover{color:#a7441c}
.reading-content .source-copy a.image-view{cursor:zoom-in}
.reading-content .source-copy .content-label{font-weight:700;color:#284b42;border-bottom:1px solid #dce5e0;padding-bottom:8px;margin-top:28px}
.reading-content .source-copy .import-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.reading-content .source-copy .import-grid.has-table{display:block}
.reading-content .source-copy .import-grid.has-table>div+div{margin-top:28px}
.reading-content .source-copy h2,.reading-content .source-copy h3{color:var(--ink);font-size:clamp(21px,2.7vw,28px);font-weight:750;letter-spacing:.025em;padding:15px 20px;margin:52px 0 24px;border-left:4px solid var(--orange);border-radius:0 12px 12px 0;background:#f2f6f3}
.reading-content .source-copy hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.reading-content .source-copy .table-scroll{width:100%;margin:24px 0 32px;border:1px solid #cfdcd7;border-radius:14px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable;background:#fff;box-shadow:0 6px 22px #203b3010}
.reading-content .content-table{width:100%;min-width:600px;table-layout:auto;border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.75}
.reading-content .content-table[data-columns="2"]{min-width:420px}
.reading-content .content-table tbody th{position:sticky;left:0;z-index:1;box-shadow:1px 0 0 #dce5e0;width:23%}
.reading-content .content-table thead th:first-child{position:sticky;left:0;z-index:2}
.reading-content .content-table th,.reading-content .content-table td{padding:18px 20px;border-bottom:1px solid #dce5e0;border-right:1px solid #e4ece7;color:var(--ink);vertical-align:middle;overflow-wrap:normal;word-break:normal}
.reading-content .content-table th:last-child,.reading-content .content-table td:last-child{border-right:0}
.reading-content .content-table thead th{background:#284b42;color:#fff;font-weight:700;text-align:center}
.reading-content .content-table tbody th{background:#edf4ef;font-weight:700;min-width:138px}
.reading-content .content-table tbody tr:nth-child(even) td{background:#f6f9f7}
.reading-content .content-table tbody tr:last-child>*{border-bottom:0}
.reading-content .content-table p{margin:0}
.pricing-page .content-table td{text-align:center;font-variant-numeric:tabular-nums}
.table-hint{padding:10px 16px;background:#f2f6f3;color:#435c52;font-size:12px;margin:0!important;border-bottom:1px solid #dce5e0}
.content-carousel{margin:24px 0 36px;padding:18px;border:1px solid #d9e3de;border-radius:18px;background:#fff;box-shadow:0 8px 28px #203b3010;min-width:0}
.content-carousel .carousel-viewport{border-radius:12px;background:#f3f6f3;overflow:hidden}
.content-carousel .carousel-slide{margin:0;padding:16px}
.content-carousel .carousel-slide[hidden],.content-carousel .carousel-controls[hidden]{display:none}
.content-carousel.is-enhanced .carousel-slide{animation:content-reveal .18s ease-out}
.content-carousel .carousel-slide img{display:block;margin:0 auto;width:100%;height:clamp(340px,58vw,660px);object-fit:contain}
.content-carousel .image-view{cursor:zoom-in}
.carousel-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:18px}
.carousel-controls button{min-height:44px;min-width:44px;border:1px solid #ccd9d2;border-radius:9px;background:#fff;color:#284b42;padding:8px 16px;font-size:14px;font-weight:700}
.carousel-controls button:hover{background:#edf4ef}
.carousel-position{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;margin:0!important;color:var(--ink)}
.carousel-dots{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.carousel-dots button{padding:6px;min-width:40px;min-height:40px;border-radius:50%}
.carousel-dots button[aria-pressed="true"]{background:#284b42;color:white;border-color:#284b42}
@keyframes content-reveal{from{opacity:.5}to{opacity:1}}
@media(max-width:650px){
 .page-heading{padding:23px 20px 25px;margin-bottom:28px;border-radius:14px}.page-heading h1{font-size:27px}
 .reading-content .source-copy{font-size:14px;line-height:1.95}
 .reading-content .source-copy .import-grid{grid-template-columns:1fr;gap:22px}
 .reading-content .source-copy h2,.reading-content .source-copy h3{margin-top:36px;padding:12px 15px;font-size:21px}
 .reading-content .content-table{font-size:13px;min-width:580px}
 .reading-content .content-table th,.reading-content .content-table td{padding:14px 16px}
 .content-carousel{padding:10px;border-radius:14px}
 .content-carousel .carousel-slide{padding:8px}
 .content-carousel .carousel-slide img{height:clamp(310px,105vw,520px)}
 .carousel-controls{gap:8px;margin-top:12px}.carousel-controls button{font-size:13px;padding:8px 12px}
 .table-hint{font-size:11px;padding:9px 12px}
}
@media(prefers-reduced-motion:reduce){.content-carousel.is-enhanced .carousel-slide{animation:none}}
