:root{--mint: #accab2;--orange-light: #e9a753;--orange-deep: #d44720;--choco: #78614d;--sand: #f5e6c6;--sans: "PingFang SC", "PingFang TC", "PingFang", "Helvetica Neue", "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--hand: "PingFang SC", "PingFang TC", "PingFang", "HanziPen SC", "Marker Felt", "Comic Sans MS", cursive}[data-astro-cid-sckkx6r4],[data-astro-cid-sckkx6r4]:before,[data-astro-cid-sckkx6r4]:after{box-sizing:border-box}html,body{margin:0;font-family:var(--sans);background:var(--mint);color:var(--choco)}:root{--nav-height: 64px;--overlay-color: rgba(0, 0, 0, .25)}:root[data-theme=dark]{--overlay-color: rgba(0, 0, 0, .45)}.swipe-hint{position:fixed;left:50%;transform:translate(-50%);bottom:14vh!important;top:auto!important;z-index:9999;opacity:1;animation:swipeHintPulse 2s infinite;pointer-events:none}.swipe-hint.show{opacity:1}.swipe-hint-content{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;background:#ffffff40;backdrop-filter:blur(12px);border-radius:24px;border:none;box-shadow:0 6px 20px #00000026}.swipe-text{font-family:"BMKIRANG",var(--hand, "PingFang SC", system-ui, sans-serif);font-size:1rem;font-weight:600;color:#fffffff2;line-height:1.2;text-align:center}.swipe-arrow{display:none}.swipe-arrow-icon{font-size:2.4rem;color:#fffffffa;line-height:1;margin:0;font-weight:700;text-shadow:0 6px 10px rgba(0,0,0,.25);display:block;transform:translateY(0);opacity:.95}@keyframes swipeHintPulse{0%,to{opacity:.4;transform:translate(-50%) translateY(0)}50%{opacity:.8;transform:translate(-50%) translateY(-2px)}}@media(max-width:768px){.swipe-hint{bottom:50vh}.swipe-hint-content{padding:14px 18px;gap:6px}.swipe-text{font-size:.9rem}.swipe-arrow{display:none}.swipe-arrow-icon{font-size:3rem}}.frontpage{min-height:100vh;width:100%;overflow:hidden;position:relative;background-image:var(--bg-url);background-position:center;background-size:cover;background-repeat:no-repeat}.fp-header{position:fixed;inset:0 0 auto;padding-top:env(safe-area-inset-top);height:calc(var(--nav-height) + env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;padding:0 1rem;z-index:50;backdrop-filter:blur(6px);background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#fff}.fp-header .brand{display:none}.brand-link{display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit}.brand-logo{width:48px;height:48px;object-fit:contain;border-radius:8px}.brand-text{font-family:"BMKIRANG",var(--hand, "PingFang SC", system-ui, sans-serif);font-weight:800;letter-spacing:.12em}.fp-header .brand strong{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fp-header .brand strong{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fp-header nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0;align-items:center;flex-wrap:wrap}.fp-header a{color:#fff;text-decoration:none;font-weight:700;letter-spacing:.06em;padding:.35rem .5rem;border-radius:6px;transition:background .2s ease,color .2s ease;font-family:"BMKIRANG",var(--hand, "PingFang SC", system-ui, sans-serif);font-size:1.25rem;text-shadow:0 8px 22px rgba(0,0,0,.8)}.fp-header a:hover{background:#ffffff0f}.fp-sections{height:100vh;width:100%;scroll-snap-type:y mandatory;overflow:hidden;position:relative}.fp-section{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;scroll-snap-align:start;position:absolute;inset:0;transform:translateY(100%) scale(.96);opacity:0;transition:transform .8s cubic-bezier(.2,.9,.2,1),opacity .6s ease;pointer-events:none;will-change:transform,opacity;backface-visibility:hidden}.fp-section.is-active{transform:translateY(0) scale(1);opacity:1;pointer-events:auto;z-index:2}.fp-section.is-prev{transform:translateY(-100%) scale(.94);opacity:0;z-index:1}.nav-text-full{display:none}.nav-text-short{display:inline}@media(min-width:769px){.nav-text-full{display:inline}.nav-text-short{display:none}}html[data-theme-panel=home] .fp-header a[aria-label=Experience] .nav-text-full,html[data-theme-panel=home] .fp-header a[aria-label=Experience] .nav-text-short,html[data-theme-panel=experience] .fp-header a[aria-label=Experience] .nav-text-full,html[data-theme-panel=experience] .fp-header a[aria-label=Experience] .nav-text-short,html[data-theme-panel=project] .fp-header a[aria-label=Projects] .nav-text-full,html[data-theme-panel=project] .fp-header a[aria-label=Projects] .nav-text-short,html[data-theme-panel=blog] .fp-header a[aria-label=Blog] .nav-text-full,html[data-theme-panel=blog] .fp-header a[aria-label=Blog] .nav-text-short,html[data-theme-panel=contact] .fp-header a[aria-label=Contact] .nav-text-full,html[data-theme-panel=contact] .fp-header a[aria-label=Contact] .nav-text-short,html[data-theme-panel=experience] .blog-nav a[aria-label=Experience] .nav-text-full,html[data-theme-panel=experience] .blog-nav a[aria-label=Experience] .nav-text-short,html[data-theme-panel=project] .blog-nav a[aria-label=Projects] .nav-text-full,html[data-theme-panel=project] .blog-nav a[aria-label=Projects] .nav-text-short,html[data-theme-panel=blog] .blog-nav a[aria-label=Blog] .nav-text-full,html[data-theme-panel=blog] .blog-nav a[aria-label=Blog] .nav-text-short,html[data-theme-panel=contact] .blog-nav a[aria-label=Contact] .nav-text-full,html[data-theme-panel=contact] .blog-nav a[aria-label=Contact] .nav-text-short{color:#8b4513}.nav-active-theme .nav-text-full,.nav-active-theme .nav-text-short,.fp-header a.nav-active-theme,.blog-nav a.nav-active-theme,.fp-header a.nav-active-theme .nav-text-full,.fp-header a.nav-active-theme .nav-text-short,.blog-nav a.nav-active-theme .nav-text-full,.blog-nav a.nav-active-theme .nav-text-short{color:#8b4513!important}.hero-wrap{position:absolute;inset:0;background-image:var(--bg-url);background-position:center;background-size:cover;z-index:0}.hero-overlay{position:absolute;inset:0;background:var(--overlay-color);z-index:10}.hero-content{position:relative;z-index:20;color:#fff;text-align:center;padding:calc(var(--nav-height) * 1.6 + env(safe-area-inset-top)) 1.25rem 1.25rem;display:flex;flex-direction:column;min-height:85vh;gap:2rem;.hero-left,.hero-right{flex:none;width:auto;padding-left:0;padding-top:0;min-height:auto}.hero-left{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.hero-right{display:flex;flex-direction:column;align-items:center;gap:.5rem}user-select:none;-webkit-user-select:none;align-items:center;justify-content:center;gap:1.25rem}.fp-section:not(#home) .hero-content{display:block;padding:0;min-height:auto;height:auto}.hero-title{font-family:var(--hand, system-ui);font-size:clamp(4rem,12vw,9rem);line-height:.9;text-shadow:0 12px 18px rgba(0,0,0,.5)}.hero-title .hero-logo{display:block;width:auto;height:60vh;max-height:80vh;max-width:95%;object-fit:contain;margin:0 auto}.hero-sub{display:flex;flex-direction:column;align-items:center;gap:.75rem;font-size:clamp(1rem,3.5vw,4.2rem);max-width:min(90%,80ch);text-align:center;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.hero-sub>span{display:flex;align-items:center;gap:.5rem;white-space:normal;flex-wrap:wrap;justify-content:center}.hero-text-svg{width:auto;height:2.2rem;fill:#fff}.hero-text-svg text{font-family:var(--hand, "PingFang SC", system-ui, sans-serif);font-weight:700;font-size:44px;fill:#fff;letter-spacing:.08em}.hero-icon{height:1.6rem;display:inline-block;vertical-align:middle}.hero-icon-and{height:2rem;display:inline-block;vertical-align:middle}@media(min-width:900px){.hero-text-svg{height:3.2rem}.hero-text-svg text{font-size:72px}.hero-icon{height:2rem}.hero-icon-and{height:2.8rem}.hero-content{flex-direction:row;justify-content:space-between;align-items:center;padding-left:4rem;padding-right:4rem}.hero-left{flex:0 0 30%;display:flex;justify-content:flex-start;align-items:flex-start;padding-left:.5rem;padding-top:1vh;min-height:40vh}.hero-right{flex:0 0 30%;display:flex;justify-content:flex-end}.hero-right .hero-sub{flex-direction:column;align-items:flex-end;gap:1rem}.hero-right .hero-sub{max-width:40rem}.hero-right .hero-sub.large-text{font-size:clamp(1.2rem,2.2vw,3.2rem)}.hero-right .hero-sub.large-text.no-wrap{white-space:nowrap;overflow:visible;max-width:80rem}.hero-right .hero-sub{max-width:40ch;text-align:right}.hero-logo{height:60vh;max-height:70vh}.fp-header a{font-size:1.5rem}.brand-text{font-size:2rem;text-shadow:0 10px 30px rgba(0,0,0,.6)}.hero-icon.large{height:4.8rem}.hero-icon-and.large{height:6rem}}.hero-text{color:#fff;font-family:var(--hand, "PingFang SC", system-ui, sans-serif);font-weight:800;letter-spacing:.12em;font-size:1.8rem;transition:opacity .6s ease-out,transform .6s ease-out}.hero-text.large{font-size:2.2rem}.hero-text.hero-text--initial{opacity:0;transform:translateY(20px)}.hero-text.hero-text--visible{opacity:1;transform:translateY(0)}@media(min-width:900px){.hero-text.large{font-size:3rem}}@font-face{font-family:BMKIRANG;src:url(/_astro/BMKIRANGHAERANG-TTF.BJVG55VE.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}.hero-text,.hero-logo-text,.hero-text.amp{font-family:"BMKIRANG",var(--hand, "PingFang SC", system-ui, sans-serif)}.hero-text.hero-logo-text{display:inline-block;font-size:clamp(3.5rem,12vh,14rem);font-family:"BMKIRANG",var(--hand, "PingFang SC", system-ui, sans-serif);font-weight:900;letter-spacing:.06em;color:#fff;line-height:.95;margin:0;padding:0;user-select:text;-webkit-user-select:text;transition:opacity .6s ease-out,transform .6s ease-out}.hero-text.hero-logo-text.hero-logo-text--initial{opacity:0;transform:translateY(20px)}.hero-text.hero-logo-text.hero-logo-text--visible{opacity:1;transform:translateY(0)}.hero-text.amp{font-size:clamp(2rem,6vh,6rem);font-weight:900}@media(min-width:900px){.hero-text.hero-logo-text{font-size:clamp(12rem,1vw,28rem)}.hero-text.amp{font-size:6rem}}.hero-logo-text{text-shadow:0 24px 48px rgba(0,0,0,.55),0 8px 20px rgba(0,0,0,.4)}.hero-text{text-shadow:0 12px 28px rgba(0,0,0,.5),0 4px 8px rgba(0,0,0,.35)}.hero-text.amp{text-shadow:0 16px 36px rgba(0,0,0,.55),0 6px 12px rgba(0,0,0,.4)}@media(prefers-reduced-motion:reduce){.hero-logo-text,.hero-text,.hero-text.amp{text-shadow:none}.hero-text.hero-logo-text,.hero-text.hero-text--initial{opacity:1!important;transform:none!important;transition:none!important}}.hero-text-svg-img{height:2.2rem;display:inline-block;vertical-align:middle}.hero-text-svg-img[alt="A SALMON LOVER"],.hero-text-svg-img[alt="A ENGINEER"]{filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}@media(min-width:900px){.hero-text-svg-img{height:3.2rem}}.fp-section#home .hero-overlay{background:#00000014}.fp-section:not(#home):before{opacity:.95}.hero-sub{font-size:clamp(1.25rem,3.5vw,2rem);opacity:.95;letter-spacing:.06em}.hero-content{padding-top:calc(var(--nav-height) * .05)}@media(min-width:900px){.fp-header{padding:0 2.5rem}.hero-content{padding-top:calc(var(--nav-height) * .1)}.hero-title{font-size:clamp(6rem,10vw,12rem)}}@media(prefers-reduced-motion:reduce){.fp-sections{scroll-behavior:auto!important}}.page-content h2{color:#fff!important;font-family:"BMKIRANG",var(--hand, "PingFang SC", system-ui, sans-serif)!important;font-weight:900!important;font-size:3rem!important;letter-spacing:.08em!important;text-shadow:0 12px 28px rgba(0,0,0,.5),0 4px 8px rgba(0,0,0,.35)!important;margin:2rem 0 1rem!important;line-height:1.2!important}.page-content a{color:#8b4513!important;text-decoration:underline!important;text-decoration-color:#8b4513!important;transition:all .3s ease}.page-content a:hover{color:#654321!important;text-decoration-color:#654321!important}.katex{font-size:1.1em;color:#fff}.katex-display{margin:1em 0;text-align:center}.katex-display .katex{font-size:1.2em}.page-content .katex{color:#fff}.page-content .katex .base{color:inherit}@media(max-width:768px){.page-content h2{font-size:2.2rem!important;margin:1.5rem 0 .8rem!important}}.scroll-indicator{position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:.5rem}.scroll-indicator__track{width:3px;height:120px;background:#fff3;border-radius:2px;position:relative;transition:all .3s ease}.scroll-indicator__thumb{width:100%;height:24px;background:#fffc;border-radius:2px;position:absolute;top:0;transition:all .8s cubic-bezier(.2,.9,.2,1);box-shadow:0 2px 8px #0000004d;cursor:pointer}.scroll-indicator:hover .scroll-indicator__track{background:#fff6}.scroll-indicator__thumb:hover{background:#fff}@media(max-width:768px){.fp-header nav ul{gap:.8rem}.fp-header nav a{font-size:1.2rem;padding:.3rem .5rem;min-width:2.5rem;text-align:center}.scroll-indicator{display:none}}.fp-section:before{content:"";position:absolute;inset:0;z-index:0;background-image:var(--bg-url);background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(25px) saturate(.75);transform:scale(1.02);opacity:.95;pointer-events:none}.fp-section>.hero-content{position:relative;z-index:10}.fp-section#home:before{opacity:0;pointer-events:none}.blog-header-section{text-align:center;margin-bottom:3rem}.blog-header-section h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1rem;color:var(--choco)}.blog-header-section p{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto}.blog-featured,.blog-regular{margin-bottom:4rem}.blog-featured h2,.blog-regular h2{font-size:2rem;margin-bottom:2rem;color:var(--choco);border-bottom:2px solid #d4a574;padding-bottom:.5rem;display:inline-block}.blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin:2rem 0}.blog-card{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s ease;background:#fff;box-shadow:0 2px 8px #0000001a}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:#b8860b}.blog-card-image{position:relative;overflow:hidden}.blog-card-image img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:1.5rem}.blog-card-title{margin:0 0 .5rem;font-size:1.25rem;line-height:1.3}.blog-card-title a{text-decoration:none;color:var(--choco);transition:color .3s ease}.blog-card-title a:hover{color:#8b4513}.blog-list .blog-card+.blog-card{border-top:2px solid rgba(139,69,19,.32);padding-top:1rem;margin-top:1rem;box-shadow:inset 0 1px #8b451314}.blog-featured .blog-card:not(:last-child),.blog-regular .blog-card:not(:last-child){border-bottom:3px solid #b8860b;padding-bottom:1.25rem;margin-bottom:1.25rem}.blog-main .blog-card{background-clip:padding-box}.post-divider{border:none;height:6px;background:linear-gradient(90deg,#b8860bf2,#d4a574e6);margin:1.5rem 0;border-radius:4px;width:100%}.category-divider{border:none;height:10px;background:linear-gradient(90deg,#8b4513e6,#d4a574cc);margin:1.5rem 0;border-radius:6px;width:100%}.blog-card-description{color:#666;margin:0 0 1rem;line-height:1.5;font-size:.95rem}.blog-main a,.blog-card-title a,.article-link a,.category-title a{color:#8b4513!important;text-decoration:none!important}.blog-card-title a:visited,.article-link a:visited,.category-title a:visited{color:sienna!important}.blog-card-title a:hover,.article-link a:hover,.category-title a:hover{color:#654321!important;text-decoration:underline!important;text-decoration-color:#d4a574!important;text-underline-offset:2px!important}.blog-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#888;flex-wrap:wrap;gap:.5rem}.blog-meta time{color:#666;font-weight:500}.blog-meta-updated{font-size:.8rem;color:#999;margin-left:.5rem}.blog-meta-tags{display:flex;gap:.5rem;flex:1;justify-content:center}.blog-meta-reading-time{color:#8b4513;font-weight:500;margin-left:auto}.blog-tag{background:#f0f4f8;color:#4a5568;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;transition:all .2s ease}.blog-tag:hover{background:#8b4513;color:#fff}.blog-empty{text-align:center;padding:3rem;color:#666}.blog-empty p{font-size:1.1rem;margin:0}.blog-post{line-height:1.7}.blog-post-header{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #eee}.blog-post h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem;color:var(--choco);line-height:1.2}.blog-post-description{font-size:1.2rem;color:#666;margin-bottom:1.5rem;font-style:italic}.blog-post-hero{margin:2rem 0;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #0000001a}.blog-post-hero img{width:100%;height:auto;display:block}.blog-post-content{font-size:1.1rem;color:#333}.blog-post-content h2,.blog-post-content h3,.blog-post-content h4{color:var(--choco);margin-top:2rem;margin-bottom:1rem;line-height:1.3}.blog-post-content h2{font-size:1.8rem;border-bottom:2px solid #d4a574;padding-bottom:.5rem}.blog-post-content h3{font-size:1.5rem}.blog-post-content p{margin-bottom:1.5rem}.blog-post-content code{background:#f6f8fa;padding:.2rem .4rem;border-radius:3px;font-family:Monaco,Consolas,monospace;font-size:.9em}.blog-post-content pre{background:#f6f8fa;padding:1rem;border-radius:6px;overflow-x:auto;margin:1.5rem 0}.blog-post-content pre code{background:none;padding:0}.blog-post-content blockquote{border-left:4px solid #d4a574;padding-left:1rem;margin:1.5rem 0;font-style:italic;color:#666}.blog-post-content ul,.blog-post-content ol{margin-bottom:1.5rem;padding-left:2rem}.blog-post-content li{margin-bottom:.5rem}.blog-post-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid #eee}.blog-post-navigation{margin-bottom:2rem}.back-to-blog{display:inline-flex;align-items:center;gap:.5rem;color:#007acc;text-decoration:none;font-weight:500;transition:color .3s ease}.back-to-blog:hover{color:#0056b3}.blog-post-tags h3{margin:0 0 1rem;font-size:1.2rem;color:var(--choco)}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.blog-categories{margin-bottom:4rem}.blog-categories h2{font-size:2.5rem;margin-bottom:2.5rem;color:var(--choco);text-align:center}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.category-card{border:2px solid #d4a574;border-radius:16px;padding:2rem;background:linear-gradient(135deg,#fef7f0,#fff8f2);transition:all .3s ease;box-shadow:0 4px 12px #8b451326;position:relative;overflow:hidden}.category-card:before{content:"📁";position:absolute;top:1rem;right:1rem;font-size:1.5rem;opacity:.3}.category-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 32px #8b451340;border-color:#b8860b;background:linear-gradient(135deg,#fef9f5,#fffbf8)}.category-card:hover:before{opacity:.6;transform:scale(1.1)}.categories-grid .category-card+.category-card{border-top:1px solid rgba(139,69,19,.14);padding-top:1rem;margin-top:1rem}.category-card{border-bottom:1px solid rgba(139,69,19,.06);padding-bottom:1rem;margin-bottom:1rem}.category-content{display:flex;flex-direction:column;height:100%}.category-title{margin:0 0 .5rem;font-size:1.5rem;line-height:1.3}.category-title a{text-decoration:none;color:#8b4513;font-weight:600;transition:all .3s ease;position:relative}.category-title a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#d4a574,#b8860b);transition:width .3s ease}.category-title a:hover{color:#654321;text-shadow:0 1px 2px rgba(139,69,19,.2)}.category-title a:hover:after{width:100%}.category-title a:visited{color:sienna}.category-title a:visited:hover{color:#8b4513}.category-description{color:#8b7355;margin:0 0 1.5rem;font-size:.95rem;flex-grow:1;background:#8b45130d;padding:.75rem 1rem;border-radius:8px;border-left:3px solid #d4a574;font-style:italic}.category-articles{margin-top:auto;padding-top:1.5rem;border-top:2px solid #f4e4bc;background:#fff8dc4d;padding:1.5rem;border-radius:8px;margin:1rem -.5rem -.5rem}.article-link{display:block;margin-bottom:.75rem;font-size:.9rem;padding:.5rem;border-radius:6px;transition:background-color .3s ease;position:relative}.article-link:before{content:"📄";margin-right:.5rem;opacity:.6;font-size:.8rem}.article-link:hover{background:#8b451314}.article-link a{text-decoration:none;color:sienna;transition:all .3s ease;font-weight:500}.article-link a:hover{color:#8b4513;text-decoration:underline;text-decoration-color:#d4a574;text-underline-offset:2px}.article-link a:visited{color:peru}.article-link a:visited:hover{color:sienna}.category-articles .article-link+.article-link{border-top:1px solid rgba(139,69,19,.32);padding-top:.6rem;margin-top:.6rem}.category-articles .article-link:not(:last-child){border-bottom:1px solid rgba(139,69,19,.22);padding-bottom:.6rem;margin-bottom:.6rem}.category-page .category-articles{padding:1.5rem 1.25rem;background:#fff8dc61;border-radius:8px}.category-page .category-articles .article-link{padding:.9rem .75rem}.category-page .category-articles .article-link+.article-link{border-top:2px solid #b8860b;padding-top:.9rem;margin-top:.9rem}.category-page .category-articles .article-link:not(:last-child){border-bottom:2px solid rgba(184,134,11,.2);padding-bottom:.9rem;margin-bottom:.9rem}.category-page .blog-category-header{margin-bottom:2rem}.page-content{max-width:760px;margin:0 auto;color:var(--choco);background:transparent;padding:calc(var(--nav-height) + 2rem + env(safe-area-inset-top,0px) + 1rem) 1rem calc(4rem + env(safe-area-inset-bottom,0px));text-align:left;height:calc(100vh - var(--nav-height) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 2rem);max-height:calc(100vh - var(--nav-height) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 2rem);overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 3rem + env(safe-area-inset-top,0px));scroll-padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px))}.page-content>*:first-child{margin-top:0;padding-top:0;position:relative}.page-content{box-sizing:border-box}.page-content>p:first-of-type,.page-content>h1:first-of-type,.page-content>h2:first-of-type,.page-content>h3:first-of-type{margin-top:0;line-height:1.4}.page-content h2,.page-content h3{color:var(--choco);margin-top:1rem;margin-bottom:.5rem}.page-content p,.page-content li{font-size:1.2rem;line-height:1.7;color:#2f2f2f}.page-content ul{padding-left:1.1rem}.more-articles{font-size:.85rem;color:#daa520;font-style:italic;font-weight:500;padding:.25rem .5rem;background:#daa5201a;border-radius:4px;display:inline-block;margin-top:.5rem}.blog-category-header{margin-bottom:3rem}.breadcrumb{display:flex;align-items:center;font-size:.9rem;color:#666;margin-bottom:1rem}.breadcrumb-link{color:#8b4513;text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-separator{margin:0 .5rem}.breadcrumb-current{font-weight:500;color:var(--choco)}.blog-category-header h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:.5rem;color:var(--choco)}.blog-category-header p{color:#666;font-size:1.1rem}.blog-category-footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid #eee}.blog-category-footer .back-to-blog{display:inline-flex;align-items:center;gap:.5rem;color:#8b4513;text-decoration:none;font-weight:500;transition:color .3s ease}.blog-category-footer .back-to-blog:hover{color:#654321}body.blog-page a,html body.blog-page a,.blog-page a,.blog-page .blog-main a,.blog-page .blog-card-title a,.blog-page .article-link a,.blog-page .category-title a,.blog-page .blog-card-title a:link,.blog-page .blog-card-title a:visited{color:#8b4513!important;text-decoration:none!important;border-bottom:0!important;outline:none!important}.blog-page a:visited,.blog-page .blog-card-title a:visited,.blog-page .article-link a:visited,.blog-page .category-title a:visited{color:sienna!important}.blog-page a:hover,.blog-page .blog-card-title a:hover,.blog-page .article-link a:hover,.blog-page .category-title a:hover{color:#654321!important;text-decoration:underline!important;text-decoration-color:#d4a574!important;text-underline-offset:2px!important}:root[data-theme] .blog-page a{color:#8b4513!important}@media(max-width:768px){.blog-list{grid-template-columns:1fr;gap:1.5rem}.blog-card-content{padding:1.25rem}.blog-card-title{font-size:1.1rem}.blog-meta{flex-direction:column;align-items:flex-start;gap:.75rem}.blog-meta-tags{justify-content:flex-start;flex:none;order:-1}.blog-meta-reading-time{margin-left:0;order:1}.blog-post h1{font-size:1.8rem}.blog-post-content{font-size:1rem}.blog-post-content h2{font-size:1.4rem}.blog-post-content h3{font-size:1.2rem}.categories-grid{grid-template-columns:1fr;gap:1.5rem}.category-card{padding:1.5rem}.category-card:before{font-size:1.2rem}.category-title{font-size:1.3rem}.category-description{padding:.5rem .75rem;font-size:.9rem}.category-articles{padding:1rem;margin:.75rem -.25rem -.25rem}.blog-categories h2{font-size:2rem}.blog-category-header h1{font-size:1.8rem}.blog-category-header p{font-size:1rem}}:root{--safe-bg: #f5e6c6}html,body{background:var(--safe-bg);min-height:100%;overflow:hidden}.frontpage{padding-bottom:env(safe-area-inset-bottom,20px);box-sizing:border-box;background-clip:padding-box}