body{font-family:Noto Sans JP,sans-serif;margin:0;color:#222;line-height:1.8;background:#fcfcfb}:root{--brand:#004b87;--nav-bar:#1b1b1b}header{background:var(--brand)}footer{background:#f5f5f7;padding:12px 24px}.site-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:18px 24px;box-sizing:border-box}.brand{grid-column:2;color:#fff;text-decoration:none;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:2em;font-weight:800;letter-spacing:.01em;line-height:1}.site-links{grid-column:3;justify-self:end;display:flex;gap:16px;align-items:center;font-size:.9em}.site-links a{color:#fff;text-decoration:none}.site-links .cta-btn{background:#fff;color:var(--brand);margin-left:0}@media (max-width:600px){.site-nav{grid-template-columns:auto 1fr;padding:12px 16px}.brand{grid-column:1;font-size:1.6em}.site-links{grid-column:2}}.cta-btn{background:#004b87;color:#fff;padding:8px 16px;border-radius:8px;text-decoration:none;margin-left:auto;border:0;font-size:1em;cursor:pointer}footer{margin-top:48px}footer nav a{color:#222}main{max-width:760px;margin:0 auto;padding:24px}.tag-group a{font-size:.85em;color:#004b87;margin-right:8px;text-decoration:none}.post-meta{font-size:.9em;color:#666;display:flex;gap:12px;align-items:center;flex-wrap:wrap}figure.hero{margin:16px 0}figure.hero img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#ddd}article figure{margin:28px 0}article figure img{width:100%;height:auto;display:block}article figure figcaption{font-size:.8em;color:#666;margin-top:8px;line-height:1.6}details.toc{background:#f5f5f7;border-radius:8px;padding:12px;margin:16px 0}.author-card{display:flex;gap:12px;background:#f5f5f7;border-radius:8px;padding:12px;margin:16px 0;font-size:.9em}.author-card img{border-radius:50%;background:#ddd}.conclusion{background:#f7faff;border:1px solid #cddaea;border-radius:8px;padding:4px 20px 18px;margin:20px 0}.conclusion h2{margin-bottom:10px}.conclusion ul{margin:0;padding-left:1.2em}.conclusion li{margin-bottom:10px}.conclusion li:last-child{margin-bottom:0}.caveat{background:#fff8e6;border:1px solid #e6c200;border-radius:8px;padding:10px 14px;font-size:.93em;margin:14px 0 0}.voice{border-left:4px solid #004b87;background:#f7faff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='11' r='7.5' fill='%238aa7cc'/%3E%3Cpath d='M18 21c-8.5 0-15 5.3-15 13.5h30C33 26.3 26.5 21 18 21z' fill='%238aa7cc'/%3E%3C/svg%3E") no-repeat 16px 12px/36px 36px;border-radius:0 8px 8px 0;padding:12px 16px;margin:20px 0;font-size:.96em}.voice .who{font-size:.82em;color:#555;margin:0 0 6px 48px}.voice blockquote{margin:8px 0 8px 48px;padding-left:12px;border-left:2px solid #9db8ee;color:#2e3d6b;font-style:normal;font-weight:500}.voice blockquote p{margin:0 0 10px}.voice blockquote p:last-child{margin-bottom:0}.voice .src{font-size:.78em;color:#777;margin:6px 0 0}.faq h3{margin-bottom:4px}.cited{text-decoration:underline dotted #9fb6cf;text-decoration-thickness:1px;text-underline-offset:4px;cursor:help}.cited:hover,.cited:focus-visible,.cited.is-open{text-decoration-color:#004b87;background:#eef4ff;outline:none}.cite-pop{position:absolute;z-index:50;width:min(380px,calc(100vw - 16px));box-sizing:border-box;background:#fff;border:1px solid #d5d9e2;border-top:3px solid #004b87;border-radius:8px;box-shadow:0 6px 20px #00000024;padding:12px 14px;font-size:.82em;line-height:1.7;color:#333}.cite-pop[hidden]{display:none}.cite-pop-item+.cite-pop-item{margin-top:10px;padding-top:10px;border-top:1px solid #eee}.cite-pop-jump{color:#004b87;white-space:nowrap}.references{font-size:.85em}.references li{margin-bottom:4px}.references li:target{background:#eef4ff}.refs-note{color:#777}.app-cta{display:block;background:#eef4ff;border:1px solid #004b87;border-radius:12px;padding:20px;text-align:center;text-decoration:none;margin:24px 0;color:#111}.changelog{font-size:.8em;color:#888}.note{background:#fff8e6;border:1px solid #e6c200;border-radius:8px;padding:10px 14px;font-size:.9em;margin:16px 0}.share{display:flex;gap:12px;margin:24px 0;font-size:.9em;align-items:center}.share a,.share button{color:#004b87;background:#f5f5f7;border:1px solid #d5d9e2;border-radius:8px;padding:6px 12px;text-decoration:none;font-size:1em;cursor:pointer}.article-card{display:block;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin:12px 0;text-decoration:none;color:inherit}.article-card p{color:#555;font-size:.9em;margin:8px 0}.article-card small{color:#888}.card-tags{font-size:.8em;color:#004b87}.top-intro{padding:0 0 14px;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.top-intro h1{font-size:1.2em;margin:0 0 6px;line-height:1.5}.top-intro p{font-size:.9em;color:#555;margin:0 0 8px}.top-intro .cta-btn{display:inline-block;margin-left:0}.prereg form{display:grid;gap:16px;max-width:480px;margin:16px 0}.prereg input[type=email],.prereg textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #ccc;border-radius:8px;font-size:1em;font-family:inherit}.prereg fieldset{border:1px solid #ddd;border-radius:8px}.prereg fieldset label{margin-right:16px}.features li{margin-bottom:8px}@media (min-width:1200px){.page{display:flex;gap:32px;align-items:flex-start;justify-content:center;max-width:1200px;margin:0 auto}.page>main{margin:0;flex:0 0 auto}.page>.sidenav{flex:0 0 300px;max-width:300px;margin:0;padding:24px 24px 24px 0}}.sidenav{font-size:.9em;max-width:760px;margin:0 auto;padding:0 24px 24px;box-sizing:border-box}.sidenav-block{margin-bottom:28px}.sidenav-block h2{font-size:1em;margin:0 0 10px;padding-bottom:6px;border-bottom:2px solid #004b87}.sidenav-list{list-style:none;margin:0;padding:0}.sidenav-list li{margin-bottom:12px;line-height:1.5}.sidenav-list a{color:#222;text-decoration:none;display:block}.sidenav-list a:hover{text-decoration:underline}.sidenav-list .meta{display:block;font-size:.78em;color:#888;line-height:1.4}.sidenav-cats a{display:inline-block;margin:0 6px 8px 0;background:#f5f5f7;border-radius:999px;padding:3px 10px;color:#222;text-decoration:none}.sidenav-more{margin:0}.sidenav-more a{color:#004b87}.tag-n{color:#888;font-size:.9em}.card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin:16px 0}.card-list .article-card{margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column}.card-list .article-card:hover{border-color:#004b87}.card-thumb{aspect-ratio:16/9;background:#f5f0e6;overflow:hidden}.card-thumb img{width:100%;height:100%;object-fit:contain;display:block}.card-body{padding:14px 16px 16px}.card-body strong{display:block;font-size:1.02em;line-height:1.5;margin:6px 0}.card-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.global-nav{background:var(--nav-bar)}.global-nav-inner{display:flex;flex-wrap:nowrap;gap:28px;max-width:1200px;margin:0 auto;padding:0 24px;overflow-x:auto;white-space:nowrap;font-size:.9em;scrollbar-width:none;box-sizing:border-box}.global-nav-inner::-webkit-scrollbar{display:none}.global-nav a{color:#fff;font-weight:700;text-decoration:none;padding:13px 0;flex:0 0 auto}.global-nav a:first-child{margin-left:auto}.global-nav a:last-child{margin-right:auto}.global-nav a:hover{text-decoration:underline}footer nav{max-width:960px;margin:0 auto;font-size:.9em}.breadcrumb{font-size:.85em;color:#666;margin-bottom:8px;line-height:1.6}.breadcrumb a{color:#004b87;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.cat-chip{display:inline-block;font-size:.78em;color:#fff;background:#004b87;border-radius:4px;padding:1px 8px;margin:0 8px 4px 0;vertical-align:middle}.sub-tags{margin:4px 0 16px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:16px 0;padding:0;list-style:none}.cat-grid a{display:block;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;text-decoration:none;color:inherit;height:100%;box-sizing:border-box}.cat-grid a:hover{border-color:#004b87}.cat-grid strong{display:block;color:#004b87}.cat-grid p{font-size:.85em;color:#555;margin:6px 0}.cat-grid small{color:#888}.cat-section{border-top:1px solid #e5e7eb;padding-top:16px;margin-top:24px}.cat-section h2 small{font-size:.7em;color:#888;font-weight:400;margin-left:6px}.cat-section h2 a{color:inherit;text-decoration:none}.cat-section h2 a:hover{text-decoration:underline}.plain-list{margin:8px 0;padding-left:1.2em}.plain-list a{color:#004b87}.pagination{display:flex;gap:8px;justify-content:center;align-items:center;margin:28px 0;font-size:.95em;flex-wrap:wrap}.pagination a,.pagination span{min-width:36px;padding:6px 10px;border:1px solid #d5d9e2;border-radius:8px;text-align:center;text-decoration:none;color:#004b87;box-sizing:border-box}.pagination a:hover{border-color:#004b87}.pagination span.current{background:#004b87;color:#fff;border-color:#004b87}.pagination span.disabled{color:#aaa}.hero-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 28px;border-bottom:1px solid #e5e7eb}.hero-item{display:block;text-decoration:none;color:inherit;border-right:1px solid #e5e7eb}.hero-item:last-child{border-right:0}.hero-img{position:relative;aspect-ratio:16/9;background:#f5f0e6;overflow:hidden}.hero-img img{width:100%;height:100%;object-fit:cover;display:block}.hero-img .cat-chip{position:absolute;left:0;bottom:0;margin:0;border-radius:0 4px 0 0;font-size:.75em;padding:2px 10px}.hero-text{padding:12px 16px 14px}.hero-text strong{display:block;font-size:.98em;line-height:1.55;font-weight:700}.hero-text small{display:block;text-align:right;color:#888;font-size:.8em;margin-top:8px}@media (max-width:900px){.hero-strip{grid-template-columns:1fr}.hero-item{border-right:0;border-bottom:1px solid #e5e7eb}.hero-item:last-child{border-bottom:0}}.tabbox{margin:0 0 32px}.tabbox>input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tab-heads{display:flex;border-bottom:2px solid var(--nav-bar)}.tab-heads label{flex:1;text-align:center;padding:14px 8px;font-weight:700;font-size:1.05em;background:#f2f2f2;color:#333;cursor:pointer}#tab-latest:checked~.tab-heads label[for=tab-latest],#tab-popular:checked~.tab-heads label[for=tab-popular]{background:var(--nav-bar);color:#fff}#tab-latest:focus-visible~.tab-heads label[for=tab-latest],#tab-popular:focus-visible~.tab-heads label[for=tab-popular]{outline:2px solid var(--brand);outline-offset:-2px}.tab-panel{display:none}#tab-latest:checked~#panel-latest,#tab-popular:checked~#panel-popular{display:block}.tab-more{margin:12px 0 0;text-align:right;font-size:.9em}.tab-more a{color:var(--brand)}.row-list{list-style:none;margin:0;padding:0}.row-list li{border-bottom:1px solid #e5e7eb}.row-list a{display:flex;gap:16px;padding:16px 0;text-decoration:none;color:inherit;align-items:flex-start}.row-thumb{position:relative;flex:0 0 176px;aspect-ratio:16/9;background:#f5f0e6;overflow:hidden}.row-thumb img{width:100%;height:100%;object-fit:cover;display:block}.row-thumb .cat-chip{position:absolute;left:0;bottom:0;margin:0;border-radius:0 4px 0 0;font-size:.72em;padding:1px 8px}.row-body{flex:1;min-width:0}.row-body strong{display:block;font-size:1em;line-height:1.55;font-weight:700}.row-body small{display:block;text-align:right;color:#888;font-size:.8em;margin-top:8px}@media (max-width:600px){.row-thumb{flex-basis:120px}}