.ja-reading-main{color:var(--ja-navy,#022a5b);font-family:var(--ja-font-body,"Source Sans 3",Arial,sans-serif);padding-block:24px 72px}
.ja-reading-width{width:calc(100% - 64px);max-width:1200px;margin-inline:auto}
.ja-reading-breadcrumb{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:14px;line-height:1.5;margin-bottom:24px}
.ja-reading-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.ja-reading-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px;align-items:start}
.ja-reading-sidebar{min-width:0;position:sticky;top:32px;max-height:calc(100dvh - 64px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ja-navy) var(--ja-paper)}
body.admin-bar .ja-reading-sidebar{top:64px;max-height:calc(100dvh - 96px)}
.ja-reading-toc{font-size:15px;line-height:1.5}
.ja-reading-toc .ja-reading-toc-title{font-size:18px;font-weight:700;margin:0;padding:6px 0}
.ja-reading-toc ul{list-style:none;margin:12px 0 0;padding:0}
.ja-reading-toc li{margin:0}
.ja-reading-toc a{display:grid;position:relative;padding:7px 12px;border-left:1px solid var(--ja-line,#c5c8c8);text-decoration:none;text-wrap:pretty}
.ja-reading-toc a span,.ja-reading-toc a::after{grid-area:1/1}
.ja-reading-toc a::after{content:attr(data-toc-label);visibility:hidden;font-weight:700;pointer-events:none}
.ja-reading-toc a::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:3px;background:var(--ja-orange,#eda340);opacity:0;pointer-events:none;transition:opacity var(--ja-feedback) var(--ja-ease)}
.ja-reading-toc a[aria-current="location"]{font-weight:700;text-decoration:none}
.ja-reading-toc a[aria-current="location"]::before{opacity:1}
.ja-reading-toc .is-subsection a{padding-left:24px;font-size:14px}
.ja-reading-article{min-width:0;max-width:850px;font-size:var(--ja-type-body);line-height:var(--ja-body-leading)}
.ja-reading-opening h1{font-family:var(--ja-font-display,"Barlow Condensed",sans-serif);font-size:clamp(36px,3.6vw,52px);line-height:1.08;font-weight:700;text-transform:uppercase;letter-spacing:-.015em;text-wrap:balance;margin:0 0 12px;color:var(--ja-navy)}
.ja-reading-meta{font-size:14px;line-height:1.5;color:var(--ja-muted,#4e5c68);margin:0 0 20px}
.ja-reading-opening .ja-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:400 var(--ja-type-small,15px)/1.5 var(--ja-font-body);margin:0;color:var(--ja-muted,#4e5c68)}
.ja-reading-opening .ja-article-comment-count{display:inline-flex;align-items:center;gap:6px;min-height:28px;color:inherit;text-decoration:none;white-space:nowrap}
.ja-article-comment-count svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ja-article-comment-count:hover,.ja-article-comment-count:focus-visible{color:var(--ja-navy);text-decoration:underline;text-underline-offset:.18em}
.ja-reading-content{overflow-wrap:anywhere}
.ja-reading-content h2,.ja-reading-related h2{font-family:var(--ja-font-display,"Barlow Condensed",sans-serif);font-size:32px;line-height:1.15;font-weight:700;text-transform:uppercase;color:var(--ja-navy);margin:36px 0 10px;letter-spacing:0;text-wrap:balance}
.ja-reading-content h3{font-family:var(--ja-font-body);font-size:22px;font-weight:700;line-height:1.3;margin:24px 0 10px;text-transform:none;color:var(--ja-navy)}
.ja-reading-content :is(h2,h3),.ja-reading-book,.ja-reading-related{scroll-margin-top:24px}
body.admin-bar .ja-reading-content :is(h2,h3),body.admin-bar .ja-reading-book,body.admin-bar .ja-reading-related{scroll-margin-top:70px}
.ja-reading-content p{margin:0 0 var(--ja-paragraph-gap);max-width:70ch}
.ja-reading-content :is(ul,ol){padding-left:24px;margin:12px 0 20px}
.ja-reading-content li{margin:6px 0}
.ja-reading-content .wp-block-list li::marker{color:var(--ja-navy);font-weight:700}
.ja-reading-content a,.ja-reading-related a{color:var(--ja-navy);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.ja-reading-content a:hover{text-decoration-thickness:2px}
.ja-reading-main :is(a,summary,input,button,[tabindex]):focus-visible{outline:var(--ja-focus-width,3px) solid var(--ja-navy);outline-offset:var(--ja-focus-offset,4px)}
.ja-reading-content figure{margin:20px 0;max-width:100%}
.ja-reading-content img{display:block;width:auto;max-width:100%;height:auto}
.ja-reading-content .wp-block-image img{width:100%;object-fit:contain}
.ja-reading-content figcaption{font-size:14px;line-height:1.5;color:var(--ja-muted);margin:8px 0 0;text-align:left}
.ja-reading-content .wp-block-columns{gap:24px;margin-block:24px;align-items:start}
.ja-reading-content .wp-block-column{min-width:0}
.ja-reading-content .wp-block-table{position:relative;width:100%;max-width:100%;min-width:0;overflow:visible}
.ja-reading-content table{border-collapse:collapse;table-layout:fixed;width:100%;max-width:100%;min-width:0;font-size:16px;line-height:1.45;margin:0;font-variant-numeric:tabular-nums}
.ja-reading-content :is(th,td){padding:12px 14px;border:1px solid var(--ja-line);vertical-align:top;text-align:left;min-width:0;overflow-wrap:anywhere;word-break:normal;hyphens:auto}
.ja-reading-content :is(th,td) :is(a,code,span){white-space:normal;overflow-wrap:anywhere}
.ja-reading-content table caption,.ja-article-tip-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.ja-reading-content th{background:var(--ja-paper);font-weight:700}
.ja-reading-content .ja-article-formula{background:var(--ja-paper);padding:16px 20px;margin-block:20px;overflow-x:auto;max-width:100%;scrollbar-width:thin;scrollbar-color:var(--ja-navy) var(--ja-paper)}
.ja-reading-content :is(math,.ja-math){font-family:var(--ja-font-math,"Cambria Math",serif);font-size:1.25em;line-height:1.6;white-space:nowrap;overflow-wrap:normal}
.ja-reading-content .ja-article-formula>:last-child{margin-bottom:0}
.ja-reading-content .ja-article-tip{background:var(--ja-navy);color:#fff;padding:16px 20px;margin-block:24px}
.ja-reading-content .ja-article-tip :is(p,h2,h3,a){color:inherit}
.ja-reading-content .ja-article-tip-icon{display:inline-flex;position:relative;vertical-align:-.18em;margin-inline-end:12px}
.ja-reading-content .ja-article-tip-icon svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ja-reading-content .ja-article-tip :last-child{margin-bottom:0}
.ja-reading-content .ja-article-tip :focus-visible{outline-color:var(--ja-orange)}
.ja-reading-content .ja-article-exercise,.ja-reading-content .ja-article-checklist{background:var(--ja-paper);padding:20px;margin-block:24px}
.ja-reading-content fieldset.ja-article-checklist{border:0;min-width:0}
.ja-reading-content .ja-article-checklist legend{padding:0;font-size:18px;font-weight:700;line-height:1.4}
.ja-reading-content .ja-article-example{background:var(--ja-paper);padding:20px;margin-block:24px}
.ja-reading-content .ja-article-example>h3,.ja-reading-content .ja-article-exercise>h3{margin-top:0}
.ja-reading-content .ja-article-example .wp-block-columns{margin-bottom:0}
.ja-reading-content .ja-article-checklist ul{list-style:none;padding:0;margin:10px 0 0}
.ja-reading-content .ja-article-checklist label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:17px;line-height:var(--ja-body-leading);min-height:44px;box-sizing:border-box;padding-block:5px}
.ja-reading-content .ja-article-checklist input[type="checkbox"]{flex:0 0 20px;align-self:flex-start;box-sizing:border-box;width:20px;height:20px;font:inherit;margin:calc((1em * var(--ja-body-leading) - 20px)/2) 0 0;padding:0;position:static;transform:none;accent-color:var(--ja-navy)}
.ja-reading-content details{border:1px solid var(--ja-line);margin:20px 0;padding:0}
.ja-reading-content summary{cursor:pointer;padding:12px 16px;font-weight:700;font-size:17px;line-height:1.5}
.ja-reading-content details[open]>summary{border-bottom:1px solid var(--ja-line)}
.ja-reading-content details>:not(summary){margin-inline:16px}
.ja-reading-content details>:last-child{margin-bottom:16px}
.ja-reading-content blockquote{border:0;background:var(--ja-paper);padding:20px;margin:24px 0;font-size:inherit}
.ja-reading-content pre{max-width:100%;overflow-x:auto}
.ja-reading-book{margin-top:32px;min-width:0}
.ja-reading-related{margin-top:36px}
.ja-reading-related ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:16px 0 0}
.ja-reading-related li{min-width:0}
.ja-reading-related li+li{border-left:1px solid var(--ja-line);padding-left:18px}
.ja-reading-related a{padding:4px 0;font:650 var(--ja-type-action)/1.25 var(--ja-font-body)}
.ja-reading-main ::selection{background:var(--ja-orange);color:var(--ja-navy)}
@media(max-width:900px){.ja-reading-width{width:calc(100% - 48px)}.ja-reading-layout{grid-template-columns:170px minmax(0,1fr);gap:24px}}
@media(max-width:680px){.ja-reading-main{padding-block:20px 48px}.ja-reading-width{width:calc(100% - 40px)}.ja-reading-breadcrumb{font-size:13px;margin-bottom:18px}.ja-reading-layout{display:flex;flex-direction:column;gap:20px}.ja-reading-sidebar,body.admin-bar .ja-reading-sidebar{position:static;max-height:none;width:100%;overflow:visible}.ja-reading-toc{border-block:1px solid var(--ja-line)}.ja-reading-toc .ja-reading-toc-title{font-size:16px;padding-block:12px}.ja-reading-toc ul{margin:0 0 12px;max-height:40dvh;overflow-y:auto}.ja-reading-toc a{padding-block:8px}.ja-reading-article{width:100%}.ja-reading-opening h1{font-size:36px}.ja-reading-content h2{font-size:29px;margin-top:30px}.ja-reading-content h3{font-size:21px}.ja-reading-content :is(.ja-article-tip,.ja-article-checklist,.ja-article-exercise,.ja-article-formula){padding:16px}.ja-reading-content :is(th,td){padding:10px;font-size:15px}.ja-reading-related ul{grid-template-columns:1fr}.ja-reading-related li+li{border-left:0;border-top:1px solid var(--ja-line);padding:14px 0 0}}
@media(prefers-reduced-motion:reduce){.ja-reading-document{scroll-behavior:auto}.ja-reading-main *,.ja-reading-toc a::before{animation:none!important;transition:none!important}}

.ja-reading-page .ja-reading-breadcrumb a,.ja-reading-page .ja-reading-toc a{color:var(--ja-navy)}
.ja-reading-page .ja-reading-breadcrumb a:hover,.ja-reading-page .ja-reading-toc a:hover{color:var(--ja-navy-hover)}
.ja-reading-page .ja-home-header .ja-menu-toggle{display:none}
@media(max-width:1100px){.ja-reading-page .ja-home-header .ja-menu-toggle{display:inline-flex}}
