.article-page[data-v-4986032f]{background-color:var(--bg-color);color:var(--text-color);min-height:100vh}.article-nav[data-v-4986032f]{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-4986032f]{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:var(--layout-max-width);width:100%}.article-nav-actions[data-v-4986032f]{flex-shrink:0;gap:.5rem}.article-nav-actions[data-v-4986032f],.nav-logo[data-v-4986032f]{align-items:center;display:flex}.nav-logo[data-v-4986032f]{cursor:pointer;transition:opacity var(--transition-speed) ease}.nav-logo[data-v-4986032f]:hover{opacity:.8}.article-container[data-v-4986032f]{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-4986032f]{color:var(--text-color);font-family:var(--font-display);font-size:clamp(var(--text-2xl),4.5vw,2.75rem);font-weight:400;letter-spacing:var(--tracking-section);line-height:var(--leading-tight);margin-bottom:2rem}.not-found[data-v-4986032f]{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.not-found h1[data-v-4986032f]{color:var(--text-color);font-family:var(--font-display);font-size:clamp(3.5rem,12vw,6rem);font-weight:400;letter-spacing:var(--tracking-display-hero);line-height:var(--leading-none);margin-bottom:1rem}.not-found p[data-v-4986032f]{color:var(--secondary-text);font-size:var(--text-xl);line-height:var(--leading-body);margin-bottom:2rem}.back-home[data-v-4986032f]{background:var(--color-surface-300);border-radius:8px;color:var(--text-color);display:inline-block;font-family:var(--font-display);font-size:.88rem;font-weight:400;padding:10px 14px;text-decoration:none;transition:transform var(--duration-normal) var(--ease-out-quint),box-shadow .2s ease,color var(--transition-speed) ease,background-color var(--transition-speed) ease}.back-home[data-v-4986032f]:hover{box-shadow:0 4px 12px #0000001a;color:var(--button-hover-text);transform:translateY(-2px)}.dark-theme{background:#ffffff1a;border:1px solid var(--border-color);color:var(--text-color)}.back-to-top[data-v-4986032f]{align-items:center;background:var(--color-surface-300);border:1px solid var(--border-oklab);border-radius:50%;bottom:max(30px,calc(env(safe-area-inset-bottom,0px) + 12px));box-shadow:var(--shadow-elevated-sm);color:var(--text-color);cursor:pointer;display:flex;font-size:var(--text-xl);font-weight:400;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 .2s ease,color var(--transition-speed) ease,background-color var(--transition-speed) ease;width:50px;z-index:999}.back-to-top[data-v-4986032f]:hover{box-shadow:0 4px 12px #0000001a;color:var(--button-hover-text);transform:translateY(-4px)}.dark-theme{background:#ffffff1a;color:var(--text-color)}.dark-theme{background:#ffffff24}@media(max-width:768px){.article-nav[data-v-4986032f]{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-4986032f]{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-4986032f]{font-size:clamp(var(--text-xl),5vw,var(--text-2xl))}.not-found h1[data-v-4986032f]{font-size:clamp(3rem,10vw,4rem)}.back-to-top[data-v-4986032f],.not-found p[data-v-4986032f]{font-size:var(--text-lg)}.back-to-top[data-v-4986032f]{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}}