:root{color-scheme:light;--ink:#213547;--muted:#647586;--accent:#167f88;--line:#dce8e9;--paper:#fff;--bg:#f5f9f8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;line-height:1.8}a{color:#116b73;text-decoration:none}a:hover{text-decoration:underline}.container{width:min(100% - 2.5rem,1000px);margin-inline:auto}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:82px}.brand{font-size:1.45rem;font-weight:750;white-space:nowrap;color:var(--ink)}.brand small{display:block;font-size:.68rem;letter-spacing:.08em;color:var(--muted);line-height:1}.site-header nav{display:flex;flex-wrap:wrap;gap:1.4rem}.site-header nav a{color:var(--ink);font-weight:600}.main-content{min-height:70vh;padding-block:3.5rem 5rem}.site-footer{border-top:1px solid var(--line);padding:2rem 0;color:var(--muted);font-size:.88rem}h1,h2,h3{line-height:1.45}h1{font-size:clamp(1.8rem,4vw,2.5rem);margin:0 0 1.3rem}h2{font-size:1.5rem}.hero{border-radius:18px;padding:clamp(2.5rem,6vw,5rem);margin-bottom:4rem;color:#fff;background:linear-gradient(125deg,#164759,#127c83 68%,#53a99f)}.hero h1{font-size:clamp(2.1rem,5vw,3.6rem);margin:.5rem 0}.hero p{font-size:1.1rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem!important;opacity:.8}.button,button{display:inline-block;border:0;border-radius:8px;padding:.7rem 1.2rem;background:var(--accent);color:#fff;font:inherit;font-weight:700;cursor:pointer}.hero .button{background:#fff;color:#175764}.button:hover,button:hover{opacity:.9;text-decoration:none}.secondary{background:#536a72}.danger{background:#ad3747}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.post-list{display:grid;gap:1rem}.post-card,.form-panel,.article,.page-body{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:clamp(1.3rem,3vw,2rem)}.post-card h2,.post-card h3{margin:.35rem 0}.post-card time,.post-meta,small,.hint{color:var(--muted)}.post-card p{margin:.4rem 0 0}.category-links{display:flex;gap:.7rem;flex-wrap:wrap;margin:0 0 1.5rem}.category-links a{background:#e7f4f3;border-radius:99px;padding:.2rem .8rem}.article h1{margin-top:1.3rem}.post-meta{display:flex;gap:1rem;margin-bottom:2rem}.article-body p,.page-body p{margin:1.15rem 0}.article-body li,.page-body li{margin:.25rem 0}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2.5rem}.gallery-1{grid-template-columns:minmax(0,680px);justify-content:center}.gallery img,.page-body img{max-width:100%;height:auto;border-radius:8px}.gallery img{width:100%;max-height:410px;object-fit:contain;background:#f2f5f5}.page-body img{margin:1rem 0}.page-body h2{border-left:4px solid var(--accent);padding-left:.8rem;margin-top:2.5rem}.page-body h3{margin-top:2rem}.pagination{display:flex;gap:2rem;margin:1.5rem 0}.form-panel{display:grid;gap:.7rem;margin:1rem 0}.form-panel.narrow{max-width:450px;margin-inline:auto}label,legend{font-weight:700}input,select,textarea{width:100%;padding:.65rem .8rem;border:1px solid #b8c9ce;border-radius:6px;background:#fff;color:var(--ink);font:inherit}input[type=checkbox]{width:auto}.inline{display:inline-flex;gap:.4rem;align-items:center}fieldset{border:1px solid var(--line);border-radius:8px}.image-field{border-top:1px solid var(--line);padding:1rem 0}.thumb{display:block;max-width:140px;max-height:100px;object-fit:contain}.hint{margin:0;font-size:.85rem}.error{color:#ae273d}.notice{padding:.7rem 1rem;background:#e6f6ef;border-left:4px solid #22835a}.admin-row{display:flex;justify-content:space-between;align-items:center}.category-row form{display:grid;gap:.5rem}.category-row form+form{margin-top:1rem}@media(max-width:720px){.header-inner{display:block;padding-block:1rem}.site-header nav{margin-top:1rem;gap:.45rem 1rem;font-size:.88rem}.gallery{grid-template-columns:1fr}.main-content{padding-block:2rem 3rem}.hero{margin-bottom:2.5rem}}

/* The campus photo is stored with the site's other public media. */
.hero {
    background: linear-gradient(95deg, rgba(13, 49, 65, .83), rgba(16, 76, 88, .58)),
        url('../media/2025/03/PXL_20240402_045623474-edited-1-1024x576.jpg') center / cover no-repeat;
}

.topic-stack { display: grid; gap: 1.25rem; margin: 1.75rem 0 2rem; }
.topic-card { padding: clamp(1.35rem, 3vw, 2rem); border-radius: 18px; background: #edf6f3; }
.topic-card:nth-child(3n + 2) { background: #edf3f9; }
.topic-card:nth-child(3n) { background: #f6f3eb; }
.page-body .topic-card h2 { margin: 0; font-size: 1.4rem; }
.page-body .topic-card p { margin: .85rem 0 0; }
.page-body .topic-card img { display: block; width: min(100%, 360px); max-height: 300px; object-fit: contain; object-position: left center; margin: 1.25rem 0 0; }

.home-post-list { gap: .55rem; }
.home-post-list .post-card { display: flex; align-items: baseline; gap: 1.2rem; padding: .65rem 1.15rem; }
.home-post-list .post-card time { flex: none; font-size: .85rem; white-space: nowrap; }
.home-post-list .post-card h3 { margin: 0; font-size: 1rem; line-height: 1.55; }
@media (max-width: 540px) {
    .home-post-list .post-card { display: block; }
}

.footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1.2fr; gap: 2rem; }
.footer-grid h2 { margin: 0 0 .65rem; font-size: 1rem; color: var(--ink); }
.footer-grid nav a { display: block; width: fit-content; margin: .3rem 0; }
.footer-identity a { color: var(--ink); font-weight: 700; }
.footer-copyright { border-top: 1px solid var(--line); margin-top: 2rem; padding-top: 1rem; font-size: .8rem; }
@media (max-width: 720px) {
    .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
    .footer-identity { grid-column: 1 / -1; }
}
@media (max-width: 480px) {
    .footer-grid { grid-template-columns: 1fr; }
    .footer-identity { grid-column: auto; }
}

.article-toolbar{display:flex;flex-wrap:wrap;gap:.4rem;padding:.65rem;background:#f1f8f7;border:1px solid #b8c9ce;border-radius:8px 8px 0 0}.article-toolbar[hidden],.article-editor[hidden]{display:none}.article-toolbar button{padding:.35rem .65rem;font-size:.88rem;background:#fff;color:var(--ink);border:1px solid #b8c9ce}.article-toolbar button:hover{background:#dfeeed}.article-editor{min-height:9rem;padding:1rem;border:1px solid #8daab0;border-top:0;border-radius:0 0 8px 8px;background:#fff}.article-editor:focus-within{outline:2px solid var(--accent);outline-offset:2px}.article-editor .tiptap{min-height:7rem;outline:0}.article-editor .tiptap p{margin:.5rem 0}.article-editor .tiptap ul{list-style:disc;padding-left:1.7rem}.article-editor .tiptap ol{list-style:decimal;padding-left:1.7rem}.article-editor .tiptap blockquote{border-left:3px solid var(--accent);padding-left:1rem;color:var(--muted)}