html{font-size:clamp(16px,0.5vw + 10px,20px)}:root{--color-black:#000000;--color-white:#FFFFFF;--color-gray-900:#0A0A0A;--color-gray-800:#141414;--color-gray-700:#1F1F1F;--color-gray-600:#333333;--color-gray-500:#666666;--color-gray-400:#ABABAB;--color-gray-300:#AAAAAA;--color-primary:#D4FF00;--color-primary-hover:#BFFF00;--color-primary-dark:#A3CC00;--color-primary-light:rgba(212,255,0,0.05);--color-primary-highlight:rgba(212,255,0,0.15);--color-secondary:var(--color-white);--color-secondary-hover:var(--color-primary);--color-accent:var(--color-primary);--color-accent-lime:#D4FF00;--color-accent-lime-hover:#BFFF00;--color-accent-cyan:#06B6D4;--color-accent-cyan-hover:#22D3EE;--color-accent-rose:#F43F5E;--color-accent-rose-hover:#FB7185;--color-bg-primary:var(--color-black);--color-bg-alt:var(--color-gray-900);--color-bg-elevated:var(--color-gray-800);--color-bg-interactive:var(--color-gray-700);--color-text-primary:var(--color-white);--color-text-secondary:var(--color-gray-300);--color-text-muted:var(--color-gray-400);--color-text-subtle:var(--color-gray-500);--color-text-disabled:var(--color-gray-600);--color-border-default:var(--color-gray-600);--color-border-strong:var(--color-white);--color-border-subtle:var(--color-gray-700);--color-focus-ring:var(--color-primary);--color-hover-bg:var(--color-bg-elevated);--color-backdrop:rgba(0,0,0,0.8);--color-success:#10B981;--color-success-light:rgba(16,185,129,0.15);--color-error:#EF4444;--color-error-light:rgba(239,68,68,0.15);--color-error-subtle:rgba(239,68,68,0.06);--color-error-tint:rgba(239,68,68,0.08);--color-warning:#F59E0B;--color-warning-light:rgba(245,158,11,0.15);--color-info:#3B82F6;--color-info-light:rgba(59,130,246,0.15);--color-gradient-lime:#00FF88;--color-gradient-cyan:#00FFFF;--color-badge-purple:#A855F7;--color-badge-blue:#3B82F6;--color-badge-green:#22C55E;--color-badge-amber:#F59E0B;--color-badge-cyan:#06B6D4;--color-badge-red:#EF4444;--color-badge-pink:#EC4899;--color-badge-purple-light:rgba(168,85,247,0.1);--color-badge-blue-light:rgba(59,130,246,0.1);--color-badge-green-light:rgba(34,197,94,0.1);--color-badge-amber-light:rgba(245,158,11,0.1);--color-badge-cyan-light:rgba(6,182,212,0.1);--color-badge-red-light:rgba(239,68,68,0.1);--color-badge-pink-light:rgba(236,72,153,0.1);--color-purple:var(--color-badge-purple);--color-purple-tint:var(--color-badge-purple-light);--color-brand-github:#24292e;--color-brand-github-hover:#2f363d;--color-brand-linkedin:#0A66C2;--color-brand-linkedin-hover:#004182;--color-syntax-red:#ff6b6b;--color-syntax-green:#69db7c;--color-syntax-yellow:#ffd43b;--color-syntax-blue:#74c0fc;--color-syntax-orange:#ffa94d;--color-syntax-red-bg:rgba(255,107,107,0.15);--color-syntax-green-bg:rgba(105,219,124,0.15);--color-print-border:#CCCCCC;--color-print-code-bg:#F5F5F5;--font-body:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'JetBrains Mono','SF Mono','Fira Code',monospace;--text-2xs:0.625rem;--text-xs:0.6875rem;--text-sm:0.75rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.75rem;--text-4xl:2rem;--text-5xl:2.5rem;--text-6xl:3rem;--text-stat:3.5rem;--text-7xl:4rem;--text-8xl:5rem;--text-9xl:8rem;--text-10xl:10rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tighter:0.85;--leading-tight:0.9;--leading-snug:1.1;--leading-normal:1.5;--leading-relaxed:1.6;--leading-loose:1.7;--tracking-tighter:-0.03em;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.05em;--tracking-wider:0.12em;--space-0:0;--space-px:1px;--space-0\.5:0.125rem;--space-1:0.25rem;--space-1\.5:0.375rem;--space-2:0.5rem;--space-2\.5:0.625rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--border-width-thin:1px;--border-width:2px;--border-width-thick:3px;--border-width-accent:4px;--radius-none:0;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-full:9999px;--shadow-none:none;--shadow-focus-ring:0 0 0 4px rgba(212,255,0,0.25);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 4px 24px rgba(0,0,0,0.5);--gradient-overlay-dark:linear-gradient(to top,rgba(0,0,0,0.7) 0%,transparent 40%);--transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:500ms ease;--duration-instant:100ms;--duration-fast:150ms;--duration-base:300ms;--duration-entrance:500ms;--duration-stagger:400ms;--duration-gradient:6s;--duration-gradient-subtle:8s;--duration-pulse:2s;--duration-float:3s;--duration-skeleton:1.5s;--z-base:1;--z-above:10;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--z-fullscreen:9999;--container-max:1400px;--container-narrow:800px;--container-md:600px;--container-sm:440px;--container-prose:40rem;--nav-height:4rem;--scrollbar-width:8px;--size-icon-xs:1rem;--size-icon-sm:1.25rem;--size-icon-md:1.5rem;--size-icon-lg:2rem;--size-icon-xl:2.5rem;--size-icon-2xl:3rem;--size-avatar-sm:2rem;--size-avatar-md:2.5rem;--size-avatar-lg:3rem;--size-dot:0.5rem;--size-dot-sm:0.375rem;--size-card-visual-lg:16rem;--size-card-visual-md:12rem;--size-card-visual-sm:10rem;--size-card-content-max:32rem;--size-section-min:25rem;--size-section-min-md:18.75rem;--size-section-min-sm:12.5rem;--size-content-max:30rem;--size-subtitle-max:36rem;--size-gate-content:28rem;--size-textarea-min:7.5rem;--size-btn-icon:3rem;--size-btn-icon-sm:2.25rem;--size-sidebar-sm:5rem;--size-sidebar-md:6.25rem;--size-sidebar-lg:7.5rem;--size-detail-sidebar:22.5rem;--size-article-toc:14rem;--size-guide-nav:18rem;--size-list-meta-min:120px;--size-touch-target:48px;--size-code-block-max:32rem;--size-admin-sidebar:260px;--size-admin-sidebar-mobile:280px;--size-admin-mobile-header:60px;--size-admin-logo:40px;--size-admin-avatar:44px;--size-admin-btn-md:36px;--size-admin-icon-sm:20px;--size-admin-icon-md:24px;--size-admin-icon-lg:40px;--size-admin-icon-xl:48px;--size-admin-thumb:48px;--size-admin-thumb-height:32px;--size-admin-media-sidebar:360px;--size-admin-input-sm:120px;--size-admin-input-md:200px;--size-admin-input-lg:250px;--size-search-modal:680px;--size-search-results:520px;--size-admin-modal-sm:500px;--size-admin-modal-lg:800px;--size-admin-modal-xl:1000px;--size-admin-editor-min:400px;--size-admin-picker-min:200px;--size-admin-dropdown-max:280px;--size-admin-module-input:300px;--size-tool-logo-xs:24px;--size-tool-logo-sm:40px;--size-tool-logo-md:60px;--size-tool-logo-lg:80px;--size-tool-screenshot-max:560px;--size-skeleton-button:120px;--display-letter-lg:10rem;--display-letter-md:6rem;--display-cta:clamp(5rem,12vw,12rem);--opacity-decorative:0.25;--opacity-focus-fade:0.25;--opacity-disabled:0.3;--opacity-muted:0.5;--opacity-subtle:0.7}:root.theme-light,html.theme-light{--color-black:#FFFFFF;--color-white:#000000;--color-gray-900:#F5F5F5;--color-gray-800:#EBEBEB;--color-gray-700:#E0E0E0;--color-gray-600:#CCCCCC;--color-gray-500:#999999;--color-gray-400:#666666;--color-gray-300:#555555;--color-primary:#7CB300;--color-primary-hover:#6B9C00;--color-primary-dark:#5A8500;--color-primary-light:rgba(124,179,0,0.1);--color-primary-highlight:rgba(124,179,0,0.15);--color-bg-primary:#FFFFFF;--color-bg-alt:#F5F5F5;--color-bg-elevated:#EBEBEB;--color-bg-interactive:#E0E0E0;--color-text-primary:#000000;--color-text-secondary:#333333;--color-text-muted:#666666;--color-text-subtle:#888888;--color-text-disabled:#AAAAAA;--color-border-default:#CCCCCC;--color-border-strong:#000000;--color-border-subtle:#E0E0E0;--color-focus-ring:#7CB300;--color-hover-bg:#EBEBEB;--color-backdrop:rgba(255,255,255,0.9);--color-brand-github:#24292e;--color-brand-github-hover:#2f363d;--color-brand-linkedin:#0A66C2;--color-brand-linkedin-hover:#004182;--color-gradient-lime:#00CC6A;--color-gradient-cyan:#00CCCC;color-scheme:light}html.accent-cyan{--color-primary:var(--color-accent-cyan);--color-primary-hover:var(--color-accent-cyan-hover);--color-primary-dark:#0891B2;--color-primary-light:rgba(6,182,212,0.1);--color-primary-highlight:rgba(6,182,212,0.15);--color-accent:var(--color-accent-cyan);--color-focus-ring:var(--color-accent-cyan)}html.accent-rose{--color-primary:var(--color-accent-rose);--color-primary-hover:var(--color-accent-rose-hover);--color-primary-dark:#E11D48;--color-primary-light:rgba(244,63,94,0.1);--color-primary-highlight:rgba(244,63,94,0.15);--color-accent:var(--color-accent-rose);--color-focus-ring:var(--color-accent-rose)}html.theme-light.accent-cyan{--color-primary:#0891B2;--color-primary-hover:#0E7490;--color-focus-ring:#0891B2}html.theme-light.accent-rose{--color-primary:#E11D48;--color-primary-hover:#BE123C;--color-focus-ring:#E11D48}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--color-border-default) var(--color-border-subtle)}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;overflow-x:clip;color-scheme:dark}body{min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:var(--leading-normal);overflow-x:clip}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text-primary)}p{line-height:var(--leading-relaxed)}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;appearance:button;cursor:pointer}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}input::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:1}textarea{resize:vertical}fieldset{border:0}table{border-collapse:collapse;border-spacing:0}hr{border:0;height:var(--border-width);background:var(--color-border-default)}b,strong{font-weight:var(--font-bold)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:1em}small{font-size:80%}[hidden]{display:none !important}:focus-visible{outline:var(--border-width-thick) solid var(--color-focus-ring);outline-offset:var(--border-width);box-shadow:var(--shadow-focus-ring)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--color-border-subtle)}::-webkit-scrollbar-thumb{background:var(--color-border-default)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}::selection{background:var(--color-primary);color:var(--color-black)}.display{font-size:clamp(3rem,10vw,8rem);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);text-transform:uppercase}.heading-xl{font-size:clamp(2rem,4vw,3.5rem);font-weight:var(--font-bold);line-height:var(--leading-none);letter-spacing:var(--tracking-tight);text-transform:uppercase}.heading-lg{font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--font-bold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);text-transform:uppercase}.heading-md{font-size:var(--text-xl);font-weight:var(--font-bold);line-height:var(--leading-snug);text-transform:uppercase}.body-lg{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.container{width:100%;padding:0 var(--space-8)}.container--narrow{max-width:var(--container-narrow)}@media (max-width:640px){.container{padding:0 var(--space-6)}}.section--alt{background:var(--color-bg-alt)}.section__header{padding:var(--space-12);border-bottom:var(--border-width) solid var(--color-border-default);position:relative;background:var(--color-bg-elevated)}.section__header::before{content:'';position:absolute;top:0;left:0;right:0;height:var(--border-width-accent);background:var(--color-accent)}.section__title-row{display:flex;align-items:baseline;gap:var(--space-8);margin-bottom:var(--space-4)}.section__number{font-size:var(--text-6xl);font-weight:var(--font-bold);color:var(--color-accent);line-height:var(--leading-none);flex-shrink:0}.section__desc{color:var(--color-text-muted);max-width:var(--container-prose)}@media (max-width:1024px){.section__header{padding:var(--space-8)}}@media (max-width:640px){.section__header{padding:var(--space-8) var(--space-6)}.section__title-row{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.section__number{font-size:var(--text-4xl)}}main{}.split{display:grid;grid-template-columns:1fr 1fr}.split--content-heavy{grid-template-columns:1.4fr 1fr}.split--visual-heavy{grid-template-columns:1fr 2fr}@media (max-width:1024px){.split,.split--content-heavy,.split--visual-heavy{grid-template-columns:1fr}}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);height:var(--nav-height);background:var(--color-bg-primary);border-bottom:var(--border-width) solid var(--color-border-default)}.nav__inner{display:flex;align-items:stretch;width:100%;height:100%}.nav__logo{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-8);border-right:var(--border-width) solid var(--color-border-default);text-decoration:none;color:inherit;transition:background var(--transition-fast)}.nav__logo:hover{background:var(--color-primary);color:var(--color-black)}.nav__logo:focus-visible{outline:var(--border-width) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--border-width))}.nav__logo-mark{position:relative;width:var(--size-icon-lg);height:var(--size-icon-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav__logo-img{width:100%;height:100%;object-fit:contain;transition:opacity var(--transition-fast)}.nav__logo-img--default{opacity:1}.nav__logo-img--hover{position:absolute;inset:0;opacity:0}.nav__logo:hover .nav__logo-img--default{opacity:0}.nav__logo:hover .nav__logo-img--hover{opacity:1}.nav__logo-text{font-size:var(--text-base);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);text-transform:uppercase}.nav__menu{display:flex;list-style:none;flex:1;margin:0;padding:0}.nav__item{display:flex}.nav__link{display:flex;align-items:center;padding:0 var(--space-7);border-right:var(--border-width) solid var(--color-border-default);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;text-decoration:none;color:var(--color-text-muted);transition:all var(--transition-fast);position:relative}.nav__link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:var(--border-width-thick);background:var(--color-black);transition:width var(--transition-fast)}.nav__link:hover::after{width:100%}.nav__link:hover{color:var(--color-text-primary)}.nav__link:focus-visible{outline:var(--border-width) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--border-width))}.nav__link--active{color:var(--color-primary)}.nav__admin,.nav__account{display:flex;align-items:center;justify-content:center;width:var(--nav-height);height:var(--nav-height);border-left:var(--border-width) solid var(--color-border-default);color:var(--color-text-muted);text-decoration:none;transition:all var(--transition-fast)}.nav__admin:hover,.nav__account:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.nav__admin:focus-visible,.nav__account:focus-visible{outline:var(--border-width) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--border-width))}.nav__admin svg,.nav__account svg{flex-shrink:0}.nav__admin--logged-in,.nav__account--logged-in{color:var(--color-primary)}.nav__admin--logged-in:hover,.nav__account--logged-in:hover{background:var(--color-primary);color:var(--color-black)}.nav__cta{display:flex;align-items:center;padding:0 var(--space-8);margin-left:auto;background:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;text-decoration:none;color:var(--color-black);transition:background var(--transition-fast)}.nav__cta:hover{background:var(--color-primary-hover)}.nav__cta:focus-visible{outline:var(--border-width) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--border-width))}.nav__mobile-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-1);width:var(--nav-height);height:var(--nav-height);background:transparent;border:none;border-left:var(--border-width) solid var(--color-border-default);cursor:pointer;margin-left:auto}.nav__toggle-bar{display:block;width:var(--size-icon-sm);height:var(--border-width);background:var(--color-text-primary);transition:all var(--transition-fast)}.nav__mobile-toggle:focus-visible{outline:var(--border-width) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--border-width))}@media (max-width:1024px){.nav__link{padding:0 var(--space-5)}.nav__cta{padding:0 var(--space-6)}}@media (max-width:640px){.nav__menu{display:none}.nav__mobile-toggle{display:flex}.nav__cta,.nav__admin,.nav__account{display:none}.nav__admin--logged-in,.nav__account--logged-in{display:flex}.nav__mobile-toggle{margin-left:0}.nav__logo{padding:0 var(--space-4)}.nav__logo-text{display:none}}.nav__mobile-menu{display:none;position:fixed;inset:0;background:var(--color-bg-primary);z-index:calc(var(--z-fixed) + 1);flex-direction:column;justify-content:center;padding:var(--space-8);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}@media (max-width:640px){.nav__mobile-menu{display:flex}.nav--open .nav__mobile-menu{opacity:1;visibility:visible}.nav--exiting .nav__mobile-menu{opacity:0;transition:opacity var(--duration-fast) ease-out}}.nav__mobile-menu::before{content:"I'M";position:absolute;right:0;bottom:0;font-size:clamp(10rem,35vw,18rem);font-weight:var(--font-bold);color:var(--color-gray-900);line-height:0.7;letter-spacing:var(--tracking-tighter);pointer-events:none;z-index:0}.nav__mobile-close{position:absolute;top:0;right:0;width:var(--nav-height);height:var(--nav-height);display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-left:var(--border-width) solid var(--color-border-default);border-bottom:var(--border-width) solid var(--color-border-default);color:var(--color-text-primary);font-size:var(--text-2xl);cursor:pointer;transition:all var(--transition-fast)}.nav__mobile-close:hover{background:var(--color-primary);color:var(--color-black)}.nav__mobile-close:focus-visible{outline:var(--border-width) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--border-width))}.nav__mobile-list{list-style:none;margin:0;padding:0;position:relative;z-index:var(--z-base)}.nav__mobile-item{border-bottom:var(--border-width) solid var(--color-border-default)}.nav__mobile-item:first-child{border-top:var(--border-width) solid var(--color-border-default)}.nav__mobile-link{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-2);font-family:var(--font-body);font-size:var(--text-2xl);font-weight:var(--font-bold);text-transform:uppercase;text-decoration:none;color:var(--color-text-muted);transition:all var(--transition-fast)}.nav__mobile-link:hover{color:var(--color-primary);padding-left:var(--space-4)}.nav__mobile-link:focus-visible{outline:none;color:var(--color-primary)}.nav__mobile-link--active{color:var(--color-text-primary)}.nav__mobile-index{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-gray-600);min-width:var(--space-8)}.nav__mobile-link:hover .nav__mobile-index{color:var(--color-primary)}.nav__mobile-cta{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-8);padding:var(--space-4) var(--space-6);background:var(--color-primary);border:var(--border-width) solid var(--color-primary);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;text-decoration:none;color:var(--color-black);transition:all var(--transition-fast);position:relative;z-index:var(--z-base);align-self:flex-start}.nav__mobile-cta:hover{background:transparent;color:var(--color-primary)}.nav__mobile-cta:focus-visible{outline:var(--border-width) solid var(--color-focus-ring);outline-offset:var(--border-width)}.nav__backdrop{display:none}.nav--open .nav__toggle-bar:nth-child(1){transform:translateY(calc(var(--space-1) + var(--border-width))) rotate(45deg)}.nav--open .nav__toggle-bar:nth-child(2){opacity:0}.nav--open .nav__toggle-bar:nth-child(3){transform:translateY(calc(-1 * (var(--space-1) + var(--border-width)))) rotate(-45deg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);text-decoration:none;border:var(--border-width) solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:focus-visible{outline:var(--border-width-thick) solid var(--color-focus-ring);outline-offset:var(--space-1);box-shadow:var(--shadow-focus-ring)}.btn:disabled,.btn[disabled],.btn--disabled{opacity:var(--opacity-muted);cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn--loading{position:relative;color:transparent !important;pointer-events:none}.btn--loading::after{content:'';position:absolute;width:1em;height:1em;border:var(--border-width) solid currentColor;border-right-color:transparent;animation:btn-spin 0.6s linear infinite}.btn--primary.btn--loading::after{border-color:var(--color-black);border-right-color:transparent}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn--primary{background:var(--color-primary);color:var(--color-black);border-color:var(--color-primary)}.btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--secondary{background:transparent;color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn--secondary:hover{background:var(--color-text-primary);color:var(--color-black)}.btn--ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.btn--ghost:hover{color:var(--color-text-primary)}.btn--arrow{gap:var(--space-3)}.btn__arrow{display:inline-flex;transition:transform var(--transition-fast)}.btn--arrow:hover .btn__arrow{transform:translateX(var(--space-1))}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);min-height:var(--size-touch-target)}.btn--lg{padding:var(--space-5) var(--space-10);font-size:var(--text-base)}.btn--icon{width:var(--size-btn-icon);height:var(--size-btn-icon);padding:0}.btn--icon.btn--sm{width:var(--size-touch-target);height:var(--size-touch-target)}.link{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);display:inline-flex;align-items:center;gap:var(--space-2);transition:color var(--transition-fast)}.link:hover{color:var(--color-text-primary)}.link:focus-visible{outline:var(--border-width-thick) solid var(--color-focus-ring);outline-offset:var(--space-1);box-shadow:var(--shadow-focus-ring)}.link--disabled{opacity:var(--opacity-muted);cursor:not-allowed;pointer-events:none}.link__arrow{transition:transform var(--transition-fast)}.link:hover .link__arrow{transform:translateX(var(--space-1))}.btn--full{width:100%}.arrow{display:inline-block;transition:transform var(--transition-fast)}.card{background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border-default)}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.cards-grid{grid-template-columns:1fr}}.card-featured{display:grid;grid-template-columns:1fr 2fr;border-bottom:var(--border-width) solid var(--color-border-default);text-decoration:none;color:inherit;cursor:pointer;transition:background var(--transition-fast)}.card-featured:hover .card-featured__content{background:var(--color-bg-elevated)}.card-featured:focus-visible{outline:var(--border-width) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--border-width))}.card-featured__visual{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-gradient-lime) 100%);display:flex;align-items:center;justify-content:center;border-right:var(--border-width) solid var(--color-border-default);min-height:var(--size-card-visual-lg);overflow:hidden}.card-featured__letter{font-size:var(--display-letter-lg);font-weight:var(--font-bold);color:var(--color-black)}.card-featured__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.card-featured:hover .card-featured__image{transform:scale(1.05)}.card-featured--admin{border-left:var(--border-width-accent) solid var(--color-error)}.card-featured--admin .card-featured__visual{background:linear-gradient(135deg,var(--color-error-light) 0%,var(--color-error-subtle) 100%)}.card-featured--admin .card-featured__content::after{background:var(--color-error)}.card-featured__content{display:flex;flex-direction:column;justify-content:center;padding:var(--space-12);background:var(--color-bg-primary);transition:background var(--transition-fast);position:relative}.card-featured__content::after{content:'';position:absolute;bottom:0;left:0;width:0;height:var(--border-width-thick);background:var(--color-accent);transition:width var(--transition-base)}.card-featured:hover .card-featured__content::after{width:100%}.card-featured__index{position:absolute;top:var(--space-6);right:var(--space-6);font-size:var(--text-6xl);font-weight:var(--font-bold);color:var(--color-gray-700);line-height:1}.card-featured__type{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-accent);margin-bottom:var(--space-4);font-size:var(--text-sm)}.card-featured__type::before{content:'';width:var(--size-dot);height:var(--size-dot);background:currentColor}.card-featured__title{font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--leading-tight);text-transform:uppercase;margin-bottom:var(--space-4)}.card-featured__desc{color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);max-width:var(--size-card-content-max)}.card-featured__meta{display:flex;gap:var(--space-3)}.card-featured__tag{padding:var(--space-2) var(--space-4);background:var(--color-bg-alt);border:var(--border-width-thin) solid var(--color-border-default);font-size:var(--text-xs);color:var(--color-text-muted)}@media (max-width:1024px){.card-featured{grid-template-columns:1fr}.card-featured__visual{border-right:none;border-bottom:var(--border-width) solid var(--color-border-default);min-height:var(--size-card-visual-md)}.card-featured__content{padding:var(--space-8)}.card-featured__letter{font-size:var(--display-letter-md)}}@media (max-width:640px){.card-featured__content{padding:var(--space-6)}.card-featured__visual{min-height:var(--size-card-visual-sm)}.card-featured__index{font-size:var(--text-5xl);top:var(--space-4);right:var(--space-4)}}.card-regular{display:flex;flex-direction:column;padding:var(--space-10);border-right:var(--border-width) solid var(--color-border-default);border-bottom:var(--border-width) solid var(--color-border-default);background:var(--color-bg-primary);text-decoration:none;color:inherit;cursor:pointer;transition:background var(--transition-fast);position:relative}.cards-grid .card-regular:nth-child(3n){border-right:none}.card-regular:hover{background:var(--color-bg-elevated)}.card-regular:focus-visible{outline:var(--border-width) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--border-width))}.card-regular::after{content:'';position:absolute;bottom:0;left:0;width:0;height:var(--border-width-thick);background:var(--color-accent);transition:width var(--transition-base)}.card-regular:hover::after{width:100%}.card-regular--admin{background:linear-gradient(135deg,var(--color-error-subtle) 0%,var(--color-bg-primary) 50%);border-left:var(--border-width-thick) solid var(--color-error)}.card-regular--admin::after{background:var(--color-error)}.card-regular__index{position:absolute;top:var(--space-6);right:var(--space-6);font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--color-gray-800);line-height:1}.card-regular__type{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-accent);margin-bottom:var(--space-4);font-size:var(--text-sm)}.card-regular__type::before{content:'';width:var(--size-dot);height:var(--size-dot);background:currentColor}.card-regular__title{font-size:var(--text-xl);font-weight:var(--font-bold);line-height:var(--leading-tight);text-transform:uppercase;margin-bottom:var(--space-3)}.card-regular__desc{color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);flex-grow:1}.card-regular__meta{display:flex;gap:var(--space-3)}.card-regular__tag{padding:var(--space-2) var(--space-3);background:var(--color-bg-alt);border:var(--border-width-thin) solid var(--color-border-default);font-size:var(--text-xs);color:var(--color-text-muted)}.card-regular--has-image{padding-top:0}.card-regular__image{aspect-ratio:16 / 9;overflow:hidden;margin:calc(-1 * var(--space-10)) calc(-1 * var(--space-10)) var(--space-6);border-bottom:var(--border-width) solid var(--color-border-default)}.card-regular__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.card-regular:hover .card-regular__image img{transform:scale(1.05)}.card-regular__body{display:flex;flex-direction:column;flex-grow:1}@media (max-width:1024px){.cards-grid .card-regular:nth-child(3n){border-right:var(--border-width) solid var(--color-border-default)}.cards-grid .card-regular:nth-child(2n){border-right:none}}@media (max-width:640px){.card-regular{padding:var(--space-8) var(--space-6)}.cards-grid .card-regular,.cards-grid .card-regular:nth-child(3n),.cards-grid .card-regular:nth-child(2n){border-right:none}.card-regular__index{font-size:var(--text-4xl);top:var(--space-4);right:var(--space-4)}.card-regular__image{margin:calc(-1 * var(--space-8)) calc(-1 * var(--space-6)) var(--space-6)}}.resources{display:grid;grid-template-columns:repeat(4,1fr)}.card-resource{display:flex;flex-direction:column;padding:var(--space-10) var(--space-8);border-right:var(--border-width) solid var(--color-border-default);background:var(--color-bg-primary);text-decoration:none;color:inherit;cursor:pointer;transition:all var(--transition-fast)}.card-resource:last-child{border-right:none}.card-resource:hover{background:var(--color-text-primary);color:var(--color-black)}.card-resource:focus-visible{outline:var(--border-width) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--border-width))}.card-resource:hover .card-resource__icon{color:var(--color-black)}.card-resource:hover .card-resource__title{color:var(--color-black)}.card-resource:hover .card-resource__desc{color:var(--color-black);opacity:var(--opacity-subtle)}.card-resource:hover .card-resource__count{background:var(--color-black);color:var(--color-text-primary);border-color:var(--color-black)}.card-resource__icon{width:var(--size-icon-xl);height:var(--size-icon-xl);margin-bottom:var(--space-6);color:var(--color-accent);transition:color var(--transition-fast)}.card-resource__title{font-size:var(--text-lg);font-weight:var(--font-bold);text-transform:uppercase;margin-bottom:var(--space-2)}.card-resource__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-5);line-height:var(--leading-relaxed);transition:all var(--transition-fast)}.card-resource__count{display:inline-block;padding:var(--space-2) var(--space-3);background:transparent;border:var(--border-width-thin) solid var(--color-border-default);font-size:var(--text-xs);transition:all var(--transition-fast);margin-top:auto;align-self:flex-start}@media (max-width:1024px){.resources{grid-template-columns:repeat(2,1fr)}.card-resource:nth-child(2n){border-right:none}.card-resource:nth-child(1),.card-resource:nth-child(2){border-bottom:var(--border-width) solid var(--color-border-default)}}@media (max-width:640px){.resources{grid-template-columns:1fr}.card-resource{border-right:none;border-bottom:var(--border-width) solid var(--color-border-default)}.card-resource:last-child{border-bottom:none}}.form-group{margin-bottom:var(--space-6)}.form-group__label{display:block;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-muted);margin-bottom:var(--space-2)}.form-group__hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.form-group__hint--error{color:var(--color-error)}.form-group__hint--success{color:var(--color-success)}.form-group__label--required::after{content:' *';color:var(--color-error)}.input{width:100%;padding:var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border-default);transition:border-color var(--transition-fast)}.input:focus-visible{outline:none;border-color:var(--color-focus-ring);box-shadow:0 0 0 var(--border-width-thin) var(--color-focus-ring)}.input::placeholder{color:var(--color-text-muted)}.input--error{border-color:var(--color-error);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23EF4444' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-12)}.input--error:focus-visible{border-color:var(--color-error);box-shadow:0 0 0 var(--border-width-thin) var(--color-error)}.input--success{border-color:var(--color-success);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2322C55E' stroke-width='2'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-12)}.input--success:focus-visible{border-color:var(--color-success);box-shadow:0 0 0 var(--border-width-thin) var(--color-success)}.input:disabled,.input[disabled]{opacity:var(--opacity-muted);cursor:not-allowed;background:var(--color-bg-alt);color:var(--color-text-disabled)}.textarea{width:100%;min-height:var(--size-textarea-min);padding:var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border-default);resize:vertical;transition:border-color var(--transition-fast)}.textarea:focus-visible{outline:none;border-color:var(--color-focus-ring);box-shadow:0 0 0 var(--border-width-thin) var(--color-focus-ring)}.textarea--error{border-color:var(--color-error);border-left-width:var(--border-width-accent)}.textarea--error:focus-visible{border-color:var(--color-error);box-shadow:0 0 0 var(--border-width-thin) var(--color-error)}.textarea--success{border-color:var(--color-success);border-left-width:var(--border-width-accent)}.textarea--success:focus-visible{border-color:var(--color-success);box-shadow:0 0 0 var(--border-width-thin) var(--color-success)}.textarea:disabled,.textarea[disabled]{opacity:var(--opacity-muted);cursor:not-allowed;background:var(--color-bg-alt);color:var(--color-text-disabled)}.select{width:100%;padding:var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border-default);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-12);transition:border-color var(--transition-fast)}.select:focus-visible{outline:none;border-color:var(--color-focus-ring);box-shadow:0 0 0 var(--border-width-thin) var(--color-focus-ring)}.select--error{border-color:var(--color-error);border-left-width:var(--border-width-accent)}.select--error:focus-visible{border-color:var(--color-error);box-shadow:0 0 0 var(--border-width-thin) var(--color-error)}.select--success{border-color:var(--color-success);border-left-width:var(--border-width-accent)}.select--success:focus-visible{border-color:var(--color-success);box-shadow:0 0 0 var(--border-width-thin) var(--color-success)}.select:disabled,.select[disabled]{opacity:var(--opacity-muted);cursor:not-allowed;background:var(--color-bg-alt);color:var(--color-text-disabled)}.checkbox,.radio{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;min-height:var(--size-touch-target);padding:var(--space-2) 0}.checkbox__input,.radio__input{width:var(--size-icon-sm);height:var(--size-icon-sm);background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border-default);appearance:none;cursor:pointer;transition:all var(--transition-fast)}.checkbox__input:focus-visible,.radio__input:focus-visible{outline:none;border-color:var(--color-focus-ring);box-shadow:0 0 0 var(--border-width) var(--color-focus-ring)}.checkbox__input:checked,.radio__input:checked{background:var(--color-accent);border-color:var(--color-accent)}.checkbox__input:checked::after{content:'✓';display:flex;align-items:center;justify-content:center;color:var(--color-black);font-weight:var(--font-bold);font-size:var(--text-sm)}.radio__input:checked::after{content:'';display:block;width:var(--space-2\.5);height:var(--space-2\.5);margin:auto;background:var(--color-black)}.checkbox__label,.radio__label{font-size:var(--text-sm);color:var(--color-text-secondary)}.checkbox__input:disabled,.radio__input:disabled{opacity:var(--opacity-muted);cursor:not-allowed}.checkbox__input:disabled+.checkbox__label,.radio__input:disabled+.radio__label{opacity:var(--opacity-muted);cursor:not-allowed}.search-box{display:flex;border:var(--border-width) solid var(--color-border-default);background:var(--color-bg-elevated)}.search-box__input{flex-grow:1;padding:var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background:transparent;border:none}.search-box__input:focus-visible{outline:none}.search-box:focus-within{border-color:var(--color-focus-ring);box-shadow:0 0 0 var(--border-width-thin) var(--color-focus-ring)}.search-box__btn{padding:var(--space-4);background:var(--color-bg-interactive);border:none;border-left:var(--border-width) solid var(--color-border-default);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.search-box__btn:hover{background:var(--color-primary);color:var(--color-black)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);border:var(--border-width) solid currentColor}.badge--primary{color:var(--color-primary)}.badge--journey,.badge--purple{color:var(--color-badge-purple)}.badge--api,.badge--blue{color:var(--color-badge-blue)}.badge--article,.badge--green{color:var(--color-badge-green)}.badge--doc,.badge--amber{color:var(--color-badge-amber)}.badge--glossary,.badge--cyan{color:var(--color-badge-cyan)}.badge--casestudy,.badge--red{color:var(--color-badge-red)}.badge--template,.badge--pink{color:var(--color-badge-pink)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);background:var(--color-bg-interactive);border:var(--border-width-thin) solid var(--color-border-subtle)}.tag--sm{padding:var(--space-0\.5) var(--space-2);font-size:var(--text-xs)}.tag--xs{padding:var(--space-0\.5) var(--space-1);font-size:var(--text-2xs)}.tag--warning{background:var(--color-warning);border-color:var(--color-warning);color:var(--color-black)}.tag--error{background:var(--color-error);border-color:var(--color-error);color:var(--color-white)}.tag--success{background:var(--color-success);border-color:var(--color-success);color:var(--color-white)}.tag--info{background:var(--color-info);border-color:var(--color-info);color:var(--color-white)}.tag--accent{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-black)}.tag--admin{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error);align-self:flex-start;width:fit-content}.tag--clickable{position:relative;cursor:pointer;transition:all var(--transition-fast);user-select:none}.tag--clickable input[type="checkbox"]{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;cursor:pointer;margin:0}.tag--clickable:hover{border-color:var(--color-border-default);color:var(--color-text-secondary)}.tag--clickable.tag--selected,.tag--clickable:has(input:checked){background:var(--color-primary);border-color:var(--color-primary);color:var(--color-black)}.status{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.status__dot{width:var(--size-dot);height:var(--size-dot);border-radius:50%;background:var(--color-text-muted)}.status--success .status__dot{background:var(--color-success)}.status--error .status__dot{background:var(--color-error)}.status--warning .status__dot{background:var(--color-warning)}.status--info .status__dot{background:var(--color-info)}.label--accent{color:var(--color-accent)}.tag-group{padding:var(--space-6);border-bottom:var(--border-width) solid var(--color-border-subtle)}.tag-group:last-child{border-bottom:none}.tag-group__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.tag-group__info{flex:1}.tag-group__title{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.tag-group__question{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.tag-group__count{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-1) var(--space-2);background:var(--color-bg-interactive);border:var(--border-width-thin) solid var(--color-border-subtle)}.tag-group__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-interactive);border:var(--border-width-thin) solid var(--color-border-subtle);text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.tag-chip:hover{border-color:var(--color-border-default);color:var(--color-text-primary);background:var(--color-bg-elevated)}.tag-chip--selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-black)}.tag-chip__name{font-weight:var(--font-medium)}.tag-chip__count{font-size:var(--text-xs);color:var(--color-text-muted);padding:var(--space-0\.5) var(--space-1);background:var(--color-bg-alt)}.highlights-grid--compact{grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.highlights-grid--compact{grid-template-columns:1fr}}.hero{min-height:calc(100vh - var(--nav-height));margin-top:var(--nav-height);display:grid;grid-template-columns:1.4fr 1fr;border-bottom:var(--border-width) solid var(--color-border-default)}.hero__content{padding:var(--space-16);display:flex;flex-direction:column;justify-content:center;border-right:var(--border-width) solid var(--color-border-default)}.hero__label{display:inline-flex;align-items:center;gap:var(--space-4);color:var(--color-accent);margin-bottom:var(--space-8)}.hero__label::before{content:'';width:var(--space-12);height:var(--border-width);background:currentColor}.hero__title{margin-bottom:var(--space-8)}.hero__emoji{display:inline-block;font-size:0.6em;animation:emoji-shrug 2s ease-in-out infinite;transform-origin:center}@keyframes emoji-shrug{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-5deg) translateY(-2px)}75%{transform:rotate(5deg) translateY(-2px)}}.hero__desc{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:var(--size-content-max);margin-bottom:var(--space-10)}.hero__actions{display:flex;gap:var(--space-4)}.hero__sidebar{display:flex;flex-direction:column}.hero__visual{display:flex;flex-direction:column}.hero__stats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:var(--border-width) solid var(--color-border-default)}.hero__stat{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-8);border-bottom:var(--border-width) solid var(--color-border-default)}.hero__stat:last-child{border-bottom:none}.hero__stats .hero__stat{border-right:var(--border-width) solid var(--color-border-default);border-bottom:var(--border-width) solid var(--color-border-default)}.hero__stats .hero__stat:last-child{border-right:none}.hero__stat-value{font-size:var(--text-stat);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-none);margin-bottom:var(--space-2)}.hero__stat-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted)}.hero__stat-proof{display:flex;align-items:baseline;gap:var(--space-2);margin-top:var(--space-3)}.hero__stat-proof-number{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-accent);letter-spacing:var(--tracking-tight);line-height:var(--leading-none)}.hero__stat-proof-label{font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted)}@media (max-width:1024px){.hero{grid-template-columns:1fr;min-height:auto}.hero__content{padding:var(--space-12);border-right:none;border-bottom:var(--border-width) solid var(--color-border-default)}.hero__sidebar{flex-direction:row}.hero__stat{flex:1;border-right:var(--border-width) solid var(--color-border-default);border-bottom:none}.hero__stat:last-child{border-right:none}.hero__visual{min-height:var(--size-section-min)}}@media (max-width:640px){.hero__content{padding:var(--space-8) var(--space-6)}.hero__sidebar{flex-direction:column}.hero__stats{grid-template-columns:1fr}.hero__stat{border-right:none;border-bottom:var(--border-width) solid var(--color-border-default);padding:var(--space-6)}.hero__stat:last-child{border-bottom:none}.hero__actions{flex-direction:column}}.footer{border-top:var(--border-width-thick) solid var(--color-white);background:var(--color-bg-elevated)}.footer__inner{display:grid;grid-template-columns:2fr repeat(3,1fr)}@media (max-width:1024px){.footer__inner{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.footer__inner{grid-template-columns:1fr}}.footer__block{padding:var(--space-12);border-right:var(--border-width) solid var(--color-border-default)}.footer__block:last-child{border-right:none}@media (max-width:1024px){.footer__block{padding:var(--space-8)}.footer__block:nth-child(2){border-right:none}.footer__block:nth-child(3),.footer__block:nth-child(4){border-top:var(--border-width) solid var(--color-border-default)}}@media (max-width:640px){.footer__block{padding:var(--space-6);border-right:none;border-bottom:var(--border-width) solid var(--color-border-default)}.footer__block:last-child{border-bottom:none}}.footer__logo{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-4);text-transform:uppercase}.footer__logo-img{width:var(--size-icon-lg);height:var(--size-icon-lg);object-fit:contain}.footer__tagline{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.footer__heading{color:var(--color-text-muted);margin-bottom:var(--space-6)}.footer__links{list-style:none}.footer__link{display:block;padding:var(--space-1) 0;font-size:var(--text-base);color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-primary)}.footer__bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-12);border-top:var(--border-width) solid var(--color-border-default)}.footer__copyright{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.footer__social{display:flex;gap:var(--space-2)}.footer__social-link{width:var(--size-icon-xl);height:var(--size-icon-xl);border:var(--border-width) solid var(--color-border-default);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);text-decoration:none;transition:all var(--transition-fast)}.footer__social-link:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.footer__link:focus-visible{outline:var(--border-width-thick) solid var(--color-focus-ring);outline-offset:var(--border-width)}.footer__social-link:focus-visible{outline:var(--border-width-thick) solid var(--color-focus-ring);outline-offset:var(--border-width)}@media (max-width:640px){.footer__bottom{padding:var(--space-6)}}.cta{display:grid;grid-template-columns:1fr 1fr;border-bottom:var(--border-width) solid var(--color-border-default)}.cta__content{padding:var(--space-16);display:flex;flex-direction:column;justify-content:center;border-right:var(--border-width) solid var(--color-border-default)}.cta__label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-accent);margin-bottom:var(--space-6)}.cta__title{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-6)}.cta__desc{color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);max-width:var(--size-content-max)}.cta__actions{display:flex;gap:var(--space-4)}.cta__visual{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-gradient-lime) 100%);display:flex;align-items:center;justify-content:center;min-height:var(--size-section-min)}.cta__visual-text{font-size:var(--display-cta);font-weight:var(--font-bold);color:var(--color-black);text-transform:uppercase;line-height:var(--leading-tighter);text-align:center;opacity:var(--opacity-decorative)}@media (max-width:1024px){.cta{grid-template-columns:1fr}.cta__content{padding:var(--space-12);border-right:none;border-bottom:var(--border-width) solid var(--color-border-default)}.cta__visual{min-height:var(--size-section-min-md)}}@media (max-width:640px){.cta__content{padding:var(--space-8) var(--space-6)}.cta__title{font-size:var(--text-2xl)}.cta__visual{min-height:var(--size-section-min-sm)}}.about{display:grid;grid-template-columns:1fr 1fr}.about__content{padding:var(--space-16);border-right:var(--border-width) solid var(--color-border-default)}.about__visual{display:grid;grid-template-rows:1fr 1fr}.about__visual-top,.about__visual-bottom{display:flex;align-items:center;justify-content:center;border-bottom:var(--border-width) solid var(--color-border-default)}.about__visual-bottom{border-bottom:none}.about__logo{max-width:50%;max-height:50%;object-fit:contain}.about__title{font-size:clamp(2rem,5vw,3rem);font-weight:var(--font-bold);margin-bottom:var(--space-8);text-wrap:balance}.about__text{color:var(--color-text-secondary);line-height:var(--leading-loose);margin-bottom:var(--space-6)}@media (max-width:1024px){.about{grid-template-columns:1fr}.about__content{padding:var(--space-12);border-right:none;border-bottom:var(--border-width) solid var(--color-border-default)}.about__visual{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.about__visual-top,.about__visual-bottom{min-height:var(--size-section-min-md)}.about__visual-top{border-bottom:none;border-right:var(--border-width) solid var(--color-border-default)}}@media (max-width:640px){.about__content{padding:var(--space-8) var(--space-6)}.about__visual{grid-template-columns:1fr;grid-template-rows:auto auto}.about__visual-top,.about__visual-bottom{min-height:var(--size-section-min-sm)}.about__visual-top{border-right:none;border-bottom:var(--border-width) solid var(--color-border-default)}}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:var(--border-width) solid var(--color-border-default)}.stat{padding:var(--space-10);text-align:center;border-right:var(--border-width) solid var(--color-border-default)}.stat:last-child{border-right:none}.stat__value{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--color-accent);line-height:var(--leading-none);margin-bottom:var(--space-3)}.stat__label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted)}@media (max-width:1024px){.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:none}.stat:nth-child(3),.stat:nth-child(4){border-top:var(--border-width) solid var(--color-border-default)}}@media (max-width:640px){.stats{grid-template-columns:1fr}.stat{border-right:none;border-bottom:var(--border-width) solid var(--color-border-default);padding:var(--space-8) var(--space-6);text-align:left}.stat:last-child{border-bottom:none}.stat__value{font-size:var(--text-4xl)}}.timeline{position:relative}.timeline::before{content:'';position:absolute;left:var(--space-32);top:0;bottom:0;width:var(--border-width);background:var(--color-border-default)}.timeline__item{display:grid;grid-template-columns:var(--space-32) 1fr;border-bottom:var(--border-width) solid var(--color-border-default)}.timeline__item:last-child{border-bottom:none}.timeline__date{padding:var(--space-8);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);background:var(--color-bg-alt);border-right:var(--border-width) solid var(--color-border-default);display:flex;align-items:flex-start;justify-content:center;text-align:center;line-height:var(--leading-snug)}.timeline__content{padding:var(--space-8) var(--space-10);background:var(--color-bg-primary);transition:background var(--transition-fast)}.timeline__item:hover .timeline__content{background:var(--color-bg-elevated)}.timeline__title{font-size:var(--text-lg);font-weight:var(--font-bold);text-transform:uppercase;margin-bottom:var(--space-3)}.timeline__desc{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed)}@media (max-width:1024px){.timeline::before{left:var(--space-24)}.timeline__item{grid-template-columns:var(--space-24) 1fr}}@media (max-width:640px){.timeline::before{display:none}.timeline__item{grid-template-columns:1fr}.timeline__date{border-right:none;border-bottom:var(--border-width) solid var(--color-border-default);padding:var(--space-6)}.timeline__content{padding:var(--space-6)}}.skills{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:var(--border-width) solid var(--color-border-default)}.skills__category:nth-child(1),.skills__category:nth-child(2){grid-column:span 3}.skills__category:nth-child(n+3){grid-column:span 2}@media (max-width:1024px){.skills{grid-template-columns:repeat(2,1fr)}.skills__category:nth-child(1),.skills__category:nth-child(2),.skills__category:nth-child(n+3){grid-column:span 1}}@media (max-width:640px){.skills{grid-template-columns:1fr;padding-left:var(--space-6);padding-right:var(--space-6)}}.skills__category{padding:var(--space-10) var(--space-8);border-right:var(--border-width) solid var(--color-border-default);border-bottom:var(--border-width) solid var(--color-border-default)}.skills__category:nth-child(2){border-right:none}.skills__category:nth-child(5){border-right:none}.skills__category:nth-child(n+3){border-bottom:none}@media (max-width:1024px){.skills__category{border-right:var(--border-width) solid var(--color-border-default);border-bottom:var(--border-width) solid var(--color-border-default)}.skills__category:nth-child(2n){border-right:none}.skills__category:last-child{border-bottom:none}.skills__category:nth-child(5){border-right:none}}@media (max-width:640px){.skills__category{border-right:none;border-bottom:var(--border-width) solid var(--color-border-default)}.skills__category:last-child{border-bottom:none}}.skills__title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-accent);margin-bottom:var(--space-6)}.skills__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skill-tag{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-bg-alt);border:var(--border-width-thin) solid var(--color-border-default);transition:all var(--transition-fast)}.skill-tag:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.skill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary);background:var(--color-bg-elevated);border:var(--border-width-thin) solid var(--color-border-default);transition:all var(--transition-fast)}.skill:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.skill--with-level{padding-right:var(--space-2)}.skill__level{display:flex;gap:var(--space-0\.5)}.skill__level-dot{width:var(--size-dot-sm);height:var(--size-dot-sm);background:var(--color-border-subtle)}.skill__level-dot--filled{background:var(--color-accent)}.expertise{display:grid;grid-template-columns:repeat(3,1fr)}.expertise__item{padding:var(--space-10);border-right:var(--border-width) solid var(--color-border-default);border-bottom:var(--border-width) solid var(--color-border-default);background:var(--color-bg-primary);transition:background var(--transition-fast)}.expertise__item:nth-child(3n){border-right:none}.expertise__item:hover{background:var(--color-bg-elevated)}.expertise__icon{width:var(--space-8);height:var(--space-8);margin-bottom:var(--space-5);color:var(--color-accent)}.expertise__title{font-size:var(--text-base);font-weight:var(--font-bold);text-transform:uppercase;margin-bottom:var(--space-2)}.expertise__desc{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}@media (max-width:1024px){.expertise{grid-template-columns:repeat(2,1fr)}.expertise__item:nth-child(3n){border-right:var(--border-width) solid var(--color-border-default)}.expertise__item:nth-child(2n){border-right:none}}@media (max-width:640px){.expertise{grid-template-columns:1fr}.expertise__item,.expertise__item:nth-child(3n),.expertise__item:nth-child(2n){border-right:none}.expertise__item{padding:var(--space-8) var(--space-6)}}.page-header{padding-top:calc(var(--nav-height) + var(--space-1));border-bottom:var(--border-width) solid var(--color-border-default);background:var(--color-bg-elevated)}.page-header__content{padding:var(--space-12) 0;position:relative}.page-header__icon{position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--color-badge-green);opacity:0.15}.page-header__icon svg{width:clamp(6rem,12vw,10rem);height:clamp(6rem,12vw,10rem)}.page-header__icon--purple{color:var(--color-badge-purple)}.page-header__icon--blue{color:var(--color-badge-blue)}.page-header__icon--green{color:var(--color-badge-green)}.page-header__icon--amber{color:var(--color-badge-amber)}.page-header__icon--cyan{color:var(--color-badge-cyan)}.page-header__icon--red{color:var(--color-badge-red)}.page-header__icon--pink{color:var(--color-badge-pink)}.page-header__title{font-size:clamp(3rem,8vw,5rem);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4)}.page-header__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:var(--size-subtitle-max);line-height:var(--leading-relaxed)}.page-header__subtitle+.search{margin-top:var(--space-10)}.search{max-width:var(--container-prose);position:relative}.search__input{width:100%;padding:var(--space-5) var(--space-6) var(--space-5) var(--space-14);background:var(--color-bg-primary);border:var(--border-width) solid var(--color-border-default);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-base)}.search__input::placeholder{color:var(--color-text-muted)}.search__input:focus-visible{outline:none;border-color:var(--color-focus-ring);box-shadow:0 0 0 var(--border-width-thin) var(--color-focus-ring)}.search__icon{position:absolute;left:var(--space-5);top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.filters-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-8);border-bottom:var(--border-width-accent) solid var(--color-primary)}.filters-bar__left{display:flex;align-items:center;gap:var(--space-6);flex:1;min-width:0}.filters-bar__count{flex-shrink:0;white-space:nowrap;font-size:var(--text-sm);color:var(--color-text-muted)}.filters-bar__count strong{color:var(--color-text-primary)}.filter-pills-scroll{position:relative;flex:1 1 0;min-width:0;width:0}.filter-pills-scroll::before,.filter-pills-scroll::after{content:'';position:absolute;top:0;bottom:0;width:var(--space-8);pointer-events:none;z-index:var(--z-base);opacity:0;transition:opacity var(--transition-fast)}.filter-pills-scroll::before{left:0;background:linear-gradient(to right,var(--color-bg-primary),transparent)}.filter-pills-scroll::after{right:0;background:linear-gradient(to left,var(--color-bg-primary),transparent)}.filter-pills-scroll--fade-left::before{opacity:1}.filter-pills-scroll--fade-right::after{opacity:1}.filter-pills{display:flex;gap:var(--space-2);overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2);margin-bottom:calc(-1 * var(--space-2));scrollbar-width:thin;scrollbar-color:var(--color-border-default) transparent}.filter-pills::-webkit-scrollbar{height:4px}.filter-pills::-webkit-scrollbar-track{background:transparent}.filter-pills::-webkit-scrollbar-thumb{background:var(--color-border-default)}.filter-pills::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.filter-pill{flex-shrink:0;padding:var(--space-2) var(--space-4);background:transparent;border:var(--border-width-thin) solid var(--color-border-default);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;white-space:nowrap;cursor:pointer;scroll-snap-align:start;transition:all var(--transition-fast)}.filter-pill:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.filter-pill--active{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-black)}.filter-pills__sep{width:1px;align-self:stretch;background:var(--color-border-default);margin:var(--space-1) 0}.sort-select{appearance:none;-webkit-appearance:none;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-4);background:var(--color-bg-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;border:var(--border-width-thin) solid var(--color-border-default);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer}.sort-select:focus-visible{outline:none;border-color:var(--color-focus-ring);box-shadow:0 0 0 var(--border-width-thin) var(--color-focus-ring)}.explorer-content{width:100%;padding-bottom:var(--space-12)}.explorer-content--flush{padding-bottom:0}.pagination{display:flex;justify-content:center;padding-top:var(--space-12)}.pagination__btn{display:flex;align-items:center;justify-content:center;min-width:var(--space-12);min-height:var(--size-touch-target);height:var(--space-12);padding:0 var(--space-4);background:var(--color-bg-primary);border:var(--border-width) solid var(--color-border-default);border-right:none;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm);text-decoration:none;transition:all var(--transition-fast)}.pagination__btn:last-child{border-right:var(--border-width) solid var(--color-border-default)}.pagination__btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.pagination__btn--active{background:var(--color-text-primary);color:var(--color-black)}.pagination__btn--disabled{opacity:var(--opacity-disabled);pointer-events:none}.pagination__btn:focus-visible{outline:none;border-color:var(--color-focus-ring);box-shadow:0 0 0 var(--border-width-thin) var(--color-focus-ring);z-index:var(--z-base)}.explorer-list{display:flex;flex-direction:column}.list-item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-8);align-items:start;padding:var(--space-8);border-bottom:var(--border-width) solid var(--color-border-default);background:var(--color-bg-primary);text-decoration:none;color:inherit;cursor:pointer;transition:background var(--transition-fast);position:relative}.list-item:hover{background:var(--color-bg-elevated)}.list-item::after{content:'';position:absolute;bottom:0;left:0;width:0;height:var(--border-width-thick);background:var(--color-accent);transition:width var(--transition-base)}.list-item:hover::after{width:100%}.list-item:focus-visible{outline:var(--border-width-thick) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--border-width-thick))}.list-item__index{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-600);line-height:1;min-width:var(--space-10);padding-top:var(--space-1)}.list-item__content{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.list-item__label{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-badge-green);font-size:var(--text-sm)}.list-item--guide .list-item__label{color:var(--color-badge-purple)}.list-item__label::before{content:'';width:var(--size-dot);height:var(--size-dot);background:currentColor}.list-item__title{font-size:var(--text-xl);font-weight:var(--font-bold);text-transform:uppercase;line-height:var(--leading-snug)}.list-item__excerpt{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.list-item__meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);padding-top:var(--space-1);min-width:var(--size-list-meta-min)}.list-item__date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase}.list-item__views{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.list-item__premium{display:inline-flex;color:var(--color-primary)}.list-item__premium svg{width:14px;height:14px}.card-featured__premium{display:inline-flex;color:var(--color-primary)}.card-featured__premium svg{width:14px;height:14px}.global-search__premium{display:inline-flex;color:var(--color-primary);margin-left:var(--space-2)}.global-search__premium svg{width:12px;height:12px}.tool-logo{display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border:var(--border-width-thin) solid var(--color-border-default);overflow:hidden;flex-shrink:0}.tool-logo img{width:100%;height:100%;object-fit:contain}.tool-logo--xs{width:var(--size-tool-logo-xs);height:var(--size-tool-logo-xs)}.tool-logo--sm{width:var(--size-tool-logo-sm);height:var(--size-tool-logo-sm)}.tool-logo--md{width:var(--size-tool-logo-md);height:var(--size-tool-logo-md)}.tool-logo--lg{width:var(--size-tool-logo-lg);height:var(--size-tool-logo-lg)}@media (max-width:640px){.page-header__content{padding:var(--space-10) 0}.page-header__icon{display:none}.filters-bar{flex-direction:column;gap:var(--space-4);align-items:stretch;padding:var(--space-6)}.filters-bar__left{flex-direction:column;align-items:stretch;gap:var(--space-4)}.filter-pills-scroll{width:auto;flex:none;margin:0 calc(-1 * var(--space-6));padding:0 var(--space-6)}.filter-pills-scroll::before{left:0}.filter-pills-scroll::after{right:0}.list-item{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-6)}.list-item__index{min-width:auto}.list-item__meta{flex-direction:row;align-items:center;min-width:auto;gap:var(--space-4)}.pagination__btn{min-width:var(--size-touch-target);min-height:var(--size-touch-target);height:var(--size-touch-target);padding:0 var(--space-3)}}.tools-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:var(--border-width) solid var(--color-border-default);border-bottom:var(--border-width) solid var(--color-border-default)}.tools-list__item{display:flex;gap:var(--space-4);padding:var(--space-8) var(--space-6);border-bottom:var(--border-width) solid var(--color-border-default);background:var(--color-bg-primary);text-decoration:none;color:inherit;cursor:pointer;transition:background-color var(--transition-fast);position:relative}.tools-list__item:nth-child(odd){border-right:var(--border-width) solid var(--color-border-default)}.tools-list__item:nth-last-child(-n+2){border-bottom:none}.tools-list__item:last-child{border-bottom:none}.tools-list__item:hover{background-color:var(--color-bg-elevated)}.tools-list__item::after{content:'';position:absolute;bottom:0;left:0;width:0;height:var(--border-width-thick);background:var(--color-accent);transition:width var(--transition-base)}.tools-list__item:hover::after{width:100%}.tools-list__item:focus-visible{outline:var(--border-width-thick) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--border-width-thick))}.tools-list__index{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-600);line-height:1;min-width:var(--space-10);padding-top:var(--space-1)}.tools-list__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.tools-list__title{font-weight:var(--font-semibold);text-transform:uppercase;font-size:var(--text-base)}.tools-list__title .tag{vertical-align:baseline;font-size:var(--text-2xs);padding:var(--space-0\.5) var(--space-2);position:relative;top:-1px}.tools-list__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:900px){.tools-list{grid-template-columns:1fr}.tools-list__item:nth-child(odd){border-right:none}.tools-list__item:nth-last-child(-n+2){border-bottom:var(--border-width) solid var(--color-border-default)}.tools-list__item:last-child{border-bottom:none}.tools-list__item{flex-wrap:wrap}.tools-list__index{min-width:100%}}.guide-cards{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-8)}.guide-card{display:block;background:var(--color-bg-primary);border:var(--border-width) solid var(--color-border-default);text-decoration:none;color:inherit;cursor:pointer;transition:background var(--transition-fast);position:relative}.guide-card:hover{background:var(--color-bg-elevated)}.guide-card::after{content:'';position:absolute;bottom:0;left:0;width:0;height:var(--border-width-thick);background:var(--color-accent);transition:width var(--transition-base)}.guide-card:hover::after{width:100%}.guide-card:focus-visible{outline:var(--border-width-thick) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--border-width-thick))}.guide-card__header{padding:var(--space-6) var(--space-8)}.guide-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.guide-card__label{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-badge-purple);font-size:var(--text-sm)}.guide-card__label::before{content:'';width:var(--size-dot);height:var(--size-dot);background:currentColor}.guide-card__title{font-size:var(--text-xl);font-weight:var(--font-bold);text-transform:uppercase;line-height:var(--leading-snug);margin-bottom:var(--space-3)}.guide-card__excerpt{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.guide-card__parts{padding:var(--space-4) var(--space-8);border-top:var(--border-width-thin) solid var(--color-border-subtle);background:var(--color-bg-alt)}.guide-card__parts-list{display:flex;flex-direction:column;gap:var(--space-2)}.guide-card__part{display:flex;align-items:baseline;gap:var(--space-3);font-size:var(--text-sm)}.guide-card__part-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);min-width:var(--space-6)}.guide-card__part-title{color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide-card__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-8);border-top:var(--border-width-thin) solid var(--color-border-subtle)}.guide-card__more{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.guide-card__cta{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase}.guide-card__arrow{transition:transform var(--transition-fast)}.guide-card:hover .guide-card__arrow{transform:translateX(4px)}@media (max-width:640px){.guide-cards{padding:var(--space-6);gap:var(--space-4)}.guide-card__header{padding:var(--space-5) var(--space-6)}.guide-card__parts{padding:var(--space-4) var(--space-6)}.guide-card__footer{padding:var(--space-4) var(--space-6)}}.tool-hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.tool-hero__visual{background:var(--color-bg-alt)}.tool-hero__image{width:100%;height:auto;display:block;border:var(--border-width) solid var(--color-border-default)}.tool-hero__content{display:flex;flex-direction:column;justify-content:center}@media (max-width:1024px){.tool-hero{grid-template-columns:1fr}}.home-directory-section{display:grid;grid-template-columns:minmax(8rem,12rem) 1fr;border-bottom:var(--border-width) solid var(--color-border-default)}.home-directory-section__visual{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-gradient-lime) 100%);display:flex;align-items:center;justify-content:center;border-right:var(--border-width) solid var(--color-border-default);min-height:100%}.home-directory-section__symbol{font-family:var(--font-mono);font-size:clamp(4rem,8vw,8rem);font-weight:var(--font-bold);color:var(--color-black);line-height:1;opacity:0.9}.home-directory-section__content{display:flex;flex-direction:column}@media (max-width:768px){.home-directory-section{grid-template-columns:1fr}.home-directory-section__visual{border-right:none;border-bottom:var(--border-width) solid var(--color-border-default);padding:var(--space-6);min-height:auto}.home-directory-section__symbol{font-size:var(--text-5xl)}}.home-directory{border-bottom:var(--border-width) solid var(--color-border-default)}.home-directory-section .home-directory{border-bottom:none}.home-directory__list{display:flex;flex-direction:column}.home-directory__item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-8);border-bottom:var(--border-width) solid var(--color-border-default);text-decoration:none;color:inherit;transition:all var(--transition-fast);position:relative}.home-directory__item:last-child{border-bottom:none}.home-directory__item:hover{background:var(--color-bg-alt)}.home-directory__item:hover .home-directory__arrow{opacity:1;transform:translateX(0)}.home-directory__main{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.home-directory__header{display:flex;align-items:baseline;gap:var(--space-4)}.home-directory__index{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);min-width:var(--space-6)}.home-directory__path{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.home-directory__item--green .home-directory__path{color:var(--color-badge-green)}.home-directory__item--blue .home-directory__path{color:var(--color-badge-blue)}.home-directory__item--purple .home-directory__path{color:var(--color-badge-purple)}.home-directory__item--amber .home-directory__path{color:var(--color-badge-amber)}.home-directory__item--cyan .home-directory__path{color:var(--color-badge-cyan)}.home-directory__item--pink .home-directory__path{color:var(--color-badge-pink)}.home-directory__item--red .home-directory__path{color:var(--color-badge-red)}.news-topics{display:flex;flex-direction:column}.news-topic{padding:var(--space-8);border-bottom:var(--border-width) solid var(--color-border-default);transition:background var(--transition-fast)}.news-topic:hover{background:var(--color-bg-elevated)}.news-topic--featured{}.news-topic__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.news-topic__label{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-primary)}.news-topic__time{flex-shrink:0}.news-topic__title{font-size:var(--text-xl);font-weight:var(--font-bold);line-height:var(--leading-snug);margin-bottom:var(--space-3)}.news-topic__title a{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}.news-topic__title a:hover{color:var(--color-primary)}.news-topic__title a::after{content:' \2197';font-size:var(--text-sm);opacity:var(--opacity-muted)}.news-topic__excerpt{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-topic__sources{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.news-topic__more{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.news-topic__title--cluster{font-size:var(--text-2xl);text-transform:none;letter-spacing:var(--tracking-tight)}.news-topic__excerpt--cluster{-webkit-line-clamp:4}.news-topic__refs{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4);border-top:var(--border-width-thin) solid var(--color-border-subtle)}.news-topic__refs-list{display:flex;flex-direction:column}.news-topic__ref{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;font-size:var(--text-xs);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.news-topic__ref:hover{color:var(--color-primary)}.news-topic__ref-icon{width:var(--space-4);height:var(--space-4);flex-shrink:0;opacity:var(--opacity-subtle);border-radius:50%}.news-topic__ref-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:640px){.news-topic{padding:var(--space-6)}.news-topic__title{font-size:var(--text-lg)}.news-topic__title--cluster{font-size:var(--text-xl)}.news-topic__excerpt--cluster{-webkit-line-clamp:3}.news-topic__ref{font-size:var(--text-xs)}}.home-directory__desc{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed);padding-left:calc(var(--space-6) + var(--space-4))}.home-directory__meta{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0;margin-left:auto}.home-directory__count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-2)}.home-directory__count::before{content:'';width:var(--size-dot-sm);height:var(--size-dot-sm);background:currentColor}.home-directory__arrow{color:var(--color-text-muted);opacity:0;transform:translateX(-8px);transition:all var(--transition-fast)}@media (max-width:768px){.home-directory__item{padding:var(--space-5) var(--space-6)}.home-directory__index{display:none}.home-directory__desc{padding-left:0}.home-directory__arrow{opacity:1;transform:none}}.reading-progress{position:fixed;top:var(--nav-height);left:0;width:0;height:var(--border-width-thick);background:var(--color-primary);z-index:var(--z-fixed);transition:width var(--duration-instant) linear}.article-content{position:relative}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-6) 0;border-bottom:var(--border-width-thin) solid var(--color-border-default);font-family:var(--font-mono);font-size:var(--text-xs)}.breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb__sep{color:var(--color-border-default)}.breadcrumb__current{color:var(--color-text-primary)}.detail-header{padding-top:calc(var(--nav-height) + var(--space-1));border-bottom:var(--border-width) solid var(--color-border-default);background:var(--color-bg-elevated)}.detail-header__content{display:grid;grid-template-columns:1fr auto;gap:var(--space-12);padding:var(--space-10) 0}.detail-header__phrase{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-accent);margin-bottom:var(--space-4);font-size:var(--text-sm)}.detail-header__phrase::before{content:'';width:var(--size-dot);height:var(--size-dot);background:currentColor}.detail-header__tags{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.detail-header__title{display:flex;align-items:center;gap:var(--space-4);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4)}.detail-header__icon{width:var(--space-12);height:var(--space-12);display:flex;align-items:center;justify-content:center;border:var(--border-width) solid var(--color-accent);color:var(--color-accent);flex-shrink:0}.detail-header__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:var(--container-prose);line-height:var(--leading-relaxed)}.detail-header__actions{display:flex;flex-direction:column;gap:var(--space-3);align-self:center}.detail-header--admin{background:linear-gradient(to bottom,var(--color-error-tint) 0%,var(--color-bg-alt) 100%);border-bottom-color:var(--color-error)}.tabs{display:flex;border-top:var(--border-width) solid var(--color-border-default);border-left:var(--border-width) solid var(--color-border-default);border-right:var(--border-width) solid var(--color-border-default)}.tab{padding:var(--space-4) var(--space-8);background:transparent;border:none;border-right:var(--border-width) solid var(--color-border-default);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.tab:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.tab--active{background:var(--color-bg-primary);color:var(--color-text-primary);border-bottom:var(--border-width-thick) solid var(--color-primary);margin-bottom:calc(-1 * var(--border-width))}.detail-layout{display:grid;grid-template-columns:1fr var(--size-detail-sidebar);width:100%;border-bottom:var(--border-width) solid var(--color-border-default)}.detail-content{padding:var(--space-10) var(--space-8) var(--space-16);border-right:var(--border-width) solid var(--color-border-default);min-width:0}.detail-content__hero{margin:calc(-1 * var(--space-10)) calc(-1 * var(--space-8)) var(--space-10);border-bottom:var(--border-width) solid var(--color-border-default);aspect-ratio:21 / 9;overflow:hidden}.detail-content__hero img{width:100%;height:100%;object-fit:cover;display:block}.detail-sidebar{background:var(--color-bg-alt)}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-10)}.detail-stat{padding:var(--space-6);border:var(--border-width) solid var(--color-border-default);border-right:none;text-align:center}.detail-stat:last-child{border-right:var(--border-width) solid var(--color-border-default)}.detail-stat__value{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.detail-stat__label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;color:var(--color-text-muted)}.detail-section{margin-bottom:var(--space-10)}.detail-section__header{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:var(--border-width) solid var(--color-border-default);margin-bottom:var(--space-6)}.detail-section__title{font-size:var(--text-base);font-weight:var(--font-bold);text-transform:uppercase}.detail-section__content{color:var(--color-text-muted);line-height:var(--leading-relaxed)}.detail-section__content p+p{margin-top:var(--space-4)}.highlights-grid{display:grid;grid-template-columns:repeat(2,1fr)}.highlight{padding:var(--space-5) var(--space-6);border:var(--border-width-thin) solid var(--color-border-default);border-right:none;border-bottom:none}.highlight:nth-child(2n){border-right:var(--border-width-thin) solid var(--color-border-default)}.highlight:nth-last-child(-n+2){border-bottom:var(--border-width-thin) solid var(--color-border-default)}.highlight__label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-1)}.highlight__value{font-weight:var(--font-semibold)}.context-points{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}.context-point{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-alt);border-left:var(--border-width-thick) solid var(--color-accent)}.context-point__text{color:var(--color-text-muted);font-size:var(--text-base)}.prerequisites-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.prerequisite{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-alt);border:var(--border-width-thin) solid var(--color-border-default)}.prerequisite__check{color:var(--color-accent);font-weight:var(--font-bold)}.prerequisite__text{font-size:var(--text-base);color:var(--color-text-muted)}.premium-gate{padding:var(--space-12);background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border-default);text-align:center}.premium-gate__icon{width:var(--space-16);height:var(--space-16);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);border:var(--border-width) solid var(--color-primary);color:var(--color-primary)}.premium-gate__title{font-size:var(--text-2xl);font-weight:var(--font-bold);text-transform:uppercase;margin-bottom:var(--space-3)}.premium-gate__desc{color:var(--color-text-muted);max-width:var(--size-gate-content);margin:0 auto var(--space-8)}.premium-gate__features{display:flex;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-8)}.premium-gate__feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.premium-gate__feature svg{color:var(--color-accent)}.premium-gate__note{margin-top:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.sidebar-section{padding:var(--space-8);border-bottom:var(--border-width) solid var(--color-border-default)}.sidebar-section__title{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-muted);margin-bottom:var(--space-5)}.info-list{display:flex;flex-direction:column;gap:var(--space-3)}.info-list__row{display:flex;justify-content:space-between;font-size:var(--text-sm)}.info-list__label{color:var(--color-text-muted)}.info-list__value{font-weight:var(--font-medium);text-align:right}.link-cards{display:flex;flex-direction:column;gap:var(--space-3)}.link-card{display:block;padding:var(--space-4);background:var(--color-bg-primary);border:var(--border-width-thin) solid var(--color-border-default);text-decoration:none;transition:all var(--transition-fast)}.link-card:hover{border-color:var(--color-primary);background:var(--color-bg-elevated)}.link-card__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.link-card__meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.link-card--article{border-left:var(--border-width-thick) solid var(--color-success)}.link-card--journey{border-left:var(--border-width-thick) solid var(--color-purple)}.link-card--api,.link-card--tool{border-left:var(--border-width-thick) solid var(--color-blue)}.link-card--guide{border-left:var(--border-width-thick) solid var(--color-purple)}.link-card--doc{border-left:var(--border-width-thick) solid var(--color-amber)}.sidebar-section__view-all{display:block;margin-top:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);text-decoration:none}.sidebar-section__view-all:hover{text-decoration:underline}.toc{list-style:none;border-left:var(--border-width) solid var(--color-border-default)}.toc__item+.toc__item{margin-top:var(--space-px)}.toc__link{display:block;padding:var(--space-2) var(--space-4);margin-left:calc(-1 * var(--border-width));border-left:var(--border-width) solid transparent;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-decoration:none;transition:all var(--transition-fast)}.toc__link:hover{color:var(--color-text-primary);border-left-color:var(--color-text-primary)}.toc__link--active{color:var(--color-primary);border-left-color:var(--color-primary)}.toc__link--h3{padding-left:var(--space-6)}.toc__link--h3::before{content:'— ';color:var(--color-border-default)}.toc__link--h4{padding-left:var(--space-8)}.toc__link--h4::before{content:'—— ';color:var(--color-border-default)}.article-content--with-toc{display:block;position:relative}.article-content--with-toc .prose{min-width:0}.article-toc{display:none}.article-toc__nav{padding-right:var(--space-4)}.article-toc__title{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-muted);margin-bottom:var(--space-3)}.article-toc__list{list-style:none}.article-toc__item+.article-toc__item{margin-top:0}.article-toc__link{display:block;padding:var(--space-1\.5) 0 var(--space-1\.5) var(--space-3);border-left:var(--border-width-thin) solid var(--color-border-subtle);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted);text-decoration:none;transition:all var(--transition-fast)}.article-toc__link:hover{color:var(--color-text-primary);border-left-color:var(--color-text-muted)}.article-toc__link--active{color:var(--color-primary);border-left-color:var(--color-primary)}.article-toc__link--h3,.article-toc__link--h4{border-left:var(--border-width-thin) solid var(--color-border-subtle)}.article-toc__link--h3{padding-left:var(--space-4);opacity:0.8}.article-toc__link--h4{padding-left:var(--space-6);opacity:0.65}.article-toc__link--h3:hover,.article-toc__link--h4:hover{border-left-color:var(--color-border-default)}.article-toc__link--h3.article-toc__link--active,.article-toc__link--h4.article-toc__link--active{border-left-color:var(--color-primary)}.article-toc-mobile{display:block;padding:var(--space-4);margin-bottom:var(--space-6);border:var(--border-width-thin) solid var(--color-border-subtle);background:var(--color-bg-alt)}.article-toc-mobile__header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.article-toc-mobile__title{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-muted)}.article-toc-mobile__icon{width:var(--space-5);height:var(--space-5);color:var(--color-text-muted);transition:transform var(--transition-fast)}.article-toc-mobile--open .article-toc-mobile__icon{transform:rotate(180deg)}.article-toc-mobile__list{display:none;list-style:none;margin-top:var(--space-3);padding-left:var(--space-3);border-left:var(--border-width-thin) solid var(--color-border-subtle)}.article-toc-mobile--open .article-toc-mobile__list{display:block}.article-toc-mobile__link{display:block;padding:var(--space-1\.5) var(--space-3);border-left:var(--border-width-thin) solid var(--color-border-subtle);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted);text-decoration:none}.article-toc-mobile__link:hover{color:var(--color-primary)}.article-toc-mobile__link--h3{padding-left:var(--space-5)}.article-toc-mobile__link--h4{padding-left:var(--space-7)}@media (min-width:768px){.article-content--with-toc{display:flex;flex-direction:row;gap:var(--space-8);align-items:flex-start}.article-content--with-toc .prose{flex:1;min-width:0}.article-toc{display:block;flex-shrink:0;width:var(--size-article-toc);position:-webkit-sticky;position:sticky;top:calc(var(--nav-height) + var(--space-6));max-height:calc(100vh - var(--nav-height) - var(--space-12));overflow-y:auto;align-self:flex-start}.article-toc-mobile{display:none !important}}@media (max-width:768px){.article-content--with-toc{display:block}.article-toc{display:none !important}.article-toc-mobile{display:block}}@media (max-width:1024px){.detail-layout{grid-template-columns:1fr}.detail-content{border-right:none}.detail-sidebar{border-top:var(--border-width) solid var(--color-border-default)}.detail-stats{grid-template-columns:repeat(2,1fr)}.detail-stat:nth-child(2){border-right:var(--border-width) solid var(--color-border-default)}.detail-stat:nth-child(1),.detail-stat:nth-child(2){border-bottom:none}.detail-header__content{grid-template-columns:1fr;gap:var(--space-8)}.detail-header__actions{flex-direction:row}}@media (max-width:640px){.detail-header{padding-top:var(--nav-height)}.detail-header__content{padding:var(--space-8) 0}.detail-content{padding:var(--space-8) var(--space-6) var(--space-12)}.detail-content__hero{margin:calc(-1 * var(--space-8)) calc(-1 * var(--space-6)) var(--space-8)}.detail-header__title{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.detail-stats{grid-template-columns:1fr 1fr}.highlights-grid,.prerequisites-grid{grid-template-columns:1fr}.highlight,.highlight:nth-child(2n){border-right:var(--border-width-thin) solid var(--color-border-default)}.premium-gate{padding:var(--space-8)}.premium-gate__features{flex-direction:column;gap:var(--space-3)}.tabs{overflow-x:auto}.tab{padding:var(--space-4) var(--space-6);white-space:nowrap}.sidebar-section{padding:var(--space-6)}}.content-list{display:flex;flex-direction:column}.content-list__item{display:flex;align-items:flex-start;gap:var(--space-6);padding:var(--space-6) var(--space-8);border-bottom:var(--border-width-thin) solid var(--color-border-subtle);text-decoration:none;color:inherit;transition:background-color var(--transition-fast)}.content-list__item:hover{background-color:var(--color-bg-elevated)}.content-list__item:last-child{border-bottom:none}.content-list__index{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);flex-shrink:0;width:var(--space-8)}.content-list__main{flex:1;min-width:0}.content-list__title{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.content-list__excerpt{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:var(--leading-relaxed)}.content-list__meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);flex-shrink:0}.content-list__date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}@media (max-width:640px){.content-list__item{flex-direction:column;gap:var(--space-3);padding:var(--space-6)}.content-list__index{display:none}.content-list__meta{flex-direction:row;align-items:center;width:100%}}.prose{color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:90ch;margin-left:auto;margin-right:auto;overflow-wrap:break-word;word-wrap:break-word}.prose>*:first-child{margin-top:0}.prose>*:last-child{margin-bottom:var(--space-6)}.prose h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:var(--tracking-tight);margin-top:var(--space-12);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:var(--border-width) solid var(--color-border-default)}.prose h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:var(--tracking-tight);margin-top:var(--space-10);margin-bottom:var(--space-4)}.prose h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-top:var(--space-8);margin-bottom:var(--space-3)}.prose h5{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-top:var(--space-6);margin-bottom:var(--space-2)}.prose h6{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-top:var(--space-6);margin-bottom:var(--space-2)}.prose p{margin-top:var(--space-4);margin-bottom:var(--space-4)}.prose strong{font-weight:var(--font-semibold);color:var(--color-text-primary)}.prose em{font-style:italic}.prose del{text-decoration:line-through;color:var(--color-text-muted)}.prose mark{background:var(--color-primary);color:var(--color-black);padding:0.125em 0.25em}.prose kbd{font-family:var(--font-mono);font-size:0.875em;background:var(--color-bg-elevated);color:var(--color-text-primary);padding:0.2em 0.5em;border:var(--border-width) solid var(--color-border-default);border-bottom-width:var(--border-width-thick)}.prose abbr{text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--color-text-muted);text-underline-offset:var(--border-width-thick);cursor:help}.prose abbr:hover{color:var(--color-primary);text-decoration-color:var(--color-primary)}.prose a{color:var(--color-primary);text-decoration:underline;text-underline-offset:var(--border-width);transition:color var(--transition-fast)}.prose a:hover{color:var(--color-primary-hover)}.prose .btn{color:var(--color-black);text-decoration:none}.prose .btn:hover{color:var(--color-black)}.prose ul,.prose ol{margin-top:var(--space-4);margin-bottom:var(--space-4);padding-left:var(--space-6)}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose li{margin-top:var(--space-2);margin-bottom:var(--space-2);padding-left:var(--space-2)}.prose li::marker{color:var(--color-accent)}.prose ul ul,.prose ol ol,.prose ul ol,.prose ol ul{margin-top:var(--space-2);margin-bottom:var(--space-2)}.prose ul ul{list-style-type:circle}.prose ul ul ul{list-style-type:square}.prose blockquote{margin:var(--space-8) 0;padding:var(--space-6) var(--space-8);background:var(--color-bg-alt);border-left:var(--border-width-thick) solid var(--color-accent)}.prose blockquote p{font-size:var(--text-lg);font-style:italic;color:var(--color-text-primary);margin-top:0}.prose blockquote p:last-child{font-style:normal;color:var(--color-text-muted);margin-bottom:0}.prose code{font-family:var(--font-mono);font-size:0.875em;background:var(--color-bg-elevated);color:var(--color-primary);padding:0.2em 0.4em;border:var(--border-width-thin) solid var(--color-border-subtle)}.prose pre{margin:var(--space-6) 0;padding:var(--space-6);background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border-default);overflow:auto;max-height:var(--size-code-block-max)}.prose__code-wrapper{position:relative;margin:var(--space-6) 0}.prose .prose__code-wrapper pre{margin:0}.prose__terminal-header{display:flex;align-items:center;justify-content:flex-end;padding:var(--space-1) var(--space-2);background:var(--color-bg-interactive);border:var(--border-width-thin) solid var(--color-border-default);border-bottom:var(--border-width-thin) solid var(--color-border-subtle)}.prose__terminal-controls{display:flex;gap:0}.prose__terminal-btn{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-6);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.prose .prose__terminal-header+pre{border-top:none}.prose__copy{position:absolute;top:var(--space-2);right:var(--space-2);z-index:var(--z-base);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);background:var(--color-bg-alt);border:var(--border-width-thin) solid var(--color-border-subtle);cursor:pointer;opacity:0;transition:opacity var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.prose__code-wrapper:hover .prose__copy{opacity:1}.prose__copy:hover{color:var(--color-text-primary);background:var(--color-bg-elevated);border-color:var(--color-border-default)}.prose__copy:focus-visible{opacity:1;outline:var(--border-width) solid var(--color-focus-ring);outline-offset:var(--border-width-thin)}.prose__copy--copied{color:var(--color-black);background:var(--color-success);border-color:var(--color-success)}.prose__copy--copied:hover{background:var(--color-success);border-color:var(--color-success)}.prose pre code{font-size:var(--text-sm);background:transparent;padding:0;border:none;color:var(--color-text-primary);line-height:var(--leading-normal)}.prose table{width:100%;margin:var(--space-8) 0;border-collapse:collapse;font-size:var(--text-sm)}.prose th{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);text-align:left;padding:var(--space-4) var(--space-6) var(--space-4) 0;border-bottom:var(--border-width) solid var(--color-border-default);color:var(--color-text-muted)}.prose th:last-child{padding-right:0}.prose td{padding:var(--space-4) var(--space-6) var(--space-4) 0;border-bottom:var(--border-width-thin) solid var(--color-border-subtle);vertical-align:top;color:var(--color-text-primary)}.prose td:last-child{padding-right:0}.prose tbody tr:last-child td{border-bottom:none}.prose tbody tr:hover{background:var(--color-bg-alt)}.prose td a{color:var(--color-text-primary);text-decoration:underline;text-decoration-color:var(--color-primary);text-underline-offset:var(--border-width-thick)}.prose td a:hover{color:var(--color-primary)}.prose hr{margin:var(--space-10) 0;border:none;border-top:var(--border-width) solid var(--color-border-default)}.prose img{display:block;max-width:100%;height:auto;margin:var(--space-8) 0}.prose figure{margin:var(--space-8) 0}.prose figure img{margin:0}.prose figcaption{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--border-width-thin) solid var(--color-border-subtle)}.prose dl{margin:var(--space-6) 0}.prose dt{font-weight:var(--font-semibold);color:var(--color-text-primary);margin-top:var(--space-4)}.prose dt:first-child{margin-top:0}.prose dd{margin-left:0;margin-top:var(--space-1);padding-left:var(--space-6);color:var(--color-text-muted);border-left:var(--border-width-thin) solid var(--color-border-subtle)}@media (max-width:640px){.prose{max-width:100%}.prose h2{font-size:var(--text-xl);margin-top:var(--space-10)}.prose h3{font-size:var(--text-lg);margin-top:var(--space-8)}.prose blockquote{padding:var(--space-4) var(--space-6)}.prose pre{padding:var(--space-4);padding-top:var(--space-10);font-size:var(--text-xs)}.prose__copy{opacity:var(--opacity-subtle)}.prose__code-wrapper:hover .prose__copy,.prose__copy:focus-visible{opacity:1}.prose table{display:block;overflow-x:auto}.prose th,.prose td{padding:var(--space-3) var(--space-4) var(--space-3) 0;white-space:nowrap}}.ai-helper{margin:var(--space-12) 0;padding:var(--space-8);background:var(--color-bg-alt);border:var(--border-width-thick) solid var(--color-primary)}.ai-helper__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.ai-helper__icon{width:var(--size-icon-lg);height:var(--size-icon-lg);color:var(--color-primary);flex-shrink:0}.ai-helper__title{font-size:var(--text-lg);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.ai-helper__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);max-width:60ch}.ai-helper__prompt{position:relative;background:var(--color-bg-primary);border:var(--border-width) solid var(--color-border-default);padding:var(--space-6)}.ai-helper__text{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);white-space:pre-wrap;word-wrap:break-word;margin:0;padding-right:var(--space-24)}.ai-helper__copy{position:absolute;top:var(--space-4);right:var(--space-4)}.ai-helper__copy--copied{background:var(--color-success);border-color:var(--color-success)}@media (max-width:640px){.ai-helper{padding:var(--space-6)}.ai-helper__text{padding-right:0;padding-bottom:var(--space-4)}.ai-helper__copy{position:static;width:100%;margin-top:var(--space-4)}}.guide-pagination{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-12);padding-top:var(--space-8);border-top:var(--border-width) solid var(--color-border-default)}.guide-pagination__link{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--color-bg-alt);border:var(--border-width-thin) solid var(--color-border-default);text-decoration:none;color:inherit;transition:all var(--transition-fast)}.guide-pagination__link:hover{border-color:var(--color-primary);background:var(--color-bg-elevated)}.guide-pagination__link--prev{text-align:left}.guide-pagination__link--next{text-align:right}.guide-pagination__label{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted)}.guide-pagination__link--next .guide-pagination__label{justify-content:flex-end}.guide-pagination__arrow{width:var(--space-4);height:var(--space-4);color:var(--color-primary)}.guide-pagination__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-snug)}.guide-pagination__empty{opacity:0;pointer-events:none}.guide-nav-banner{display:none;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border-bottom:var(--border-width-thin) solid var(--color-border-subtle);border-left:var(--border-width-thick) solid var(--color-purple)}.guide-nav-banner__info{min-width:0}.guide-nav-banner__icon{display:inline;vertical-align:middle;margin-right:var(--space-1);color:var(--color-purple)}.guide-nav-banner__text{color:var(--color-text-secondary);line-height:var(--leading-snug);font-size:var(--text-base)}.guide-nav-banner__link{display:block;color:var(--color-text-primary);font-weight:var(--font-medium);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-nav-banner__link:hover{color:var(--color-primary)}.guide-nav-banner__trigger{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-primary);border:var(--border-width) solid var(--color-primary);color:var(--color-black);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.guide-nav-banner__trigger:hover{background:transparent;color:var(--color-primary)}.guide-nav-banner__trigger-text{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);white-space:nowrap}.guide-nav-sheet{position:fixed;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;overflow:hidden}.guide-nav-sheet--open{pointer-events:auto}.guide-nav-sheet__backdrop{position:absolute;inset:0;background:var(--color-backdrop);opacity:0;transition:opacity var(--transition-base) ease-out}.guide-nav-sheet--open .guide-nav-sheet__backdrop{opacity:1}.guide-nav-sheet__panel{position:relative;max-height:80vh;display:flex;flex-direction:column;background:var(--color-bg-primary);border-top:var(--border-width) solid var(--color-border-default);transform:translateY(100%);transition:transform var(--transition-base) ease-out}.guide-nav-sheet--open .guide-nav-sheet__panel{transform:translateY(0)}.guide-nav-sheet__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-elevated);border-bottom:var(--border-width-thin) solid var(--color-border-subtle);flex-shrink:0}.guide-nav-sheet__meta{min-width:0}.guide-nav-sheet__label{display:block;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-purple);margin-bottom:var(--space-1)}.guide-nav-sheet__title{display:block;font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-snug)}.guide-nav-sheet__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);background:none;border:var(--border-width-thin) solid var(--color-border-default);color:var(--color-text-secondary);font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-fast)}.guide-nav-sheet__close:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.guide-nav-sheet__progress{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);flex-shrink:0}.guide-nav-sheet__position{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.guide-nav-sheet__bar{flex:1;height:var(--border-width-thick);background:var(--color-border-subtle)}.guide-nav-sheet__fill{height:100%;width:var(--progress,0%);background:var(--color-primary)}.guide-nav-sheet__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.guide-nav-sheet__body .guide-nav__header{display:none}@media (max-width:767px){.guide-nav-banner{display:flex}}@media (min-width:768px){.guide-nav-sheet{display:none !important}}@media (max-width:640px){.guide-pagination{grid-template-columns:1fr;gap:var(--space-3)}.guide-pagination__link--prev,.guide-pagination__link--next{text-align:left}.guide-pagination__link--next .guide-pagination__label{justify-content:flex-start}}.sidebar-section--guide{background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border-default);margin-bottom:var(--space-6)}.guide-sidebar{padding:var(--space-4)}.guide-sidebar__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.guide-sidebar__icon{color:var(--color-purple);flex-shrink:0}.guide-sidebar__label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted)}.guide-sidebar__title{display:block;font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-tight);text-decoration:none;margin-bottom:var(--space-3)}.guide-sidebar__title:hover{color:var(--color-primary)}.guide-sidebar__progress{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.guide-sidebar__position{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.guide-sidebar__progress-bar{height:var(--space-1);background:var(--color-border-subtle)}.guide-sidebar__progress-fill{height:100%;width:var(--progress,0%);background:var(--color-primary)}.guide-sidebar__details{border-top:var(--border-width-thin) solid var(--color-border-subtle);padding-top:var(--space-3);margin-bottom:var(--space-4)}.guide-sidebar__summary{display:flex;align-items:center;cursor:pointer;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);padding:var(--space-2) 0;user-select:none}.guide-sidebar__summary:hover{color:var(--color-text-primary)}.guide-sidebar__summary::marker,.guide-sidebar__summary::-webkit-details-marker{display:none}.guide-sidebar__summary::before{content:'+';margin-right:var(--space-2);font-weight:var(--font-bold)}.guide-sidebar__details[open] .guide-sidebar__summary::before{content:'-'}.guide-sidebar__list{list-style:none;margin-top:var(--space-3)}.guide-sidebar__item{margin-bottom:var(--space-1)}.guide-sidebar__item-link{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2);margin:0 calc(-1 * var(--space-2));text-decoration:none;color:var(--color-text-muted);border-left:var(--border-width) solid transparent;transition:all var(--transition-fast)}a.guide-sidebar__item-link:hover{color:var(--color-text-primary);background:var(--color-bg-alt)}.guide-sidebar__item--active .guide-sidebar__item-link{color:var(--color-text-primary);border-left-color:var(--color-primary);background:var(--color-bg-alt)}.guide-sidebar__item--disabled .guide-sidebar__item-link{opacity:var(--opacity-muted);cursor:not-allowed}.guide-sidebar__item-num{flex-shrink:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);min-width:var(--space-4)}.guide-sidebar__item--active .guide-sidebar__item-num{color:var(--color-primary)}.guide-sidebar__item-title{font-size:var(--text-sm);line-height:var(--leading-snug)}.guide-sidebar__nav{display:flex;gap:var(--space-2);border-top:var(--border-width-thin) solid var(--color-border-subtle);padding-top:var(--space-4)}.guide-sidebar__nav-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);text-decoration:none;color:var(--color-text-secondary);background:var(--color-bg-alt);border:var(--border-width-thin) solid var(--color-border-default);transition:all var(--transition-fast)}a.guide-sidebar__nav-btn:hover{color:var(--color-text-primary);border-color:var(--color-primary)}.guide-sidebar__nav-btn--disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.guide-toc{margin-bottom:var(--space-8)}.guide-toc__list{list-style:none;counter-reset:guide-item;display:flex;flex-direction:column;gap:var(--space-3)}.guide-toc__item{}.guide-toc__link{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);text-decoration:none;color:inherit;background:var(--color-bg-alt);border:var(--border-width-thin) solid var(--color-border-subtle);transition:all var(--transition-fast)}a.guide-toc__link{cursor:pointer}a.guide-toc__link:hover{background:var(--color-bg-elevated);border-color:var(--color-border-default)}a.guide-toc__link:hover .guide-toc__arrow{transform:translateX(4px);color:var(--color-primary)}.guide-toc__item--disabled .guide-toc__link{opacity:var(--opacity-muted)}.guide-toc__number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-muted);background:var(--color-bg-elevated);border:var(--border-width-thin) solid var(--color-border-subtle)}a.guide-toc__link:hover .guide-toc__number{color:var(--color-primary);border-color:var(--color-primary)}.guide-toc__content{flex:1;min-width:0}.guide-toc__item-title{display:block;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-snug);margin-bottom:var(--space-1)}.guide-toc__item-excerpt{display:block;font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);margin-bottom:var(--space-2)}.guide-toc__item-excerpt:last-child{margin-bottom:0}.guide-toc__item-meta{display:inline-block;padding:var(--space-1) var(--space-2);background:var(--color-bg-elevated);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text-muted)}.guide-toc__coming-soon{display:inline-block;margin-top:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-bg-elevated);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted)}.guide-toc__arrow{flex-shrink:0;align-self:center;color:var(--color-text-muted);transition:all var(--transition-fast)}.guide-start{display:flex;justify-content:center;padding:var(--space-8) 0}@media (max-width:640px){.guide-toc__link{padding:var(--space-4) var(--space-2)}.guide-toc__number{width:var(--space-6)}.guide-toc__module-number{font-size:var(--text-2xl)}.guide-toc__module-title{font-size:var(--text-base)}}.guide-toc__module-header{display:flex;align-items:baseline;gap:var(--space-4);padding:var(--space-6) var(--space-4) var(--space-3);position:relative}.guide-toc__module-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:var(--border-width-thick);background:var(--color-accent)}.guide-toc__module-number{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-accent);line-height:var(--leading-none);flex-shrink:0}.guide-toc__module-title{font-size:var(--text-lg);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-tight);color:var(--color-text-primary);line-height:var(--leading-tight)}.guide-sidebar__module-label{display:block;padding:var(--space-3) var(--space-2) var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);border-top:var(--border-width-thin) solid var(--color-border-subtle)}.guide-sidebar__module-label:first-child{border-top:none;padding-top:0}.guide-nav__header{padding:var(--space-4);background:var(--color-bg-elevated);border:var(--border-width-thin) solid var(--color-border-subtle)}.guide-nav__top{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.guide-nav__icon{color:var(--color-purple);flex-shrink:0}.guide-nav__label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted)}.guide-nav__title{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-snug);text-decoration:none;margin-bottom:var(--space-3)}.guide-nav__title:hover{color:var(--color-primary)}.guide-nav__progress{display:flex;align-items:center;gap:var(--space-3)}.guide-nav__position{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.guide-nav__bar{flex:1;height:var(--border-width-thick);background:var(--color-border-subtle)}.guide-nav__fill{height:100%;width:var(--progress,0%);background:var(--color-primary)}.guide-nav__arrows{display:none;gap:var(--space-2)}.guide-nav-sheet__body .guide-nav__arrows{display:flex}.guide-nav__arrow-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);text-decoration:none;color:var(--color-text-secondary);background:var(--color-bg-alt);border:var(--border-width-thin) solid var(--color-border-default);transition:all var(--transition-fast)}a.guide-nav__arrow-btn:hover{color:var(--color-text-primary);border-color:var(--color-primary)}.guide-nav__arrow-btn--disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.guide-nav__chapters{list-style:none;border-top:var(--border-width-thin) solid var(--color-border-subtle);margin-top:var(--space-4)}.guide-nav__chapter{border-bottom:var(--border-width-thin) solid var(--color-border-subtle)}.guide-nav__chapter:last-child{border-bottom:none}.guide-nav__chapter-link{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);text-decoration:none;color:var(--color-text-muted);border-left:var(--border-width-thick) solid transparent;transition:all var(--transition-fast)}a.guide-nav__chapter-link:hover{color:var(--color-text-primary);background:var(--color-bg-alt)}.guide-nav__chapter--active>.guide-nav__chapter-link{color:var(--color-text-primary);border-left-color:var(--color-primary);background:var(--color-bg-alt)}.guide-nav__chapter--disabled>.guide-nav__chapter-link{opacity:var(--opacity-muted);cursor:not-allowed}.guide-nav__chapter-num{flex-shrink:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-muted);min-width:var(--space-6)}.guide-nav__chapter--active .guide-nav__chapter-num{color:var(--color-primary)}.guide-nav__chapter-content{flex:1}.guide-nav__chapter-title{display:block;font-weight:var(--font-semibold);line-height:var(--leading-snug);margin-bottom:var(--space-1)}.guide-nav__chapter-meta{display:block;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.guide-nav__toc{list-style:none;margin:0 var(--space-4) 0;margin-left:calc(var(--space-6) + var(--space-3) + var(--space-4));padding:var(--space-3) 0 var(--space-3) var(--space-3);border-left:var(--border-width-thin) solid var(--color-border-subtle)}.guide-nav__toc-link{display:block;padding:var(--space-2) var(--space-3);line-height:var(--leading-normal);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.guide-nav__toc-link:hover{color:var(--color-primary)}.guide-nav__toc-link--active{color:var(--color-primary)}.guide-nav__toc-link--h3{padding-left:var(--space-6)}.guide-nav__toc-link--h4{padding-left:var(--space-8)}.guide-nav__module{border-bottom:var(--border-width-thin) solid var(--color-border-subtle)}.guide-nav__module:last-child{border-bottom:none}.guide-nav__module-toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:none;cursor:pointer;color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast)}.guide-nav__module-toggle:hover{color:var(--color-text-primary)}.guide-nav__module-toggle--disabled{cursor:not-allowed;opacity:var(--opacity-muted)}.guide-nav__module-chevron{flex-shrink:0;transition:transform var(--transition-fast)}.guide-nav__module--expanded .guide-nav__module-chevron{transform:rotate(90deg)}.guide-nav__module-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);flex:1;text-align:left}.guide-nav__module-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0}.guide-nav__module-items{list-style:none}.guide-nav__module-items[hidden]{display:none}@media (min-width:768px){.guide-nav__chapter-title{font-size:var(--text-sm)}.guide-nav__chapter-meta{font-size:var(--text-xs)}.guide-nav__chapter-num{font-size:var(--text-xs)}.guide-nav__chapter-link{padding:var(--space-3);gap:var(--space-2)}.guide-nav__toc-link{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.article-toc:has(.guide-nav){width:clamp(var(--size-article-toc),25vw,var(--size-guide-nav))}}.guide-bottom-line{margin-bottom:var(--space-8);padding:var(--space-6);background:var(--color-bg-alt);border-left:var(--border-width-accent) solid var(--color-purple)}.guide-bottom-line__title{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-purple);margin-bottom:var(--space-4)}.guide-bottom-line__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.guide-bottom-line__stat{display:flex;flex-direction:column;gap:var(--space-2)}.guide-bottom-line__icon{width:var(--size-icon-lg);height:var(--size-icon-lg);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.guide-bottom-line__label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted)}.guide-bottom-line__value{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-snug)}@media (max-width:640px){.guide-bottom-line__grid{grid-template-columns:1fr;gap:var(--space-5)}.guide-bottom-line__stat{flex-direction:row;align-items:flex-start;gap:var(--space-3)}.guide-bottom-line__icon{flex-shrink:0}}.article-gate-teaser{flex:1;min-width:0}.article-gate-fade{height:var(--space-16);margin-top:calc(-1 * var(--space-16));position:relative;background:linear-gradient(transparent,var(--color-bg-primary));pointer-events:none}.guide-gate{margin:var(--space-6) 0;padding:var(--space-8);background:var(--color-bg-alt);border:var(--border-width-thin) solid var(--color-purple);text-align:center}.guide-gate__icon{width:var(--space-12);height:var(--space-12);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);background:var(--color-bg-elevated);border:var(--border-width-thin) solid var(--color-purple);color:var(--color-purple)}.guide-gate__title{font-size:var(--text-xl);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2)}.guide-gate__desc{color:var(--color-text-muted);max-width:var(--size-gate-content);margin:0 auto var(--space-6);line-height:var(--leading-relaxed)}.guide-gate__form{display:flex;max-width:24rem;margin:0 auto;border:var(--border-width) solid var(--color-border-default);background:var(--color-bg-primary)}.guide-gate__input{flex:1;padding:var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background:transparent;border:none}.guide-gate__input:focus{outline:none}.guide-gate__input::placeholder{color:var(--color-text-muted)}.guide-gate__form:focus-within{border-color:var(--color-primary)}.guide-gate__oauth{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4)}.guide-gate__divider{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.guide-gate__divider::before,.guide-gate__divider::after{content:'';flex:1;height:var(--border-width-thin);background:var(--color-border-default)}.guide-gate__divider-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.guide-gate__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.guide-gate__submit{padding:var(--space-4) var(--space-6);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-black);background:var(--color-primary);border:none;border-left:var(--border-width) solid var(--color-border-default);cursor:pointer;transition:all var(--transition-fast)}.guide-gate__submit:hover{background:var(--color-primary-hover)}.guide-gate__submit:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--border-width) var(--color-black)}.guide-gate__privacy{margin-top:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.guide-gate__privacy a{color:var(--color-text-muted);text-decoration:underline}.guide-gate__privacy a:hover{color:var(--color-primary)}.guide-gate__error{margin-top:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-error)}@media (max-width:640px){.guide-gate{padding:var(--space-6)}.guide-gate__form{flex-direction:column;border:none;background:none}.guide-gate__input{border:var(--border-width) solid var(--color-border-default);background:var(--color-bg-primary);margin-bottom:var(--space-3)}.guide-gate__submit{border:var(--border-width) solid var(--color-primary);border-left:var(--border-width) solid var(--color-primary)}}.guide-toc__item--locked .guide-toc__link{cursor:default;opacity:var(--opacity-muted)}.guide-toc__item--locked .guide-toc__link:hover{background:var(--color-bg-alt);border-left-color:transparent}.guide-toc__item--locked .guide-toc__link:hover .guide-toc__number{color:var(--color-text-muted);border-color:var(--color-border-subtle)}.guide-toc__lock{display:inline-flex;align-items:center;margin-left:var(--space-2);color:var(--color-primary);vertical-align:middle}.guide-toc__lock svg{width:var(--space-3);height:var(--space-3)}.guide-nav__lock-icon{display:inline;vertical-align:middle;margin-right:var(--space-1);color:var(--color-primary)}.guide-gate__state{}.guide-gate__icon--pending{border-color:var(--color-primary);color:var(--color-primary)}.guide-gate__hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-6)}.guide-gate__resend{margin-bottom:var(--space-4)}.guide-gate__resend-btn{padding:var(--space-3) var(--space-6);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary);background:var(--color-bg-elevated);border:var(--border-width-thin) solid var(--color-border-default);cursor:pointer;transition:all var(--transition-fast)}.guide-gate__resend-btn:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-primary)}.guide-gate__resend-btn:disabled{opacity:var(--opacity-muted);cursor:not-allowed}.guide-gate__try-another{display:inline-block;padding:0;background:none;border:none;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-decoration:underline;cursor:pointer;transition:color var(--transition-fast)}.guide-gate__try-another:hover{color:var(--color-primary)}.guide-verify-error{padding:var(--space-12) var(--space-6);text-align:center;max-width:var(--container-sm);margin:0 auto}.guide-verify-error__icon{width:var(--space-16);height:var(--space-16);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border-default);color:var(--color-text-muted)}.guide-verify-error__icon--expired{border-color:var(--color-warning);color:var(--color-warning)}.guide-verify-error__icon--used{border-color:var(--color-success);color:var(--color-success)}.guide-verify-error__icon--malformed,.guide-verify-error__icon--invalid,.guide-verify-error__icon--error{border-color:var(--color-error);color:var(--color-error)}.guide-verify-error__title{font-size:var(--text-2xl);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-3)}.guide-verify-error__message{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.guide-verify-error__guide{display:inline-flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--color-bg-alt);border:var(--border-width-thin) solid var(--color-border-subtle);margin-bottom:var(--space-8)}.guide-verify-error__guide-label{font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-purple)}.guide-verify-error__guide-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.guide-verify-error__actions{margin-bottom:var(--space-6)}.guide-verify-error__hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-6)}.guide-verify-error__help{font-size:var(--text-sm);color:var(--color-text-muted)}.guide-verify-error__help a{color:var(--color-primary);text-decoration:none}.guide-verify-error__help a:hover{text-decoration:underline}.oauth-row{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.btn--oauth{display:flex;align-items:center;justify-content:center;width:var(--space-12);height:var(--space-12);padding:0;text-decoration:none;border:var(--border-width) solid var(--color-border-default);background:var(--color-bg-elevated);color:var(--color-text-primary);transition:all var(--transition-fast)}.btn--oauth:hover{border-color:var(--color-primary);background:var(--color-bg-alt)}.btn--oauth:focus-visible{outline:var(--border-width) solid var(--color-focus-ring);outline-offset:var(--border-width)}.btn--oauth .btn__icon{flex-shrink:0;width:var(--size-icon-md);height:var(--size-icon-md)}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.auth-divider::before,.auth-divider::after{content:'';flex:1;height:var(--border-width-thin);background:var(--color-border-default)}.auth-divider__text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.auth-card{background:var(--color-bg-alt);border:var(--border-width) solid var(--color-border-default)}.auth-card__header{padding:var(--space-8) var(--space-6) var(--space-6);text-align:center;border-bottom:var(--border-width-thin) solid var(--color-border-subtle)}.auth-card__title{font-size:var(--text-2xl);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2)}.auth-card__desc{font-size:var(--text-sm);color:var(--color-text-muted)}.auth-card__form{padding:var(--space-6)}.auth-card__form .form-group{margin-bottom:var(--space-4)}.auth-card__form .btn--full{width:100%}.auth-card__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.auth-card__error{padding:var(--space-4) var(--space-6);background:var(--color-bg-elevated);border-left:var(--border-width-thick) solid var(--color-error);color:var(--color-text-primary);font-size:var(--text-sm)}.auth-card__form .auth-card__error{margin:var(--space-4) calc(-1 * var(--space-6)) calc(-1 * var(--space-6));border-left:none;border-top:var(--border-width-thin) solid var(--color-border-subtle)}.auth-card__footer{padding:var(--space-4) var(--space-6);text-align:center;border-top:var(--border-width-thin) solid var(--color-border-subtle);font-size:var(--text-sm);color:var(--color-text-muted)}.auth-card__pending{padding:var(--space-8) var(--space-6);text-align:center}.auth-card__pending-icon{width:var(--space-16);height:var(--space-16);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);background:var(--color-bg-elevated);border:var(--border-width-thin) solid var(--color-primary);color:var(--color-primary)}.auth-card__pending-title{font-size:var(--text-xl);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-3)}.auth-card__pending-desc{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.auth-card__pending-desc strong{color:var(--color-text-primary)}.auth-card__pending-hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-6)}.auth-card__resend{margin-bottom:var(--space-4)}.auth-card__try-another{display:inline-block;padding:0;background:none;border:none;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-decoration:underline;cursor:pointer;transition:color var(--transition-fast)}.auth-card__try-another:hover{color:var(--color-primary)}.account-header{padding:var(--space-8) 0;border-bottom:var(--border-width) solid var(--color-border-default);margin-bottom:var(--space-8)}.account-header__title{font-size:var(--text-3xl);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2)}.account-header__email{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.account-section{margin-bottom:var(--space-8);padding:var(--space-6);background:var(--color-bg-alt);border:var(--border-width-thin) solid var(--color-border-subtle)}.account-section__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:var(--border-width-thin) solid var(--color-border-subtle)}.account-section__title svg{color:var(--color-primary)}.newsletter-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.newsletter-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:var(--border-width-thin) solid var(--color-border-default);cursor:pointer;transition:all var(--transition-fast)}.newsletter-item:hover{border-color:var(--color-primary)}.newsletter-item--selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-black)}.newsletter-item--selected .newsletter-item__desc{color:var(--color-black)}.newsletter-item__check{width:var(--space-5);height:var(--space-5);flex-shrink:0;opacity:0;transition:opacity var(--transition-fast)}.newsletter-item--selected .newsletter-item__check{opacity:1}.newsletter-item__content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.newsletter-item__name{font-weight:var(--font-semibold);font-size:var(--text-sm)}.newsletter-item__desc{font-size:var(--text-xs);color:var(--color-text-muted)}.topic-interests{display:flex;flex-wrap:wrap;gap:var(--space-2)}.topic-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-elevated);border:var(--border-width-thin) solid var(--color-border-default);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.topic-chip:hover{border-color:var(--color-primary)}.topic-chip--selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-black)}.topic-chip__check{width:var(--space-4);height:var(--space-4);opacity:0;transition:opacity var(--transition-fast)}.topic-chip--selected .topic-chip__check{opacity:1}.account-actions{display:flex;gap:var(--space-4);padding-top:var(--space-6);border-top:var(--border-width-thin) solid var(--color-border-subtle)}.account-danger{margin-top:var(--space-8);padding:var(--space-6);background:var(--color-bg-elevated);border:var(--border-width-thin) solid var(--color-error)}.account-danger__title{color:var(--color-error);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.account-danger__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.account-grid__left,.account-grid__right{display:flex;flex-direction:column;gap:var(--space-6)}.account-grid__left .account-section:last-of-type,.account-grid__right .account-section:last-of-type{margin-bottom:0}.account-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border:var(--border-width-thin) solid var(--color-border-default)}.account-banner--success{border-left:var(--border-width-thick) solid var(--color-success);color:var(--color-success)}.account-banner--error{border-left:var(--border-width-thick) solid var(--color-error);color:var(--color-error)}.connected-accounts{display:flex;flex-direction:column;gap:var(--space-3)}.connected-account{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:var(--border-width-thin) solid var(--color-border-default);transition:border-color var(--transition-fast)}.connected-account--linked{border-color:var(--color-primary)}.connected-account__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8)}.connected-account__info{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.connected-account__name{font-weight:var(--font-semibold);font-size:var(--text-sm)}.connected-account__email{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connected-account__action{flex-shrink:0}@media (max-width:768px){.account-grid{grid-template-columns:1fr}}.nav__notes-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:var(--nav-height);height:var(--nav-height);border:none;border-left:var(--border-width) solid var(--color-border-default);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.nav__notes-toggle:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.nav__notes-toggle:focus-visible{outline:var(--border-width) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--border-width))}.nav__notes-toggle--active{background:var(--color-primary);color:var(--color-black)}.nav__notes-toggle--active:hover{background:var(--color-primary-hover)}.nav__notes-toggle svg{flex-shrink:0}.nav__notes-count{position:absolute;top:var(--space-2);right:var(--space-2);min-width:var(--space-4);height:var(--space-4);padding:0 var(--space-1);background:var(--color-primary);color:var(--color-black);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--font-bold);line-height:var(--space-4);text-align:center}.nav__notes-count:empty{display:none}.nav__notes-toggle--active .nav__notes-count{background:var(--color-black);color:var(--color-primary)}.nav__notes-toggle--mobile{display:none}@media (max-width:640px){.nav__notes-toggle:not(.nav__notes-toggle--mobile){display:none}.nav__notes-toggle--mobile{display:flex;width:var(--nav-height);height:var(--nav-height);margin-left:auto;border-left:none;border-right:var(--border-width) solid var(--color-border-default)}.nav__admin--logged-in~.nav__notes-toggle--mobile{margin-left:0}}.quick-notes-panel{position:fixed;top:var(--nav-height);right:0;z-index:var(--z-dropdown);width:var(--size-admin-media-sidebar);max-height:calc(100vh - var(--nav-height) - var(--space-4));background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border-strong);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(calc(-1 * var(--space-4)));transition:opacity var(--duration-fast) ease,transform var(--duration-fast) ease,visibility var(--duration-fast) ease}.quick-notes-panel--open{opacity:1;visibility:visible;transform:translateY(0)}.quick-notes-panel__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border-default);background:var(--color-bg-alt)}.quick-notes-panel__title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-primary)}.quick-notes-panel__url{flex:1;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-notes-panel__close{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-left:auto;background:transparent;border:none;color:var(--color-text-muted);font-size:var(--text-lg);cursor:pointer;transition:color var(--transition-fast)}.quick-notes-panel__close:hover{color:var(--color-text-primary)}.quick-notes-panel__input{padding:var(--space-4);border-bottom:var(--border-width) solid var(--color-border-default)}.quick-notes-panel__textarea{width:100%;min-height:var(--space-20);max-height:50vh;padding:var(--space-3);background:var(--color-bg-alt);border:var(--border-width) solid var(--color-border-default);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);resize:none;overflow-y:auto}.quick-notes-panel__textarea:focus{outline:none;border-color:var(--color-primary)}.quick-notes-panel__textarea::placeholder{color:var(--color-text-muted)}.quick-notes-panel__actions{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2)}.quick-notes-panel__save{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-primary);border:var(--border-width) solid var(--color-primary);color:var(--color-black);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:var(--transition-fast)}.quick-notes-panel__save:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.quick-notes-panel__save:disabled{opacity:var(--opacity-muted);cursor:not-allowed}.quick-notes-panel__status{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.quick-notes-panel__status--saving{color:var(--color-warning)}.quick-notes-panel__status--saved{color:var(--color-success)}.quick-notes-panel__status--error{color:var(--color-error)}.quick-notes-panel__list{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.quick-notes-panel__empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.quick-notes-panel__error{color:var(--color-error);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.quick-notes-panel__retry{padding:var(--space-1) var(--space-2);background:transparent;border:var(--border-width-thin) solid var(--color-error);color:var(--color-error);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:var(--transition-fast)}.quick-notes-panel__retry:hover{background:var(--color-error);color:var(--color-white)}.quick-notes-panel__retry:focus-visible{outline:var(--border-width) solid var(--color-focus-ring);outline-offset:var(--border-width)}.quick-note{position:relative;padding:var(--space-3);background:var(--color-bg-alt);border:var(--border-width) solid var(--color-border-subtle);transition:var(--transition-fast)}.quick-note:hover{border-color:var(--color-border-default)}.quick-note--pinned{border-left:var(--border-width-accent) solid var(--color-primary)}.quick-note__content{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;cursor:pointer}.quick-note__content:hover{background:var(--color-bg-primary)}.quick-note__edit{width:100%;min-height:var(--size-admin-mobile-header);padding:var(--space-2);background:var(--color-bg-primary);border:var(--border-width-thin) solid var(--color-primary);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);resize:vertical}.quick-note__edit:focus{outline:none}.quick-note__meta{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2);padding-top:var(--space-2);border-top:var(--border-width-thin) solid var(--color-border-subtle)}.quick-note__date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.quick-note__actions{display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--duration-fast) ease}.quick-note:hover .quick-note__actions{opacity:1}.quick-note__action{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast)}.quick-note__action:hover{color:var(--color-text-primary)}.quick-note__action:focus-visible{outline:var(--border-width) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--border-width))}.quick-note__action--pin:hover{color:var(--color-primary)}.quick-note__action--delete:hover{color:var(--color-error)}.quick-note--pinned .quick-note__action--pin{color:var(--color-primary)}.quick-note__action-icon{width:var(--space-4);height:var(--space-4)}@media (max-width:640px){.quick-notes-panel{right:0;left:0;width:auto;max-height:calc(100vh - var(--nav-height) - var(--space-2))}}.notes-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.notes-list__item{padding:var(--space-3);background:var(--color-bg-alt);border-left:var(--border-width) solid var(--color-border-subtle)}.notes-list__item--pinned{border-left-color:var(--color-primary)}.notes-list__content{font-size:var(--text-sm);line-height:var(--leading-normal);white-space:pre-wrap;word-break:break-word}.notes-list__meta{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.quick-notes-quote-btn{position:absolute;z-index:var(--z-tooltip);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-primary);border:var(--border-width) solid var(--color-primary);color:var(--color-black);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.quick-notes-quote-btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-2px)}.quick-notes-quote-btn:focus-visible{outline:var(--border-width) solid var(--color-black);outline-offset:var(--border-width)}.quick-notes-quote-btn svg{flex-shrink:0}.nav__settings{display:flex;align-items:center;justify-content:center;width:var(--nav-height);height:var(--nav-height);border:none;border-left:var(--border-width) solid var(--color-border-default);color:var(--color-text-muted);background:transparent;cursor:pointer;transition:all var(--transition-fast)}.nav__settings:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.nav__settings:focus-visible{outline:var(--border-width) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--border-width))}.settings-panel{position:fixed;top:calc(var(--nav-height) + var(--space-2));right:var(--space-4);width:var(--size-admin-dropdown-max);background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border-default);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast)}.settings-panel--open{opacity:1;visibility:visible;transform:translateY(0)}.settings-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:var(--border-width-thin) solid var(--color-border-subtle)}.settings-panel__title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted)}.settings-panel__close{display:flex;align-items:center;justify-content:center;width:var(--size-icon-md);height:var(--size-icon-md);color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;transition:color var(--transition-fast)}.settings-panel__close:hover{color:var(--color-text-primary)}.settings-panel__body{padding:var(--space-4)}.settings-group{margin-bottom:var(--space-5)}.settings-group:last-child{margin-bottom:0}.settings-group__label{display:block;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-muted);margin-bottom:var(--space-2)}.settings-buttons{display:flex;gap:var(--space-1)}.settings-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-2);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);background:var(--color-bg-alt);border:var(--border-width-thin) solid var(--color-border-subtle);cursor:pointer;transition:all var(--transition-fast)}.settings-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-default)}.settings-btn--active{color:var(--color-black);background:var(--color-primary);border-color:var(--color-primary)}.settings-btn--active:hover{color:var(--color-black);background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.settings-btn svg{width:var(--size-icon-xs);height:var(--size-icon-xs)}.settings-colors{display:flex;gap:var(--space-2)}.settings-color{width:var(--space-8);height:var(--space-8);border:var(--border-width) solid var(--color-border-subtle);cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast);position:relative}.settings-color:hover{border-color:var(--color-border-default)}.settings-color--active{border-color:var(--color-text-primary)}.settings-color--active::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--size-dot);height:var(--size-dot);background:var(--color-black);border-radius:50%}.settings-color--lime{background:var(--color-accent-lime)}.settings-color--cyan{background:var(--color-accent-cyan)}.settings-color--rose{background:var(--color-accent-rose)}.settings-toggle{display:flex;align-items:center;justify-content:space-between}.settings-toggle__label{font-size:var(--text-sm);color:var(--color-text-secondary)}.settings-switch{position:relative;width:var(--size-touch-target);height:var(--space-6);background:var(--color-bg-alt);border:var(--border-width-thin) solid var(--color-border-default);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.settings-switch::after{content:'';position:absolute;top:calc((var(--space-6) - var(--space-4) - 2 * var(--border-width-thin)) / 2);left:calc((var(--space-6) - var(--space-4) - 2 * var(--border-width-thin)) / 2);width:var(--space-4);height:var(--space-4);background:var(--color-text-muted);transition:transform var(--transition-fast),background var(--transition-fast)}.settings-switch--on{background:var(--color-primary);border-color:var(--color-primary)}.settings-switch--on::after{transform:translateX(var(--space-5));background:var(--color-black)}.settings-panel__footer{padding:var(--space-3) var(--space-4);border-top:var(--border-width-thin) solid var(--color-border-subtle)}.settings-panel__hint{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text-muted);text-align:center}.resource-download{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:var(--border-width) solid var(--color-border-default);background:var(--color-bg-elevated);margin:var(--space-6) 0}.resource-download__icon{flex-shrink:0;width:var(--space-12);height:var(--space-12);display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-black)}.resource-download__icon svg{width:var(--size-icon-md);height:var(--size-icon-md)}.resource-download__content{flex:1;min-width:0}.resource-download__title{font-family:var(--font-mono);font-weight:var(--font-semibold);text-transform:uppercase;font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:var(--color-text-primary)}.resource-download__meta{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono);margin-top:var(--space-1)}.resource-download__btn{flex-shrink:0}.guide-resources{margin-top:var(--space-8);padding-top:var(--space-6);border-top:var(--border-width) solid var(--color-border-default)}.guide-resources__title{font-family:var(--font-mono);font-weight:var(--font-bold);text-transform:uppercase;font-size:var(--text-sm);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.guide-resources__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.guide-resources__list{display:flex;flex-direction:column;gap:var(--space-3)}.guide-resources__list .resource-download{margin:0}@media (max-width:640px){.resource-download{flex-direction:column;align-items:stretch;text-align:center}.resource-download__icon{width:100%;height:var(--space-12)}.resource-download__btn{width:100%}}.global-search{position:fixed;inset:0;background:var(--color-backdrop);z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.global-search--open{opacity:1;visibility:visible}.global-search__modal{width:100%;max-width:var(--size-search-modal);background:var(--color-bg-primary);border:var(--border-width) solid var(--color-border-default);transform:translateY(-10px);transition:transform var(--transition-base)}.global-search--open .global-search__modal{transform:translateY(0)}.global-search__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:var(--border-width-thin) solid var(--color-border-subtle)}.global-search__icon{color:var(--color-text-muted);flex-shrink:0}.global-search__input{flex:1;background:transparent;border:none;color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-lg);outline:none}.global-search__input::placeholder{color:var(--color-text-muted)}.global-search__kbd{padding:var(--space-1) var(--space-2);background:var(--color-bg-alt);border:var(--border-width-thin) solid var(--color-border-default);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.global-search__close{display:none;align-items:center;justify-content:center;width:var(--size-btn-icon-sm);height:var(--size-btn-icon-sm);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast)}.global-search__close:hover{color:var(--color-text-primary)}.global-search__filters{display:flex;gap:var(--space-1);padding:var(--space-3) var(--space-5);border-bottom:var(--border-width-thin) solid var(--color-border-subtle);background:var(--color-bg-alt)}.global-search__filter{padding:var(--space-1) var(--space-3);background:transparent;border:none;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;cursor:pointer;transition:color var(--transition-fast)}.global-search__filter:hover{color:var(--color-text-primary)}.global-search__filter--active{color:var(--color-text-primary);background:var(--color-bg-elevated)}.global-search__body{max-height:var(--size-search-results);overflow-y:auto}.global-search__empty{padding:var(--space-8);text-align:center}.global-search__empty-text{color:var(--color-text-muted);font-size:var(--text-sm)}.global-search__loading{padding:var(--space-8);text-align:center}.global-search__loading-text{color:var(--color-text-muted);font-size:var(--text-sm)}.global-search__results{display:flex;flex-direction:column}.global-search__result{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-5);text-decoration:none;color:inherit;cursor:pointer;transition:background var(--transition-fast)}.global-search__result:hover,.global-search__result--selected{background:var(--color-bg-elevated)}.global-search__result--selected{border-left:var(--border-width-thick) solid var(--color-accent);padding-left:calc(var(--space-5) - var(--border-width-thick))}.global-search__result-breadcrumb{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.global-search__result-type--article{color:var(--color-badge-green)}.global-search__result-type--tool{color:var(--color-badge-blue)}.global-search__result-type--guide{color:var(--color-badge-purple)}.global-search__result-title{font-size:var(--text-base);color:var(--color-text-primary)}.global-search__result-excerpt{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.global-search__result mark{background:transparent;color:var(--color-text-primary);border-bottom:var(--border-width-thin) solid var(--color-accent)}.global-search__result-excerpt mark{color:var(--color-text-secondary)}.global-search__no-results{padding:var(--space-8);text-align:center}.global-search__no-results-text{color:var(--color-text-muted)}.global-search__footer{display:flex;justify-content:center;gap:var(--space-6);padding:var(--space-3) var(--space-5);border-top:var(--border-width-thin) solid var(--color-border-subtle);background:var(--color-bg-alt)}.global-search__footer span{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text-muted)}.global-search__footer kbd{padding:var(--space-0\.5) var(--space-1);background:var(--color-bg-elevated);border:var(--border-width-thin) solid var(--color-border-default);margin-right:var(--space-1)}.nav__search{display:flex;align-items:center;justify-content:center;width:var(--nav-height);height:var(--nav-height);border:none;border-left:var(--border-width) solid var(--color-border-default);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.nav__search:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.nav__search:focus-visible{outline:var(--border-width) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--border-width))}.nav__search svg{flex-shrink:0}@media (max-width:640px){.nav__search{margin-left:auto}.global-search{padding-top:0}.global-search__modal{max-width:100%;height:100%;max-height:100%;border-left:none;border-right:none;display:flex;flex-direction:column}.global-search__body{flex:1;max-height:none}.global-search__footer{display:none}.global-search__header{padding:var(--space-3) var(--space-4)}.global-search__close{display:flex}.global-search__kbd{display:none}.global-search__filters{padding:var(--space-2) var(--space-4)}.global-search__result{padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-thin) solid var(--color-border-subtle)}.global-search__result:last-child{border-bottom:none}.global-search__result--selected{padding-left:calc(var(--space-4) - var(--border-width-thick))}}.briefing__body{max-width:90ch;margin-left:auto;margin-right:auto}.briefing__lead{margin-bottom:var(--space-10)}.briefing__lead-label{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-primary);margin-bottom:var(--space-4)}.briefing__lead-label svg{color:var(--color-primary)}.briefing__lead-title{font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--leading-snug);color:var(--color-text-primary);margin-bottom:var(--space-4)}.briefing__lead-text{font-size:var(--text-lg);line-height:var(--leading-loose);color:var(--color-text-secondary)}.briefing__divider{width:var(--space-10);height:var(--border-width);background:var(--color-primary);margin-bottom:var(--space-10)}.briefing__section{margin-bottom:var(--space-10)}.briefing__section-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-muted);padding-bottom:var(--space-3);border-bottom:var(--border-width) solid var(--color-border-default);margin-bottom:var(--space-6)}.briefing__text{font-size:var(--text-base);line-height:var(--leading-loose);color:var(--color-text-secondary);margin-bottom:var(--space-5)}.briefing__text:last-child{margin-bottom:0}.bfn{position:relative;cursor:pointer;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--font-bold);color:var(--color-primary);line-height:0;vertical-align:super;padding:var(--space-1) 2px;margin:0 1px;transition:opacity var(--transition-fast)}.bfn:hover{opacity:var(--opacity-subtle)}.bfn--active{opacity:1;background:var(--color-primary-highlight)}.bfn-card{position:absolute;z-index:var(--z-popover);width:320px;background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border-default);padding:0;animation:bfnSlideIn 150ms ease}@keyframes bfnSlideIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bfn-card::before{content:'';position:absolute;top:-7px;left:var(--arrow-left,50%);width:12px;height:12px;background:var(--color-bg-elevated);border-top:var(--border-width) solid var(--color-border-default);border-left:var(--border-width) solid var(--color-border-default);transform:rotate(45deg)}.bfn-card__header{padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-thin) solid var(--color-border-subtle);display:flex;align-items:center;justify-content:space-between}.bfn-card__count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.bfn-card__close{background:none;border:none;color:var(--color-text-subtle);cursor:pointer;padding:var(--space-1);font-size:var(--text-sm);line-height:1;transition:color var(--transition-fast)}.bfn-card__close:hover{color:var(--color-text-primary)}.bfn-card__item{padding:var(--space-4);border-bottom:var(--border-width-thin) solid var(--color-border-subtle);transition:background var(--transition-fast)}.bfn-card__item:last-child{border-bottom:none}.bfn-card__item:hover{background:var(--color-bg-interactive)}.bfn-card__source-name{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-primary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-1)}.bfn-card__title{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.bfn-card__link{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);text-decoration:none;transition:opacity var(--transition-fast)}.bfn-card__link:hover{opacity:var(--opacity-subtle)}.briefing__signals{display:flex;flex-direction:column;gap:var(--space-4)}.briefing__signal{padding-left:var(--space-5);border-left:var(--border-width) solid var(--color-border-subtle)}.briefing__signal .briefing__text{margin-bottom:0}.briefing__links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.briefing__link-item{padding:var(--space-4) 0;border-bottom:var(--border-width-thin) solid var(--color-border-subtle);display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.briefing__link-item:first-child{padding-top:0}.briefing__link-item a{color:var(--color-text-primary);text-decoration:none;font-weight:var(--font-medium);line-height:var(--leading-snug);transition:color var(--transition-fast)}.briefing__link-item a:hover{color:var(--color-primary)}.briefing__link-item a::after{content:' \2197';font-size:var(--text-xs);opacity:var(--opacity-muted)}.briefing__link-source{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle);white-space:nowrap}@media (max-width:640px){.briefing__lead-title{font-size:var(--text-xl)}.briefing__lead-text{font-size:var(--text-base)}.briefing__link-item{flex-direction:column;gap:var(--space-1)}.bfn-card{position:fixed !important;top:auto !important;bottom:0 !important;left:0 !important;right:0;width:100%;border-left:none;border-right:none;border-bottom:none;border-top:var(--border-width) solid var(--color-primary);animation:bfnSlideUp 200ms ease}.bfn-card::before{display:none}@keyframes bfnSlideUp{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}code[class*="language-"],pre[class*="language-"]{color:var(--color-text-primary);background:none;font-family:var(--font-mono);font-size:var(--text-sm);text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:var(--leading-normal);tab-size:2;hyphens:none}pre[class*="language-"]{margin:var(--space-6) 0;padding:var(--space-6);overflow:auto;max-height:32rem;background:var(--color-bg-elevated);border:var(--border-width-thin) solid var(--color-border-default)}:not(pre)>code[class*="language-"]{padding:0.2em 0.4em;background:var(--color-bg-elevated);border:var(--border-width-thin) solid var(--color-border-subtle);white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--color-text-subtle);font-style:italic}.token.punctuation{color:var(--color-text-muted)}.token.namespace{opacity:var(--opacity-subtle)}.token.string,.token.attr-value{color:var(--color-primary)}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted,.token.number{color:var(--color-syntax-red)}.token.selector,.token.char,.token.builtin,.token.inserted{color:var(--color-syntax-green)}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:var(--color-syntax-yellow)}.token.atrule,.token.attr-name,.token.keyword{color:var(--color-syntax-blue)}.token.function,.token.class-name{color:var(--color-primary)}.token.regex,.token.important,.token.variable{color:var(--color-syntax-orange)}.token.important,.token.bold{font-weight:var(--font-semibold)}.token.italic{font-style:italic}.token.entity{cursor:help}pre[class*="language-"].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*="language-"].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:var(--border-width-thin) solid var(--color-border-default);user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:var(--color-text-disabled);display:block;padding-right:0.8em;text-align:right}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;z-index:var(--z-above);top:0.5rem;right:0.5rem;opacity:0;transition:opacity var(--duration-fast)}div.code-toolbar:hover>.toolbar,div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:var(--color-bg-alt);border:var(--border-width-thin) solid var(--color-border-default);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}div.code-toolbar>.toolbar>.toolbar-item>button:hover{background:var(--color-border-default);color:var(--color-primary);border-color:var(--color-primary)}pre[class*="language-"]::before{content:attr(data-language);position:absolute;top:0;right:0;padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-subtle);background:var(--color-bg-elevated);border-left:var(--border-width-thin) solid var(--color-border-default);border-bottom:var(--border-width-thin) solid var(--color-border-default)}pre[class*="language-"]:not([data-language])::before{display:none}.token.deleted{background:var(--color-syntax-red-bg)}.token.inserted{background:var(--color-syntax-green-bg)}code[class*="language-"]::selection,code[class*="language-"] *::selection,pre[class*="language-"]::selection,pre[class*="language-"] *::selection{background:color-mix(in srgb,var(--color-primary) 20%,transparent);color:inherit}.text-gradient{background:linear-gradient(90deg,var(--color-primary),var(--color-gradient-lime),var(--color-gradient-cyan),var(--color-primary));background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-flow var(--duration-gradient) ease infinite}.text-rotate{display:inline-block;position:relative;min-width:3ch}.text-rotate__word{display:inline-flex;position:absolute;left:0;opacity:0}.text-rotate__word--active{position:relative;opacity:1}.text-rotate__char{display:inline-block;opacity:0;transform:translateY(100%);animation:text-rotate-wave-in var(--duration-stagger) cubic-bezier(0.22,1,0.36,1) forwards}.text-rotate__word--exiting .text-rotate__char{animation:text-rotate-wave-out var(--duration-stagger) cubic-bezier(0.55,0,1,0.45) forwards}.text-rotate__char:nth-child(1){animation-delay:calc(var(--char-stagger,50ms) * 0)}.text-rotate__char:nth-child(2){animation-delay:calc(var(--char-stagger,50ms) * 1)}.text-rotate__char:nth-child(3){animation-delay:calc(var(--char-stagger,50ms) * 2)}.text-rotate__char:nth-child(4){animation-delay:calc(var(--char-stagger,50ms) * 3)}.text-rotate__char:nth-child(5){animation-delay:calc(var(--char-stagger,50ms) * 4)}.text-rotate__char:nth-child(6){animation-delay:calc(var(--char-stagger,50ms) * 5)}.text-rotate__char:nth-child(7){animation-delay:calc(var(--char-stagger,50ms) * 6)}.text-rotate__char:nth-child(8){animation-delay:calc(var(--char-stagger,50ms) * 7)}.text-rotate__char:nth-child(9){animation-delay:calc(var(--char-stagger,50ms) * 8)}.text-rotate__char:nth-child(10){animation-delay:calc(var(--char-stagger,50ms) * 9)}@keyframes text-rotate-wave-in{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes text-rotate-wave-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.text-rotate.text-gradient{background:none;-webkit-text-fill-color:inherit;animation:none;color:var(--color-primary)}.text-gradient--subtle{background:linear-gradient(90deg,var(--color-text-primary),var(--color-primary),var(--color-text-primary));background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-flow var(--duration-gradient-subtle) ease infinite}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.stroke{-webkit-text-stroke:var(--border-width) var(--color-text-primary);color:transparent}.stroke--accent{-webkit-text-stroke-color:var(--color-accent)}.hover-border:hover{border-color:var(--color-border-strong)}.hover-border--accent:hover{border-color:var(--color-accent)}.hover-arrow:hover .arrow{transform:translateX(4px)}.hover-scale:hover{transform:scale(1.02)}.animate-fade-in{animation:fade-in var(--duration-entrance) ease forwards}@keyframes fade-in{from{opacity:0}to{opacity:1}}.animate-fade-in-up{animation:fade-in-up var(--duration-entrance) ease forwards}@keyframes fade-in-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-left{animation:slide-in-left var(--duration-entrance) ease forwards}@keyframes slide-in-left{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.animate-slide-in-right{animation:slide-in-right var(--duration-entrance) ease forwards}@keyframes slide-in-right{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.animate-pulse{animation:pulse var(--duration-pulse) ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:var(--opacity-muted)}}.animate-float{animation:float var(--duration-float) ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.stagger-children>*{opacity:0;animation:fade-in-up var(--duration-stagger) ease forwards}.stagger-children>*:nth-child(1){animation-delay:0.05s}.stagger-children>*:nth-child(2){animation-delay:0.1s}.stagger-children>*:nth-child(3){animation-delay:0.15s}.stagger-children>*:nth-child(4){animation-delay:0.2s}.stagger-children>*:nth-child(5){animation-delay:0.25s}.stagger-children>*:nth-child(6){animation-delay:0.3s}.stagger-children>.text-gradient{animation:fade-in-up var(--duration-stagger) ease forwards,gradient-flow var(--duration-gradient) ease infinite}.back-to-top{position:fixed;bottom:var(--space-8);right:var(--space-8);width:var(--space-12);height:var(--space-12);background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border-default);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),bottom var(--transition-base);z-index:var(--z-fixed)}.back-to-top.is-visible{opacity:1;visibility:visible}.back-to-top:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.skeleton{background:linear-gradient(90deg,var(--color-bg-elevated) 0%,var(--color-bg-interactive) 50%,var(--color-bg-elevated) 100%);background-size:200% 100%;animation:skeleton-loading var(--duration-skeleton) ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton--text{height:1em;width:100%;margin-bottom:var(--space-2)}.skeleton--text-short{height:1em;width:60%;margin-bottom:var(--space-2)}.skeleton--heading{height:1.5em;width:80%;margin-bottom:var(--space-4)}.skeleton--image{aspect-ratio:16 / 9;width:100%}.skeleton--avatar{width:var(--size-avatar-md);height:var(--size-avatar-md)}.skeleton--button{height:var(--size-touch-target);width:var(--size-skeleton-button)}.skeleton--card{padding:var(--space-6);border:var(--border-width) solid var(--color-border-default)}@media (min-width:1025px){.focus-mode .footer,.focus-mode .detail-sidebar,.focus-mode .detail-header,.focus-mode .article-toc,.focus-mode .guide-nav-banner{transition:opacity 1.5s ease-in-out}.focus-mode--active .footer,.focus-mode--active .detail-sidebar,.focus-mode--active .detail-header,.focus-mode--active .article-toc,.focus-mode--active .guide-nav-banner{opacity:var(--opacity-focus-fade);pointer-events:none}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.text-rotate__char{animation:none !important;opacity:1 !important;transform:none !important}.text-rotate__word--active{opacity:1}.text-rotate__word--exiting{display:none}}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.mt-nav{margin-top:var(--nav-height)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.pt-0{padding-top:0}.pt-4{padding-top:var(--space-4)}.pt-8{padding-top:var(--space-8)}.pb-0{padding-bottom:0}.pb-4{padding-bottom:var(--space-4)}.pb-8{padding-bottom:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.w-full{width:100%}.w-auto{width:auto}.max-w-full{max-width:100%}.max-w-sm{max-width:var(--container-sm)}.max-w-md{max-width:var(--container-md)}.max-w-lg{max-width:var(--container-narrow)}.max-w-prose{max-width:var(--container-prose)}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.min-h-60vh{min-height:60vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.inset-0{top:0;right:0;bottom:0;left:0}.z-0{z-index:0}.z-10{z-index:var(--z-above)}.z-100{z-index:var(--z-dropdown)}.z-fixed{z-index:var(--z-fixed)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.border{border:var(--border-width) solid var(--color-border-default)}.border-t{border-top:var(--border-width) solid var(--color-border-default)}.border-r{border-right:var(--border-width) solid var(--color-border-default)}.border-b{border-bottom:var(--border-width) solid var(--color-border-default)}.border-l{border-left:var(--border-width) solid var(--color-border-default)}.border-0{border:0}.border-thick{border-width:var(--border-width-thick)}.border-strong{border-color:var(--color-border-strong)}.border-subtle{border-color:var(--color-border-subtle)}.border-error{border-color:var(--color-error)}.border-success{border-color:var(--color-success)}.border-warning{border-color:var(--color-warning)}.bg-primary{background-color:var(--color-bg-primary)}.bg-alt{background-color:var(--color-bg-alt)}.bg-elevated{background-color:var(--color-bg-elevated)}.bg-interactive{background-color:var(--color-bg-interactive)}.bg-transparent{background-color:transparent}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-mono{font-family:var(--font-mono)}.font-body{font-family:var(--font-body)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-disabled{color:var(--color-text-disabled)}.text-accent{color:var(--color-accent)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.opacity-0{opacity:0}.opacity-25{opacity:var(--opacity-decorative)}.opacity-30{opacity:var(--opacity-disabled)}.opacity-50{opacity:var(--opacity-muted)}.opacity-75{opacity:0.75}.opacity-100{opacity:1}.opacity-decorative{opacity:var(--opacity-decorative)}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.honeypot{position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden}.svg-align{vertical-align:-2px}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:var(--z-toast);padding:var(--space-3) var(--space-6);background:var(--color-primary);color:var(--color-black);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-bold);text-decoration:none;text-transform:uppercase;border:var(--border-width) solid var(--color-black);transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-4);outline:none}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-none{transition:none}@media (max-width:1024px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:flex-col{flex-direction:column}.md\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:flex-col{flex-direction:column}.sm\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.sm\:p-4{padding:var(--space-4)}.sm\:px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.sm\:text-center{text-align:center}}html{scroll-padding-top:calc(var(--nav-height) + var(--space-8))}body.modal-open{overflow:hidden}@media print{.nav,.footer,.back-to-top,.btn,.no-print,.hero__visual,.sidebar,.toc,.reading-progress,.skip-link{display:none !important}body{background:white !important;color:black !important;font-size:12pt;line-height:1.5}*,h1,h2,h3,h4,h5,h6,p,a,span,li,td,th{color:black !important;background:transparent !important;text-shadow:none !important;-webkit-text-fill-color:black !important}a[href^="http"]::after,a[href^="https"]::after{content:" (" attr(href) ")";font-size:0.8em;font-weight:normal;word-break:break-all}a[href^="#"]::after,a[href^="javascript"]::after{content:""}.container{max-width:100%;padding:0}*{border-color:var(--color-print-border) !important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;page-break-inside:avoid}img,figure,table,pre,blockquote{page-break-inside:avoid}img{max-width:100% !important}pre,code{background:var(--color-print-code-bg) !important;border:var(--border-width-thin) solid var(--color-print-border) !important}}