body.lab-page{background:#07131f;color:#e9f4fc}.mag-main{padding-block:64px 100px}.mag-heading{max-width:740px}.mag-heading h1{font-size:clamp(32px,6vw,64px);letter-spacing:.04em;margin:12px 0 15px}.mag-heading>p:last-child{color:#b6c9d5}.mag-controls{margin:38px 0 22px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.mag-controls label{font-size:14px}.mag-controls input{color:#fff;background:#102739;border:1px solid #456071;border-radius:9px;padding:14px;min-width:min(100%,290px)}.mag-controls button,.mag-letters button{color:#cde8f5;background:#112637;border:1px solid #31586b;border-radius:10px;padding:10px 13px;cursor:pointer}.mag-letters{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.mag-letters button[aria-pressed=true]{border-color:#25c5f3;background:#17445c;color:white}.mag-status{color:#96b0c2;font-size:13px;margin:22px 0}.mag-group{margin:32px 0}.mag-group h2{color:#ffbf75;font-size:22px;border-bottom:1px solid #31586b;padding-bottom:13px}.mag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin-top:18px}.mag-card{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid #2b566b;border-radius:14px;background:linear-gradient(145deg,#102b40,#0a1b2b);text-decoration:none;color:inherit;min-height:190px}.mag-card:hover{border-color:#25c5f3}.mag-card small{color:#68bacf}.mag-card strong{font-size:20px}.mag-card span{color:#b7cad7}.mag-card em{margin-top:auto;font-style:normal;color:#25c5f3}.mag-empty{padding:48px 16px;text-align:center;border:1px dashed #456071;color:#9db7c8;border-radius:12px}.mag-footer{display:flex;gap:16px;flex-wrap:wrap}.mag-footer a{color:#c2dce9;font-size:14px}@media(max-width:600px){.mag-main{padding-block:36px 70px}.mag-footer{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mag-controls input{width:100%}}
.mag-entrance{margin:30px auto}.mag-entrance-link{display:flex;flex-direction:column;gap:14px;padding:36px;border:1px solid #387189;background:linear-gradient(135deg,#122f43,#091a2b);border-radius:16px;text-decoration:none;color:#e9f4fc}.mag-entrance-label{color:#25c5f3;font-size:12px;letter-spacing:.14em}.mag-entrance-link strong{font-size:clamp(26px,4vw,38px)}.mag-entrance-link>span:nth-of-type(2){color:#b5ced9}.mag-entrance-action{color:#ffbf75;font-weight:bold}

/* WEBマガジンを図書館配下で単独表示 */
body.lab-page{margin:0;font:16px/1.7 system-ui,-apple-system,"Yu Gothic",sans-serif}.page-width{width:min(1100px,calc(100% - 36px));margin-inline:auto}.site-header{border-bottom:1px solid #24465b}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:75px}.brand{text-decoration:none;color:#e9f4fc;display:flex;align-items:center;gap:12px}.brand-words{display:flex;flex-direction:column}.brand-words small{font-size:10px;letter-spacing:.2em;color:#9eb9cb}.lab-nav{color:#bcecf7;text-decoration:none;padding:10px 15px;border:1px solid #3d6374;border-radius:30px}.lab-kicker{color:#65d6eb;font-size:12px;letter-spacing:.15em}.mag-footer a{color:#bcecf7}.site-footer{border-top:1px solid #284557;padding:30px 0}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.footer-inner p{margin:0;color:#a9bfca}.mag-footer{display:flex;gap:15px;flex-wrap:wrap}@media(max-width:600px){.mag-footer{display:grid;grid-template-columns:1fr 1fr}}
