/* Navy follows the active navigation on Iwata Agricultural High School's official site (#033570). */
:root{--ink:#142f50;--muted:#4d6179;--paper:#f4f7fb;--line:#c7d4e3;--accent:#07598a}
.article-page{max-width:66rem}.article-page>p,.article-page section>p{max-width:65ch;line-height:2}.article-page section{margin-block:3rem}.article-page figure{max-width:58rem;margin-block:1.3rem}.article-page figcaption{font-size:.8rem;color:var(--muted);margin-top:.6rem;overflow-wrap:anywhere}.article-page h1{font-size:clamp(2rem,5vw,3.9rem)}.article-toc{display:flex;flex-wrap:wrap;gap:.65rem 1.1rem;padding-block:1.4rem;border-block:1px solid var(--line);margin-block:2rem}.source-note{font-size:.83rem;color:var(--muted);overflow-wrap:anywhere}.article-lead{font-size:1.1rem}.article-page .aerial{gap:1.5rem}.article-page .aerial img{aspect-ratio:4/3;object-fit:cover;border-color:#c7d4e3}.coverphoto img{object-position:center}.person-card figcaption a{overflow-wrap:anywhere}.person-reading-status{font-size:.78rem;color:var(--muted)}
.site-header__stamp{background:#033570}.site-consult{background:#033570}.site-consult a{background:#d2e4f7;color:#142f50}.air{background:#033570}.air .eyebrow{color:#d2e4f7}.air a:hover{color:#fff}.air small{color:#d2e4f7}.eyebrow{color:#07598a}.excerpt blockquote{border-color:#7598bc;background:#eef4fb}.jikka-panel{background:#eef4fb;border-color:#b4c9df;border-top-color:#315d8b}.jikka-label{color:#315d8b}.jikka-actions a{background:#033570;border-color:#033570}.jikka-actions a.jikka-secondary{color:#033570;background:#fff}.topic-chip{background:#eef4fb;border-color:#a6bdd5}.acquaintance-button{background:#e9f0f8;color:#142f50}.site-footer{background:#fff}
.invite-banner{background:#033570;border-left-color:#7598bc;color:#fff}.invite-banner:hover{background:#17528b}.invite-banner small{color:#d2e4f7}.invite-stamp{border-color:#adc5df}.coverphoto{box-shadow:3px 5px 0 #dbe5f0;border-color:#c7d4e3}.aerial figcaption{overflow-wrap:anywhere}.article-page .aerial figcaption{color:var(--muted)}
@media(max-width:700px){.article-page h1 br{display:none}.article-page .duo.aerial{grid-template-columns:1fr}.article-page>p{font-size:.95rem}.intro h1 span{white-space:normal}.person-heading{align-items:start!important}.person-card h4{font-size:1.35rem}}
@media(max-width:360px){#people .person-heading{grid-template-columns:1fr;gap:.5rem}#people .acquaintance{justify-content:flex-start;margin-bottom:.4rem}.site-consult__inner{gap:.35rem}.site-header__brand{font-size:1rem}}
