@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";.site-header{position:relative;z-index:5;min-height:199px;box-sizing:border-box;margin:0;padding:57px var(--space-xl) 24px;background:linear-gradient(135deg,var(--color-warning) 0%,#d9b818 50%,var(--color-warning) 100%);overflow:visible}.site-header:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none}.header-fade-in{opacity:0;transition:opacity .4s ease-in-out}.fonts-loaded .header-fade-in{opacity:1}.header-content-fade-in{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;transition-delay:.1s}.fonts-loaded .header-content-fade-in{opacity:1;transform:translateY(0)}.header-container{position:static;max-width:870px;margin:0 auto}.header-brand{container-type:inline-size;width:462px;max-width:58%}.header-logo{margin:0;line-height:0}.header-logo a:hover{opacity:.85}.header-logo img{display:block;width:100%;height:auto;border-radius:0}.subtitle{margin:.7rem 0 0;color:var(--color-on-navy);font-size:calc(100cqw / 23.4);letter-spacing:.04em;line-height:1.4;white-space:nowrap}.back-to-main{position:absolute;top:0;right:0;z-index:10;padding:.7rem 1.9rem;background:var(--color-brand-navy);color:var(--color-on-navy);font-size:1rem;letter-spacing:.02em;text-decoration:none;border-bottom-left-radius:12px;transition:opacity .2s ease}.back-to-main:hover{opacity:.85}.header-obake{--u: .44px;position:absolute;bottom:0;right:max(var(--space-xl),calc((100% - 870px)/2 + 109px));width:calc(271.17 * var(--u));height:calc(172.36 * var(--u));pointer-events:none}.header-obake__body{position:absolute;inset:0;overflow:hidden}.header-obake__body img,.header-obake__pencil{display:block;max-width:none;height:auto;border-radius:0}.header-obake__body img{width:calc(271.17 * var(--u))}.header-obake__pencil{position:absolute;left:calc(104.55 * var(--u));top:calc(53.41 * var(--u));width:calc(284.54 * var(--u));transform-origin:7% 30%;animation:header-pencil-write 1.8s ease-in-out infinite}@keyframes header-pencil-write{0%,to{transform:rotate(0) translate(0)}15%{transform:rotate(-3deg) translate(-1px,1px)}30%{transform:rotate(1.5deg) translate(0)}45%{transform:rotate(-2.5deg) translate(1px,1px)}60%{transform:rotate(1deg) translate(0)}75%{transform:rotate(-1.5deg) translate(-1px)}}@media (prefers-reduced-motion: reduce){.header-obake__pencil{animation:none}}@media (max-width: 720px){.site-header{min-height:150px;padding:64px var(--space-md) 20px}.header-brand{max-width:64%}.subtitle{margin-top:.4rem}.back-to-main{padding:.6rem 1.2rem;font-size:var(--font-size-sm);border-bottom-left-radius:10px}.header-obake{--u: .3px;right:calc(var(--space-md) + 118 * var(--u))}}.tags{display:grid;grid-template-columns:repeat(2,minmax(0,177px));row-gap:15px;padding-left:10px;border-left:1px solid var(--color-on-navy)}.tag-item{display:block;line-height:1.3}@media (max-width: 720px){.tags{grid-template-columns:repeat(2,minmax(0,1fr))}}.site-footer{background:var(--color-brand-navy);color:var(--color-on-navy);padding:140px 0 190px}.footer-inner{box-sizing:border-box;max-width:calc(1024px + var(--space-xl) * 2);margin:0 auto;padding:0 var(--space-xl)}.footer-columns{display:grid;grid-template-columns:232px 1fr 347px;align-items:start}.footer-section h3{margin:0 0 14px;color:var(--color-on-navy);font-size:1.125rem;font-weight:700}.footer-list{list-style:none;margin:0;padding:0 0 0 10px;border-left:1px solid var(--color-on-navy)}.footer-list li{line-height:1.4}.footer-list li+li{margin-top:27px}.footer-list a,.site-footer .tag-item{color:var(--color-on-navy-muted);font-size:var(--font-size-sm);text-decoration:none;transition:color .2s ease}.footer-list a:hover,.site-footer .tag-item:hover{color:var(--color-on-navy);opacity:1}.footer-actions{position:relative;display:grid;gap:30px;padding-top:66px}.footer-obake{position:absolute;top:0;right:38px;width:83px;height:auto}.footer-button{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;height:90px;border-radius:4px;color:var(--color-brand-navy-text);font-size:1.125rem;font-weight:700;text-decoration:none;transition:transform .2s ease,filter .2s ease}.footer-button:hover{filter:brightness(1.06);opacity:1}.footer-button:hover svg{transform:translate(4px)}.footer-button svg{transition:transform .2s ease}.footer-button--site{background:var(--color-brand-red)}.footer-button--contact{background:var(--color-brand-yellow)}.footer-bottom{position:relative;display:flex;align-items:center;justify-content:center;margin-top:92px;padding-top:40px;border-top:1px solid var(--color-on-navy)}.copyright{text-align:center;color:var(--color-on-navy-subtle)}.copyright p{margin:0;font-size:var(--font-size-sm)}.copyright .tagline{margin-top:12px;font-size:.6875rem}.social-links{position:absolute;right:0;top:40px;display:flex;gap:24px}.social-link{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--color-brand-yellow);color:var(--color-brand-navy-text);transition:transform .2s ease}.social-link:hover{transform:translateY(-2px);opacity:1}@media (max-width: 1024px){.footer-columns{grid-template-columns:1fr 1.6fr;row-gap:56px}.footer-actions{grid-column:1 / -1;max-width:420px}}@media (max-width: 720px){.site-footer{padding:72px 0 96px}.footer-inner{padding:0 var(--space-md)}.footer-columns{grid-template-columns:1fr;row-gap:44px}.footer-list li+li{margin-top:18px}.footer-actions{max-width:none;gap:16px}.footer-button{height:68px}.footer-bottom{flex-direction:column-reverse;gap:28px;margin-top:56px}.social-links{position:static}}.floating-site{position:fixed;right:28px;bottom:20px;z-index:50;display:flex;flex-direction:column;align-items:center;width:100px;text-decoration:none;transition:opacity .3s ease,transform .3s ease}.floating-site:hover{opacity:1}.floating-site.is-hidden{opacity:0;transform:translateY(16px);pointer-events:none}.floating-site:focus-visible{outline:3px solid var(--color-brand-navy);outline-offset:4px;border-radius:4px}.floating-site__bubble{position:relative;display:block;width:100%;transform-origin:50% 100%;transition:transform .25s ease}.floating-site__bubble svg{display:block;width:100%;height:auto;fill:var(--color-brand-yellow);filter:drop-shadow(0 4px 10px rgba(0,0,0,.12))}.floating-site__text{position:absolute;inset:0 0 7%;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;color:var(--color-brand-navy-text);font-size:.875rem;font-weight:700;letter-spacing:.22em}.floating-site__obake{position:relative;display:block;width:84px;margin-top:10px;transform-origin:50% 100%;transition:transform .25s ease}.floating-site__obake-img{display:block;width:100%;height:auto}.floating-site__obake-img--hover{position:absolute;right:5.4%;bottom:0;width:auto;max-width:none;height:100%;opacity:0}.floating-site:hover .floating-site__obake-img,.floating-site:focus-visible .floating-site__obake-img{opacity:0}.floating-site:hover .floating-site__obake-img--hover,.floating-site:focus-visible .floating-site__obake-img--hover{opacity:1}.floating-site:hover .floating-site__bubble,.floating-site:focus-visible .floating-site__bubble{transform:translateY(-4px) rotate(-3deg)}.floating-site:hover .floating-site__obake,.floating-site:focus-visible .floating-site__obake{animation:floating-site-hop .6s ease}@keyframes floating-site-hop{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(0) scale(1.06,.92)}60%{transform:translateY(-10px) scale(.97,1.04)}}@media (prefers-reduced-motion: reduce){.floating-site,.floating-site__bubble,.floating-site__obake{transition:none}.floating-site:hover .floating-site__obake,.floating-site:focus-visible .floating-site__obake{animation:none}}@media (max-width: 1299px){.floating-site{right:16px;bottom:16px;width:72px}.floating-site__text{font-size:.6875rem;letter-spacing:.12em}.floating-site__obake{width:60px;margin-top:7px}}@media (max-width: 720px){.floating-site{right:10px;bottom:10px;width:56px}.floating-site__text{font-size:.5625rem;letter-spacing:.06em}.floating-site__obake{width:46px}}:root{--color-primary: #e60012;--color-primary-dark: #b30012;--color-accent-yellow: #ffcc00;--color-accent-blue: #0068b7;--color-accent-green: #009944;--color-text: #333333;--color-text-muted: #666666;--color-text-light: #999999;--color-text-lighter: #cccccc;--color-text-dark: #1a1a1a;--color-bg: #f5f5f5;--color-bg-card: #ffffff;--color-bg-muted: #f9f9f9;--color-bg-code: #f8f8f8;--color-bg-inline-code: #f5f5f5;--color-bg-subtle: #f9f9f9;--color-bg-info: #eef6fc;--color-link: #007acc;--color-link-hover: #005a9c;--color-border: #eaeaea;--color-border-light: #f0f0f0;--color-border-dark: #e0e0e0;--color-error: #ff0000;--color-error-bg: #ffdddd;--color-warning: #E3C91D;--color-brand-yellow: #E3C91D;--color-brand-red: #EA5145;--color-brand-navy: #2D2A67;--color-brand-navy-text: #2F2A67;--color-on-navy: #ffffff;--color-on-navy-muted: rgba(255, 255, 255, .8);--color-on-navy-subtle: rgba(255, 255, 255, .55);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--font-family: "Montserrat", sans-serif;--font-family-mono: "Monaco", "Menlo", "Ubuntu Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2rem;--line-height-tight: 1.2;--line-height-normal: 1.7;--line-height-relaxed: 2.2;--border-radius-sm: 3px;--border-radius-md: 6px;--border-radius-lg: 8px;--bp-mobile: 720px;--bp-tablet: 1024px;--bp-desktop: 1200px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 2px 10px rgba(0, 0, 0, .05);--shadow-card: 0 4px 6px rgba(0, 0, 0, .1);--shadow-card-hover: 0 10px 20px rgba(0, 0, 0, .1);--space-2px: .125rem;--space-5px: .3125rem;--space-20px: 1.25rem}.btn{display:inline-block;background-color:transparent;color:var(--color-text-muted);padding:calc(var(--space-sm) + var(--space-xs)) var(--space-xl);border-radius:var(--border-radius-sm);text-decoration:none;font-weight:500;transition:all .2s ease;border:1px solid var(--color-text-muted);cursor:pointer;text-align:center}.btn:hover{background-color:var(--color-text);color:#fff;border-color:var(--color-text);opacity:1}.btn-primary{display:inline-block;padding:calc(var(--space-sm) + var(--space-xs)) var(--space-xl);text-decoration:none;border-radius:var(--border-radius-lg);transition:all .3s ease;font-weight:700;background-color:var(--color-primary);color:#fff;border:none;cursor:pointer;text-align:center}.btn-primary:hover{background-color:var(--color-primary-dark);opacity:1}.btn-secondary{display:inline-block;padding:calc(var(--space-sm) + var(--space-xs)) var(--space-xl);text-decoration:none;border-radius:var(--border-radius-lg);transition:all .3s ease;font-weight:700;background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary);cursor:pointer;text-align:center}.btn-secondary:hover{background-color:var(--color-primary);color:#fff;opacity:1}.category-tag{display:inline-block;background-color:var(--color-bg-card);color:var(--color-text);padding:var(--space-sm) var(--space-20px);border-radius:var(--border-radius-sm);text-decoration:none;transition:all .2s ease;border:1px solid var(--color-border);font-size:var(--font-size-sm)}.category-tag:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);opacity:1}.card{background-color:var(--color-bg-card);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.container{max-width:980px;margin:0 auto;padding:0 var(--space-20px)}.container-narrow{max-width:800px;margin:0 auto;padding:0 var(--space-md)}main{min-height:calc(100vh - 200px);padding:var(--space-xl) 0}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-light{color:var(--color-text-light)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}body{font-family:Montserrat,sans-serif;margin:0;padding:0;text-align:left;background-color:var(--color-bg);word-wrap:break-word;overflow-wrap:break-word;color:var(--color-text);font-size:18px;line-height:1.75}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:var(--color-text-dark);line-height:1.2}strong,b{font-weight:700}a{color:var(--color-link)}a:hover{opacity:.5}p{margin-bottom:1em}.prose p{margin-bottom:2em}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%}img{max-width:100%;height:auto;border-radius:var(--border-radius-sm)}.content-image{max-width:100%;height:auto;border-radius:var(--border-radius-md);margin:var(--space-lg) 0;box-shadow:var(--shadow-md)}.image-error{padding:var(--space-md);background-color:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error);border-radius:var(--border-radius-sm);margin:var(--space-lg) 0}code{padding:var(--space-2px) var(--space-5px);background-color:var(--color-bg-inline-code);border-radius:var(--space-2px)}pre{padding:var(--space-lg);border-radius:var(--border-radius-md)}pre>code{all:unset}blockquote{border-left:4px solid var(--color-primary);padding:0 0 0 var(--space-20px);margin:0;color:var(--color-primary)}hr{border:none;border-top:1px solid var(--color-border-light);margin:var(--space-2xl) 0}@media (max-width: 720px){body{font-size:16px}main{padding:1em}}.page-content{opacity:0;transition:opacity .4s ease-in-out}.fonts-loaded .page-content{opacity:1}@media (scripting: none){.page-content{opacity:1}}.hero-fade-in{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}.fonts-loaded .hero-fade-in{opacity:1;transform:translateY(0)}.post-card{opacity:0;transform:translateY(20px)}.fonts-loaded .post-card{animation:fadeInUp .5s ease forwards}.fonts-loaded .post-card:nth-child(1){animation-delay:.1s}.fonts-loaded .post-card:nth-child(2){animation-delay:.15s}.fonts-loaded .post-card:nth-child(3){animation-delay:.2s}.fonts-loaded .post-card:nth-child(4){animation-delay:.25s}.fonts-loaded .post-card:nth-child(5){animation-delay:.3s}.fonts-loaded .post-card:nth-child(6){animation-delay:.35s}.fonts-loaded .post-card:nth-child(7){animation-delay:.4s}.fonts-loaded .post-card:nth-child(8){animation-delay:.45s}.fonts-loaded .post-card:nth-child(9){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (scripting: none){.post-card,.header-fade-in,.header-content-fade-in,.hero-fade-in{opacity:1;transform:translateY(0)}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}