:root{--color-white:#fff;--color-mist:#f7f8fb;--color-navy:#1f3a68;--color-navy-deep:#152a4d;--color-navy-soft:#5b7aa8;--color-orange:#f39c3c;--color-orange-deep:#e07f1c;--color-orange-cream:#ffe9cc;--color-text-main:#2a2f3a;--color-text-sub:#5a6171;--color-text-meta:#8c93a3;--color-text-placeholder:#b8bdc8;--color-link:#1f3a68;--color-link-hover:#f39c3c;--color-success:#3aae6b;--color-warning:#e5a23a;--color-error:#d9483a;--color-border:#e5e8ee;--font-base:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-num:"Inter", "Helvetica Neue", "Noto Sans JP", sans-serif;--font-size-body:1.0625rem;--font-size-body-sp:1rem;--line-height-base:1.85;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-section:64px;--space-section-sp:40px;--radius-card:12px;--radius-button:8px;--radius-tag:999px;--transition-fast:.15s ease-out;--transition-base:.2s ease-out;--width-content:1080px;--width-prose:720px;--tap-target:44px}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-base);color:var(--color-text-main);background:var(--color-white);font-size:100%;line-height:var(--line-height-base);letter-spacing:.03em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{font-size:var(--font-size-body);flex-direction:column;min-height:100vh;margin:0;display:flex}main{flex:1}::selection{background:var(--color-orange-cream);color:var(--color-navy-deep)}a{color:var(--color-link);text-underline-offset:2px;transition:color var(--transition-fast)}img{max-width:100%;height:auto}.skip-link{background:var(--color-white);color:var(--color-navy);border-radius:var(--radius-button);padding:8px 16px;position:absolute;left:-9999px}.skip-link:focus{z-index:100;top:8px;left:8px}.container{max-width:var(--width-content);width:100%;margin:0 auto;padding:0 32px}.section{margin:var(--space-section) 0}h1,h2,h3,h4{color:var(--color-navy);letter-spacing:.02em;font-weight:700}h1{font-size:2.25rem;line-height:1.45}h2{border-left:4px solid var(--color-orange);padding-left:16px;font-size:1.75rem;line-height:1.5}h3{font-size:1.375rem;line-height:1.55}h4{font-size:1.125rem;font-weight:600;line-height:1.6}.page-header{margin:var(--space-xl) 0}.page-header h1{margin:0 0 var(--space-sm)}.page-header .lead{color:var(--color-text-sub);margin:0}.meta{color:var(--color-text-meta);letter-spacing:.04em;font-size:.875rem}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-white)}.site-header .container{justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-md);padding-bottom:var(--space-md);display:flex}.site-title{color:var(--color-navy);letter-spacing:.02em;min-height:var(--tap-target);align-items:center;font-size:1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.site-nav{align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.site-nav a{color:var(--color-text-main);min-height:var(--tap-target);padding:0 var(--space-xs);align-items:center;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.site-nav a:after{content:"";background:var(--color-orange);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.nav-search:before{content:"";background:currentColor;width:1em;height:1em;margin-right:6px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") 50%/contain no-repeat}.nav-toggle{width:var(--tap-target);height:var(--tap-target);cursor:pointer;color:var(--color-orange);background:0 0;border:none;padding:10px;display:none}.nav-toggle .bar{width:100%;height:3px;transition:transform var(--transition-base), opacity var(--transition-base);background:currentColor;border-radius:2px;margin:4px 0;display:block}.hero{gap:var(--space-xl);padding:var(--space-section) 0;grid-template-columns:55% 1fr;align-items:center;display:grid}.hero-title{margin:0 0 var(--space-md);font-size:clamp(1.75rem,4vw,2.25rem)}.hero-lead{color:var(--color-text-sub);margin:0 0 var(--space-xl)}.hero-mascot{justify-content:center;align-items:center;min-height:320px;display:flex;position:relative}.hero-mascot:before{content:"";aspect-ratio:1;background:var(--color-orange-cream);filter:blur(2px);border-radius:50%;width:min(380px,90%);position:absolute}.hero-mascot img{width:min(320px,80%);height:auto;position:relative}@keyframes mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (hover:hover) and (pointer:fine){.hero-mascot:hover img{animation:2s ease-in-out infinite mascot-float}}.site-footer{background:var(--color-navy-deep);color:var(--color-white);margin-top:var(--space-section);padding:48px 24px 32px}.site-footer .footer-inner{max-width:var(--width-content);margin:0 auto}.footer-brand{align-items:center;gap:var(--space-md);margin:0;display:flex}.footer-mascot{object-fit:cover;background:var(--color-orange-cream);border-radius:50%;flex-shrink:0;width:40px;height:40px}.footer-brand .brand-name{font-weight:700;display:block}.footer-brand .brand-tag{color:#ffffffb3;font-size:.875rem}.site-footer nav{gap:var(--space-lg);border-top:1px solid #ffffff26;flex-wrap:wrap;margin-top:24px;padding-top:20px;display:flex}.site-footer nav a{color:#ffffffd9;min-height:var(--tap-target);align-items:center;font-size:.9375rem;text-decoration:none;display:inline-flex}.site-footer .copyright{color:#ffffff80;margin-top:var(--space-lg);font-size:.75rem}.btn-primary{background:var(--color-orange);min-height:48px;color:var(--color-navy-deep);letter-spacing:.05em;border-radius:var(--radius-button);transition:background-color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;padding:14px 32px;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.link-more{color:var(--color-navy);text-underline-offset:4px;font-size:.9375rem;font-weight:600}.tag-chip{background:var(--color-orange-cream);color:var(--color-navy-deep);border-radius:var(--radius-tag);letter-spacing:.04em;padding:4px 12px;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-block}a.tag-chip:hover{color:var(--color-navy-deep);background:var(--color-orange)}.chip-list{gap:var(--space-sm) var(--space-md);flex-wrap:wrap;padding:0;list-style:none;display:flex}.chip-list a{min-height:var(--tap-target);align-items:center;text-decoration:none;display:inline-flex}.card-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);padding:0;list-style:none;display:grid}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:none;transition:transform var(--transition-base), border-color var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.card-link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.card-image{aspect-ratio:16/9;object-fit:cover;background:var(--color-mist);width:100%;display:block}.card-image-fallback{aspect-ratio:16/9;background:linear-gradient(135deg, var(--color-mist) 0%, var(--color-orange-cream) 100%);justify-content:center;align-items:center;display:flex}.card-image-fallback img{width:72px;height:72px}.card-body{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;flex:1;display:flex}.card-body .tag-chip{align-self:flex-start}.card-title{color:var(--color-navy);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.125rem;font-weight:700;line-height:1.55;display:-webkit-box;overflow:hidden}.card-body .meta{padding-top:var(--space-sm);margin-top:auto}.card-text-body{padding:var(--space-lg);gap:var(--space-sm);flex-direction:column;height:100%;display:flex}.card-text-body p{margin:0}.card-text-body .card-title{text-decoration:none}.card-text-body .card-title:after{content:"";position:absolute;inset:0}.card:has(.card-text-body){position:relative}.prose{max-width:var(--width-prose);margin:0 auto}.prose h1{margin:var(--space-md) 0}.prose p{margin:1.4em 0}.prose h2{margin:2.5em 0 1em}.prose h3{margin:2em 0 .8em}.prose img{border-radius:var(--radius-button);margin:2em 0}.prose blockquote{border-left:4px solid var(--color-orange);background:var(--color-mist);border-radius:0 var(--radius-button) var(--radius-button) 0;margin:2em 0;padding:20px 24px}.prose blockquote p:first-child{margin-top:0}.prose blockquote p:last-child{margin-bottom:0}.prose li::marker{color:var(--color-orange)}.prose code{background:var(--color-orange-cream);color:var(--color-navy-deep);border-radius:4px;padding:2px 8px;font-size:.92em}.prose table{border-collapse:collapse;width:100%;margin:1.4em 0}.prose th{background:var(--color-mist);color:var(--color-navy)}.prose th,.prose td{border:1px solid var(--color-border);padding:8px 12px}.prose hr{border:none;border-top:1px solid var(--color-border);margin:2.5em 0}.marker-under{background:linear-gradient(transparent 60%, var(--color-orange-cream) 60%)}.post-hero-image{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-card);width:100%;margin:var(--space-lg) 0}.toc{background:var(--color-mist);border-radius:var(--radius-card);padding:var(--space-lg);margin:var(--space-lg) 0 var(--space-xl)}.toc-title{color:var(--color-navy);border-left:4px solid var(--color-orange);margin:0 0 var(--space-md);padding-left:12px;font-size:1.125rem;font-weight:700}.toc ul{margin:0;padding:0 0 0 1.4em}.toc li{margin:.4em 0}.toc a{color:var(--color-navy);text-decoration:none}.toc a:hover{text-decoration:underline}.author-card{max-width:var(--width-prose);margin:var(--space-section) auto 0;background:var(--color-mist);border-radius:var(--radius-card);padding:var(--space-lg);gap:var(--space-lg);grid-template-columns:auto 1fr;align-items:flex-start;display:grid}.author-avatar{object-fit:cover;border:2px solid var(--color-navy);background:var(--color-white);border-radius:50%;width:60px;height:60px}.author-card h2{margin:0 0 var(--space-sm);border:none;padding:0;font-size:1.125rem}.author-card p{color:var(--color-text-sub);margin:0;font-size:.9375rem}.about-mini{max-width:var(--width-prose);background:var(--color-mist);border-radius:var(--radius-card);padding:var(--space-xl);gap:var(--space-lg);grid-template-columns:auto 1fr;align-items:center;margin:0 auto;display:grid}.about-mini .author-avatar{width:96px;height:96px}.about-mini h2{margin:0 0 var(--space-sm);border:none;padding:0;font-size:1.25rem}.about-mini p{color:var(--color-text-sub);margin:0;font-size:.9375rem}.post-nav{max-width:var(--width-prose);margin:var(--space-xl) auto 0}.post-nav ul{gap:var(--space-md);grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.post-nav a{border:1px solid var(--color-border);border-radius:var(--radius-card);height:100%;padding:var(--space-md);transition:border-color var(--transition-base);text-decoration:none;display:block}.post-nav a:hover{border-color:var(--color-orange)}.post-nav .direction{color:var(--color-text-meta);margin-bottom:var(--space-xs);font-size:.8125rem;display:block}.post-nav .post-nav-title{color:var(--color-navy);font-size:.9375rem;font-weight:600;line-height:1.55}.step-list{counter-reset:step;max-width:var(--width-prose);padding:0;list-style:none}.step-list li{counter-increment:step;align-items:center;gap:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-md) var(--space-lg);margin:var(--space-md) 0;transition:border-color var(--transition-base);display:flex}.step-list li:hover{border-color:var(--color-orange)}.step-list li:before{content:counter(step);font-family:var(--font-num);color:var(--color-navy-deep);background:var(--color-orange-cream);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.125rem;font-weight:700;display:flex}.step-list a{color:var(--color-navy);font-weight:600;text-decoration:none}.step-list a:hover{text-decoration:underline}.pagination{gap:var(--space-sm);margin:var(--space-section) 0;flex-wrap:wrap;justify-content:center;padding:0;list-style:none;display:flex}.pagination a,.pagination span{min-width:var(--tap-target);min-height:var(--tap-target);line-height:var(--tap-target);text-align:center;font-family:var(--font-num);border:1px solid var(--color-border);border-radius:var(--radius-button);transition:border-color var(--transition-base);text-decoration:none;display:inline-block}.pagination a:hover{border-color:var(--color-orange);color:var(--color-navy)}.pagination .current{background:var(--color-navy);border-color:var(--color-navy);color:var(--color-white)}.breadcrumb{color:var(--color-text-meta);margin:var(--space-md) 0;font-size:.875rem}.breadcrumb ol{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.breadcrumb a{color:var(--color-text-meta);text-decoration:none}.breadcrumb a:hover{color:var(--color-orange);text-decoration:underline}.breadcrumb li+li:before{content:"›";color:var(--color-text-meta);margin:0 6px}.not-found{text-align:center;padding:var(--space-section) 0}.not-found img{width:180px;height:auto;margin-bottom:var(--space-lg)}.not-found h1{margin:0 0 var(--space-md)}.not-found .actions{gap:var(--space-md);margin-top:var(--space-xl);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px;border-radius:4px}@media (hover:hover) and (pointer:fine){a:hover{color:var(--color-link-hover)}.site-nav a:hover{color:var(--color-navy)}.site-nav a:hover:after{width:calc(100% - var(--space-sm))}.site-title:hover{color:var(--color-navy-deep)}.btn-primary:hover{background:var(--color-orange-deep);color:var(--color-navy-deep);transform:translateY(-2px)}.card:hover{border-color:var(--color-orange);transform:translateY(-4px)}.site-footer nav a:hover{color:var(--color-orange);text-underline-offset:3px;text-decoration:underline}.link-more:hover{color:var(--color-orange)}}.search-box{max-width:var(--width-prose);--pagefind-ui-scale:1;--pagefind-ui-primary:var(--color-navy);--pagefind-ui-text:var(--color-text-main);--pagefind-ui-background:var(--color-white);--pagefind-ui-border:var(--color-border);--pagefind-ui-tag:var(--color-orange-cream);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:var(--radius-button);--pagefind-ui-image-border-radius:var(--radius-button);--pagefind-ui-font:var(--font-base);margin:0 auto}@media (width<=1023px){.container{padding:0 24px}.card-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr 1fr}.hero-title br{display:none}h1{font-size:1.875rem}}@media (width<=767px){body{font-size:var(--font-size-body-sp)}.container{padding:0 16px}.section{margin:var(--space-section-sp) 0}h1{font-size:1.625rem}h2{font-size:1.375rem}h3{font-size:1.1875rem}.card-grid{grid-template-columns:1fr}.hero{text-align:center;gap:var(--space-lg);padding:var(--space-section-sp) 0;grid-template-columns:1fr}.hero-mascot{min-height:0;max-height:50vh}.hero-mascot img{width:min(240px,70%)}.nav-toggle{display:block}.site-header .container{flex-wrap:wrap}.site-nav{border-top:1px solid var(--color-border);padding-top:var(--space-sm);flex-direction:column;flex-basis:100%;align-items:stretch;gap:0;display:none}.site-nav.is-open{display:flex}.site-nav a{min-height:var(--tap-target);padding:0 var(--space-sm)}.site-nav a:after{content:none}.nav-toggle[aria-expanded=true] .bar:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle[aria-expanded=true] .bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.about-mini,.author-card{text-align:center;padding:var(--space-lg);grid-template-columns:1fr;justify-items:center}.post-nav ul{grid-template-columns:1fr}.site-footer nav{flex-direction:column;gap:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}