:root{color-scheme:light;font-family:system-ui,-apple-system,"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;color:#183049;background:#f5f7fa}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}a{color:#155b9a;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #eeae52;outline-offset:2px}.site-header{background:#1e3e5d;color:#fff}.site-header__inner{max-width:70rem;margin:auto;padding:1rem 1.5rem}.site-header a{color:#fff;font-weight:700;font-size:1.1rem}main{width:100%;max-width:70rem;margin:0 auto;padding:2rem 1.5rem 4rem;flex:1}h1{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.4;margin:.3rem 0 1.25rem}h2{font-size:1.35rem;margin:1.8rem 0 1rem}.page-description{line-height:1.8;color:#44566b}.breadcrumbs{font-size:.9rem;margin-bottom:1.2rem;color:#596a7e}.tiles,.video_cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:1rem}.tile{display:block;background:white;padding:1.2rem;border:1px solid #d7e1e9;border-radius:9px;font-weight:600;box-shadow:0 1px 3px #112a4010}.tile:hover,article:hover{border-color:#8baec9}.link-list{list-style:none;padding:0;display:grid;gap:.7rem}.link-list li{background:white;border:1px solid #d7e1e9;border-radius:8px;padding:.7rem 1rem}.kana-group{margin:1.3rem 0}.video-section{margin:2rem 0}.video-section__heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.video-section__heading h2{margin:.5rem 0}.video-section select,.video-section button{padding:.45rem .6rem;border:1px solid #adbbca;border-radius:5px;background:white}.videos article{background:white;padding:1rem;border:1px solid #d8e2eb;border-radius:9px;min-width:0}.videos article strong{display:block;margin:.7rem 0;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}.video-meta{display:flex;flex-wrap:wrap;gap:.3rem 1rem;color:#536779;font-size:.85rem}.video-meta span{display:inline}.videos img,.thumbnail-fallback{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;background:#e4e8ec;border-radius:5px}.thumbnail-fallback{display:grid;place-items:center;color:#4b6278}.compact article{padding:.6rem 0;border-width:0 0 1px;border-radius:0;margin:0}.date h3{grid-column:1/-1;border-bottom:2px solid #35658b;margin:1.5rem 0 .5rem}.date article a,.compact article a{display:flex;gap:1rem;align-items:center}.date article img,.date article .thumbnail-fallback{width:12rem;flex:none}.compact article img,.compact article .thumbnail-fallback{width:6rem;flex:none}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem}.preview-notice{padding:.6rem 1rem;border-left:4px solid #df9f36;background:#fff5db}.empty-message{margin:1rem 0}.site-footer{padding:1rem 1.5rem;text-align:center;border-top:1px solid #d8e1e8;color:#526377;min-height:3.5rem}@media(max-width:560px){main{padding:1.5rem 1rem 3rem}.date article img,.date article .thumbnail-fallback{width:7rem}.video_cards{grid-template-columns:1fr}.site-header__inner{padding:1rem}.video-section__heading{align-items:flex-start}}