.reading-header{color:#edf3fb;background:#192a3a;padding:clamp(3rem,7vw,6rem) 0}.reading-header h1{letter-spacing:-.04em;max-width:950px;font-size:clamp(2.3rem,5.5vw,4.8rem);line-height:1.07}.reading-header p{color:#b9cce2;max-width:650px;margin-top:1.4rem;font-size:1.1rem;line-height:1.7}.reading-header nav{color:#b9cce2;margin-bottom:2rem}.reading-header nav a:hover{text-decoration:underline}.reading-meta{font-size:.9rem!important}.reading-grid{grid-template-columns:220px minmax(0,780px);gap:clamp(2rem,5vw,5rem);padding-block:4rem;display:grid}.reading-toc{align-self:start;position:sticky;top:110px}.reading-toc h2{margin-bottom:1rem;font-size:1rem}.reading-toc a{color:#45617a;padding:.65rem 0;display:block}.reading-toc a:hover{color:#a6420c;text-decoration:underline}.reading-body{min-width:0}.reading-body section{margin-bottom:3rem;scroll-margin-top:110px}.reading-body h2{letter-spacing:-.02em;margin-bottom:1.1rem;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2}.reading-body p,.reading-body li{color:#425970;line-height:1.85}.reading-body p+p{margin-top:1rem}.reading-body a:not(.button){text-underline-offset:3px;text-decoration:underline}.reading-body ul,.reading-body ol{margin:1.2rem 0;padding-left:1.4rem}.reading-body li{margin:.5rem 0}.reading-example{background:#e7eff8;border-left:4px solid #436b9b;border-radius:0 18px 18px 0;margin:1.5rem 0;padding:1.5rem}.reading-example strong{margin-bottom:.6rem;display:block}.reading-example p{font-size:1rem}.reading-next{background:#f4dfcb;border-radius:24px;padding:1.8rem}.reading-card{background:#e9f0f8;border:1px solid #cedae5;border-radius:24px;max-width:780px;margin:3rem 0;padding:clamp(1.5rem,4vw,3rem);transition:transform .2s,box-shadow .2s;display:block}.reading-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #19324b14}.reading-card h2{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.2}.reading-card p{color:#425970;margin:1rem 0;line-height:1.7}.reading-card span{color:#a6420c;font-weight:600}.reading-library{padding-block:1rem 3rem}.reading-library>p{color:#425970;max-width:700px;line-height:1.8}.reading-body .button{margin-top:1rem}.reading-source{font-size:.9rem}@media (max-width:800px){.reading-grid{grid-template-columns:1fr;gap:2.5rem;padding-block:2.5rem}.reading-toc{border-bottom:1px solid #cedae5;padding-bottom:1.3rem;position:static}.reading-toc nav{flex-wrap:wrap;gap:.2rem 1.3rem;display:flex}.reading-toc a{padding:.5rem 0}.reading-header h1{overflow-wrap:break-word}}@media (prefers-reduced-motion:reduce){.reading-card{transition:none}.reading-card:hover{transform:none}}.reading-table-scroll{background:#edf3fa;border:1px solid #c9d6e4;border-radius:18px;margin:1.5rem 0;overflow-x:auto}.reading-table-scroll:focus-visible{outline-offset:4px;outline:3px solid #436b9b}.reading-table{border-collapse:collapse;text-align:left;width:100%;min-width:540px;font-size:.95rem;line-height:1.6}.reading-table caption{text-align:left;color:#425970;padding:1rem 1.2rem;font-size:.85rem}.reading-table th,.reading-table td{vertical-align:top;border-top:1px solid #c9d6e4;padding:.9rem 1.2rem}.reading-table thead{background:#dce8f5}.reading-table th{color:#192a3a;font-weight:600}.reading-table td{color:#425970}.reading-table tbody tr:hover{background:#e0ebf7}.reading-method-note{color:#425970;padding-block:1.5rem 3rem;font-size:.9rem;line-height:1.8}.reading-method-note p{border-top:1px solid #cedae5;max-width:780px;padding-top:1.5rem}.reading-method-note a{text-underline-offset:3px;text-decoration:underline}@media (max-width:600px){.reading-table{table-layout:fixed;min-width:0;font-size:.85rem}.reading-table th,.reading-table td{padding:.7rem .4rem}.reading-table th:first-child{width:32%}.reading-table caption{padding:.9rem .7rem;font-size:.8rem}}