:root{--c-bg: #f5f7fb;--c-bg-soft: #e9eef7;--c-surface: #ffffff;--c-text: #1a2233;--c-text-soft: #46536b;--c-muted: #7b879c;--c-border: #dde3ee;--c-brand: #3f63d6;--c-brand-dark: #2a47a8;--c-brand-soft: #e6ecfb;--c-accent: #f0a13a;--c-accent-dark: #d4862a;--shadow-card: 0 1px 2px rgba(26, 34, 51, .04), 0 4px 16px rgba(26, 34, 51, .08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-sans: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--font-display: "Zen Kaku Gothic New", "Noto Sans JP", "Hiragino Sans", sans-serif;--content-max: 760px;--container-max: 1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans);font-size:16px;line-height:1.8;font-feature-settings:"palt";-webkit-font-smoothing:antialiased}a{color:var(--c-brand-dark);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.skip-link{position:absolute;left:-9999px;top:0;background:var(--c-brand-dark);color:#fff;padding:.5em 1em;z-index:1000}.skip-link:focus{left:1rem;top:1rem}.site-header{background:var(--c-surface);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:100}.site-header__inner{max-width:var(--container-max);margin:0 auto;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.site-logo{display:flex;align-items:center;gap:.6rem;color:var(--c-brand-dark);font-weight:700;font-size:1.25rem;font-family:var(--font-display);text-decoration:none}.site-logo__mark{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:8px;background:var(--c-brand-soft);font-size:1.1rem}.site-nav ul{list-style:none;display:flex;gap:1.25rem;margin:0;padding:0;flex-wrap:wrap}.site-nav a{color:var(--c-text-soft);font-size:.95rem;font-weight:500}.site-nav a:hover{color:var(--c-brand-dark);text-decoration:none}.site-main{max-width:var(--container-max);margin:0 auto;padding:2rem 1.25rem 4rem}.hero{background:linear-gradient(135deg,var(--c-brand-soft),var(--c-bg-soft));border-radius:var(--radius-lg);padding:3rem 2rem;margin-bottom:2.5rem;position:relative;overflow:hidden}.hero:before{content:"🤖";position:absolute;font-size:12rem;right:-1.5rem;top:-2rem;opacity:.12;transform:rotate(-12deg);pointer-events:none}.hero__eyebrow{color:var(--c-brand-dark);font-size:.85rem;letter-spacing:.2em;font-weight:600;margin:0 0 .5rem}.hero__title{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.4rem);margin:0 0 .75rem;color:var(--c-text);line-height:1.4}.hero__lead{margin:0 0 1.25rem;color:var(--c-text-soft);max-width:40em}.hero__chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-block;padding:.3rem .8rem;background:var(--c-surface);border-radius:999px;font-size:.8rem;color:var(--c-brand-dark);border:1px solid var(--c-border)}.section{margin-bottom:3rem}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;border-bottom:2px solid var(--c-brand-soft);padding-bottom:.5rem}.section__head h2{font-family:var(--font-display);font-size:1.4rem;margin:0;color:var(--c-brand-dark)}.section__more{font-size:.9rem;color:var(--c-brand-dark)}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.post-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.post-card__visual{aspect-ratio:16 / 9;background:linear-gradient(135deg,var(--c-brand-soft),var(--c-bg-soft));display:grid;place-items:center;font-size:3.5rem}.post-card__body{padding:1rem 1.1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.post-card__meta{display:flex;gap:.6rem;align-items:center;font-size:.8rem;color:var(--c-muted)}.post-card__category{color:var(--c-brand-dark);font-weight:600}.post-card__title{font-family:var(--font-display);font-size:1.05rem;margin:0;line-height:1.5}.post-card__title a{color:var(--c-text)}.post-card__title a:hover{color:var(--c-brand-dark);text-decoration:none}.post-card__excerpt{margin:0;font-size:.88rem;color:var(--c-text-soft);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article{max-width:var(--content-max);margin:0 auto;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:2.5rem clamp(1.25rem,3vw,2.5rem)}.article__head{border-bottom:1px solid var(--c-border);padding-bottom:1.5rem;margin-bottom:2rem}.article__meta{display:flex;gap:.75rem;align-items:center;font-size:.85rem;color:var(--c-muted);margin-bottom:.75rem;flex-wrap:wrap}.article__category{background:var(--c-brand-soft);color:var(--c-brand-dark);padding:.2rem .7rem;border-radius:999px;font-weight:600}.article__title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);line-height:1.4;margin:0 0 .75rem}.article__description{color:var(--c-text-soft);margin:0}.article__tags{margin-top:1rem;display:flex;gap:.5rem;flex-wrap:wrap}.article__tags .tag{font-size:.78rem;color:var(--c-text-soft);background:var(--c-bg-soft);padding:.15rem .6rem;border-radius:4px}.article__body{font-size:1rem;line-height:1.95}.article__body h2{font-family:var(--font-display);font-size:1.35rem;color:var(--c-brand-dark);margin:2.5rem 0 1rem;padding-left:.75rem;border-left:4px solid var(--c-brand)}.article__body h3{font-size:1.1rem;color:var(--c-brand-dark);margin:2rem 0 .75rem}.article__body p{margin:0 0 1.25rem}.article__body ul,.article__body ol{padding-left:1.4rem;margin:0 0 1.5rem}.article__body li{margin-bottom:.4rem}.article__body blockquote{border-left:3px solid var(--c-brand);background:var(--c-bg-soft);padding:1rem 1.25rem;margin:1.5rem 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--c-text-soft)}.article__body table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.92rem}.article__body th,.article__body td{border:1px solid var(--c-border);padding:.6rem .8rem;text-align:left}.article__body th{background:var(--c-brand-soft);color:var(--c-brand-dark)}.article__body code{background:var(--c-bg-soft);padding:.15rem .4rem;border-radius:4px;font-size:.92em;font-family:SFMono-Regular,Consolas,Courier New,monospace}.article__body pre{background:#1a2233;color:#e9eef7;padding:1.1rem 1.25rem;border-radius:var(--radius-md);overflow-x:auto;margin:1.5rem 0;font-size:.88rem;line-height:1.7}.article__body pre code{background:transparent;padding:0;color:inherit}.article__body strong{color:var(--c-brand-dark)}.callout{background:var(--c-brand-soft);border-radius:var(--radius-md);padding:1rem 1.25rem;margin:1.5rem 0}.callout__title{font-weight:700;color:var(--c-brand-dark);margin:0 0 .4rem;display:flex;align-items:center;gap:.4rem}.callout p:last-child{margin-bottom:0}.cta-box{background:var(--c-bg-soft);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:1.5rem;margin:2rem 0;text-align:center}.cta-box h4{margin:0 0 .5rem;font-family:var(--font-display);color:var(--c-text);font-size:1.1rem}.cta-box p{margin:0 0 1rem;font-size:.92rem;color:var(--c-text-soft)}.btn-affiliate{display:inline-block;background:var(--c-accent);color:#fff;font-weight:700;padding:.8rem 2rem;border-radius:999px;text-decoration:none;box-shadow:0 4px 12px #f0a13a59;transition:background .15s ease,transform .15s ease}.btn-affiliate:hover{background:var(--c-accent-dark);text-decoration:none;transform:translateY(-1px)}.pr-label{display:inline-block;font-size:.72rem;color:var(--c-muted);background:var(--c-bg-soft);border:1px solid var(--c-border);border-radius:4px;padding:.05rem .45rem;margin-bottom:.75rem}.page-head{text-align:center;margin-bottom:2.5rem}.page-head h1{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.2rem);margin:0 0 .5rem}.page-head p{color:var(--c-text-soft);margin:0}.page-body{max-width:var(--content-max);margin:0 auto;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:2.5rem clamp(1.25rem,3vw,2.5rem);line-height:1.95}.page-body h2{font-family:var(--font-display);color:var(--c-brand-dark);font-size:1.25rem;margin:2rem 0 .8rem;border-left:4px solid var(--c-brand);padding-left:.75rem}.page-body h2:first-child{margin-top:0}.page-body ul{padding-left:1.4rem}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.cat-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:1.25rem 1.4rem;transition:transform .15s ease,box-shadow .15s ease}.cat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.cat-card a{display:block;color:inherit}.cat-card h3{font-family:var(--font-display);color:var(--c-brand-dark);margin:0 0 .4rem;font-size:1.1rem}.cat-card p{margin:0;font-size:.88rem;color:var(--c-text-soft)}.cat-card__count{display:inline-block;margin-top:.6rem;font-size:.78rem;color:var(--c-muted)}.site-footer{background:var(--c-brand-dark);color:#d4ddf5;padding:2.5rem 1.25rem 1.5rem;margin-top:4rem}.site-footer__inner{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.site-footer__brand{font-family:var(--font-display);color:#fff;font-size:1.15rem;margin:0 0 .4rem}.site-footer__desc{font-size:.85rem;color:#c0ccec;margin:0}.site-footer__links{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem;font-size:.9rem}.site-footer__links a{color:#d4ddf5}.site-footer__copy{max-width:var(--container-max);margin:1.5rem auto 0;font-size:.8rem;color:#a4b2d6;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;text-align:center}@media(max-width:640px){.site-footer__inner{grid-template-columns:1fr}.hero{padding:2rem 1.25rem}}.toc{background:var(--c-bg-soft);border-radius:var(--radius-md);padding:1rem 1.25rem;margin:0 0 2rem;font-size:.9rem}.toc__title{font-weight:700;color:var(--c-brand-dark);margin:0 0 .5rem}.toc ol{margin:0;padding-left:1.2rem;list-style-type:decimal}.toc li{margin-bottom:.2rem}.toc a{color:var(--c-text-soft)}.post-nav{max-width:var(--content-max);margin:2rem auto 0;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.post-nav a{flex:1;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:1rem 1.25rem;font-size:.9rem;color:var(--c-text);min-width:200px}.post-nav a:hover{border-color:var(--c-brand);text-decoration:none}.post-nav small{display:block;color:var(--c-muted);font-size:.75rem;margin-bottom:.25rem}