
:root{font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif;color:#1b2941;background:#f5f7fa}
*{box-sizing:border-box}body{margin:0;line-height:1.8}.test-banner{background:#fff1c4;color:#614300;text-align:center;padding:10px;font-size:14px}
.site-header{background:#fff;border-bottom:1px solid #e0e5eb}.header-inner{max-width:1150px;margin:auto;display:flex;align-items:center;gap:24px;padding:22px}
.header-inner img{width:115px;height:auto}.brand{font-size:19px;font-weight:700;color:#172640;text-decoration:none}.wrap{max-width:1150px;margin:28px auto;padding:0 20px}
.nav{display:flex;gap:22px;align-items:center;padding:16px 0;border-bottom:1px solid #dce2ea;flex-wrap:wrap}.nav a{color:#283f72;text-decoration:none}
.search{display:flex;gap:8px;margin-left:auto}.search input{padding:10px;border:1px solid #b8c2d2;border-radius:4px;max-width:190px}.search button{padding:10px 16px;background:#2447b4;color:white;border:0;border-radius:4px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:30px}.article{background:#fff;padding:38px;min-width:0}.article h1{font-size:clamp(25px,4vw,36px);line-height:1.35;margin:0 0 12px}.date{color:#66758b;font-size:14px}
.article h2{margin-top:35px}.article img{max-width:100%;height:auto}.article figure{max-width:100%;margin:24px auto}.article table{border-collapse:collapse;max-width:100%}.article td,.article th{border:1px solid #ddd;padding:8px}.article a{color:#2548b4}.article pre{white-space:pre-wrap;overflow-wrap:anywhere}.sidebar{font-size:14px;padding:24px;background:#fff;height:fit-content}
.warning{background:#fff3cd;padding:12px 16px;margin:16px 0;color:#5d4600}.post-list li{margin:8px 0}.footer{text-align:center;padding:30px;color:#68778e}
.static-toc{border:1px solid #d7deea;background:#f8fafc;padding:16px;margin:18px 0;border-radius:6px}.static-toc ol{margin:8px 0 0;padding-left:22px}.static-toc .toc-h3{margin-left:18px}
@media(max-width:760px){.layout{display:block}.sidebar{margin-top:20px}.article{padding:22px}.search{margin-left:0}.header-inner img{width:90px}}

.ao-breadcrumb{margin:12px 0 20px;font-size:.9rem;color:#66758b}.ao-breadcrumb a{color:#2548b4}.ao-related{border-top:1px solid #dce2ea;margin-top:36px;padding-top:12px}.ao-related ul{padding-left:22px}.ao-related li{margin:.4rem 0}
