.article-page[data-v-f9bbae69]{background-color:var(--bg-color);color:var(--text-color);min-height:100vh}.article-nav[data-v-f9bbae69]{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:var(--surface-article-nav);box-shadow:var(--nav-scrolled-shadow);left:0;padding:max(1rem,env(safe-area-inset-top,0px)) max(2rem,env(safe-area-inset-right,0px)) 1rem max(2rem,env(safe-area-inset-left,0px));position:fixed;right:0;top:0;transition:background-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease;z-index:1000}.nav-content[data-v-f9bbae69]{margin:0 auto;max-width:var(--layout-max-width)}.nav-content[data-v-f9bbae69],.nav-logo[data-v-f9bbae69]{align-items:center;display:flex}.nav-logo[data-v-f9bbae69]{cursor:pointer;transition:opacity var(--transition-speed) ease}.nav-logo[data-v-f9bbae69]:hover{opacity:.8}.article-container[data-v-f9bbae69]{margin:0 auto;max-width:var(--layout-article-max);padding:100px max(2rem,env(safe-area-inset-right,0px)) 4rem max(2rem,env(safe-area-inset-left,0px))}.article-title[data-v-f9bbae69]{color:var(--text-color);font-family:var(--font-display);font-size:clamp(var(--text-2xl),4.5vw,2.75rem);font-weight:700;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:2rem}.not-found[data-v-f9bbae69]{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.not-found h1[data-v-f9bbae69]{color:var(--text-color);font-family:var(--font-display);font-size:clamp(3.5rem,12vw,6rem);font-weight:700;line-height:var(--leading-none);margin-bottom:1rem}.not-found p[data-v-f9bbae69]{color:var(--secondary-text);font-size:var(--text-xl);line-height:var(--leading-body);margin-bottom:2rem}.back-home[data-v-f9bbae69]{background:var(--gradient-primary);border-radius:50px;color:var(--text-on-accent);display:inline-block;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:transform var(--duration-normal) var(--ease-out-quint),box-shadow var(--duration-normal) var(--ease-out-quint)}.back-home[data-v-f9bbae69]:hover{box-shadow:var(--shadow-elevated-md);transform:translateY(-3px)}.back-to-top[data-v-f9bbae69]{align-items:center;background:var(--gradient-primary);border:none;border-radius:50%;bottom:max(30px,calc(env(safe-area-inset-bottom,0px) + 12px));box-shadow:var(--shadow-elevated-md);color:var(--text-on-accent);cursor:pointer;display:flex;font-size:var(--text-xl);font-weight:700;height:50px;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);position:fixed;right:max(30px,calc(env(safe-area-inset-right,0px) + 12px));transition:transform var(--duration-normal) var(--ease-out-quint),box-shadow var(--duration-normal) var(--ease-out-quint);width:50px;z-index:999}.back-to-top[data-v-f9bbae69]:hover{box-shadow:var(--shadow-elevated-lg);transform:translateY(-5px)}@media(max-width:768px){.article-nav[data-v-f9bbae69]{padding:max(.7rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) .7rem max(1rem,env(safe-area-inset-left,0px))}.article-container[data-v-f9bbae69]{padding:80px max(1rem,env(safe-area-inset-right,0px)) max(3rem,calc(env(safe-area-inset-bottom,0px) + 2rem)) max(1rem,env(safe-area-inset-left,0px))}.article-title[data-v-f9bbae69]{font-size:clamp(var(--text-xl),5vw,var(--text-2xl))}.not-found h1[data-v-f9bbae69]{font-size:clamp(3rem,10vw,4rem)}.back-to-top[data-v-f9bbae69],.not-found p[data-v-f9bbae69]{font-size:var(--text-lg)}.back-to-top[data-v-f9bbae69]{bottom:max(20px,calc(env(safe-area-inset-bottom,0px) + 8px));height:48px;right:max(20px,calc(env(safe-area-inset-right,0px) + 8px));width:48px}}