/* v5.28.25 — accessible font-size selector. */
.joh-font-toolbar{box-sizing:border-box;background:#f5f2e9;color:#263b30;border-bottom:1px solid #d6ddd4;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;position:relative;z-index:905}
.joh-font-toolbar__inner{box-sizing:border-box;width:min(1120px,calc(100% - 40px));min-height:42px;margin:0 auto;display:flex;align-items:center;justify-content:flex-end;gap:7px}
.joh-font-toolbar__label{font-size:12px;font-weight:600;letter-spacing:.03em;margin-right:3px}
.joh-font-size-button{appearance:none;border:1px solid #aab6aa;background:#fff;color:#263b30;border-radius:5px;min-width:48px;min-height:32px;padding:5px 10px;font:600 12px/1.2 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;cursor:pointer}
.joh-font-size-button:hover{background:#edf1e9}
.joh-font-size-button[aria-pressed="true"]{background:#263b30;color:#fff;border-color:#263b30}
.joh-font-size-button:focus-visible{outline:3px solid #c8a95a;outline-offset:2px}

/* Increase reading text, not images/layout. Headings stay proportionate and menus remain usable. */
html[data-joh-font-size="large"] body main :is(p,li,dd,dt,blockquote,figcaption,summary,td,th,label,input,textarea,select),
html[data-joh-font-size="large"] body .entry-content :is(p,li,dd,dt,blockquote,figcaption,summary),
html[data-joh-font-size="large"] body .post-content :is(p,li,dd,dt,blockquote,figcaption,summary),
html[data-joh-font-size="large"] body .yk526-content :is(p,li,dd,dt,blockquote){font-size:18px!important;line-height:1.95!important}
html[data-joh-font-size="xlarge"] body main :is(p,li,dd,dt,blockquote,figcaption,summary,td,th,label,input,textarea,select),
html[data-joh-font-size="xlarge"] body .entry-content :is(p,li,dd,dt,blockquote,figcaption,summary),
html[data-joh-font-size="xlarge"] body .post-content :is(p,li,dd,dt,blockquote,figcaption,summary),
html[data-joh-font-size="xlarge"] body .yk526-content :is(p,li,dd,dt,blockquote){font-size:20px!important;line-height:2!important}

html[data-joh-font-size="large"] body main :is(p,li,dd,dt,blockquote,figcaption,summary) :is(a,strong,em,span),
html[data-joh-font-size="xlarge"] body main :is(p,li,dd,dt,blockquote,figcaption,summary) :is(a,strong,em,span){font-size:inherit!important}
html[data-joh-font-size="large"] body .yk526-lead{font-size:19px!important;line-height:1.95!important}
html[data-joh-font-size="xlarge"] body .yk526-lead{font-size:21px!important;line-height:2!important}

/* Common site chrome gets a modest increase without expanding the whole layout. */
html[data-joh-font-size="large"] body :is(.j16-nav,.j16-footer,.j16-actionbar) a{font-size:15px!important}
html[data-joh-font-size="xlarge"] body :is(.j16-nav,.j16-footer,.j16-actionbar) a{font-size:16px!important}
html[data-joh-font-size="large"] body .j16-footer p{font-size:14px!important}
html[data-joh-font-size="xlarge"] body .j16-footer p{font-size:15px!important}

@media(max-width:620px){
 .joh-font-toolbar__inner{width:calc(100% - 24px);justify-content:center;gap:5px;min-height:46px}
 .joh-font-toolbar__label{font-size:11px}
 .joh-font-size-button{min-width:54px;min-height:36px}
}
@media print{.joh-font-toolbar{display:none!important}}
