.brand-page{--brand-nav-height:56px;overflow-x:clip}.brand-hero{isolation:isolate;min-height:min(820px,calc(100svh - var(--header-height)));padding-block:var(--space-24);color:var(--white);background:var(--gray-900);align-items:center;display:flex;position:relative;overflow:hidden}.brand-hero-image{z-index:-2;object-fit:cover;object-position:right center}.brand-hero-light{z-index:-1;background:radial-gradient(560px circle at var(--light-x,72%) var(--light-y,42%),#ffffff38,transparent 62%);mix-blend-mode:screen;pointer-events:none;transition:background-position var(--motion-normal);position:absolute;inset:0}.brand-hero-copy{align-items:flex-start;gap:var(--space-6);flex-direction:column;display:flex}.brand-hero h1{letter-spacing:-.045em;color:var(--white);margin:0;font-size:clamp(64px,11vw,168px);font-weight:700;line-height:.95}.brand-hero-idea{letter-spacing:-.02em;font-size:clamp(22px,2.6vw,36px);font-weight:600}.brand-hero-idea span{opacity:.7}.brand-hero-lead{opacity:.85;max-width:520px;font-size:18px;line-height:1.75}.brand-hero-actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.brand-hero-actions a{align-items:center;gap:var(--space-2);height:var(--control-height-large);padding:0 var(--space-6);color:var(--white);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color var(--motion-fast);background:#ffffff29;border-radius:999px;font-size:16px;font-weight:600;display:inline-flex}.brand-hero-actions a:first-child{background:var(--white);color:var(--gray-900)}.brand-hero-actions a:hover{background:#ffffff47}.brand-hero-actions a:first-child:hover{background:var(--blue-50);color:var(--blue-600)}.brand-hero-actions svg{width:18px;height:18px}.brand-section{gap:var(--space-8);padding-block:var(--space-24);flex-direction:column;display:flex}.brand-section+.brand-section{border-top:1px solid var(--border-subtle)}.brand-section-head{gap:var(--space-4);flex-direction:column;max-width:760px;display:flex}.brand-section-head h2{letter-spacing:-.035em;word-break:keep-all;margin:0;font-size:clamp(36px,4.6vw,60px);font-weight:700;line-height:1.15}.brand-section-head>p:last-child{color:var(--text-muted);font-size:18px;line-height:1.75}.brand-subhead{margin-top:var(--space-8);letter-spacing:-.02em;font-size:22px;font-weight:700}.brand-note{color:var(--text-muted);font-size:14px;line-height:1.75}.brand-note a{color:var(--action-primary);text-underline-offset:3px;text-decoration:underline}.brand-chip{height:var(--control-height-small);padding:0 var(--space-4);background:var(--gray-50);color:var(--gray-900);cursor:pointer;transition:background-color var(--motion-fast),color var(--motion-fast);border:0;border-radius:999px;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.brand-chip:hover{background:var(--blue-50);color:var(--blue-600)}.brand-chip[aria-pressed=true]{background:var(--blue-600);color:var(--white)}.brand-page [data-slot=toggle-group]{gap:var(--space-2);flex-wrap:wrap}.brand-page [data-slot=toggle-group-item]{gap:var(--space-2);height:var(--control-height-small);padding:0 var(--space-4);background:var(--gray-50);color:var(--gray-900);box-shadow:none;border:0;font-size:14px;font-weight:600;border-radius:999px!important}.brand-page [data-slot=toggle-group-item]:hover{background:var(--blue-50);color:var(--blue-600)}.brand-page [data-slot=toggle-group-item][data-state=on]{background:var(--blue-600);color:var(--white)}.brand-promise{color:var(--white);background:linear-gradient(135deg,var(--gray-900) 0%,var(--blue-700) 100%);margin:0;padding:clamp(32px,6vw,80px)}.brand-promise blockquote{letter-spacing:-.03em;margin:0;font-size:clamp(28px,3.8vw,52px);font-weight:700;line-height:1.2}.brand-promise figcaption{margin-top:var(--space-6);opacity:.85;max-width:560px;font-size:18px;line-height:1.75}.brand-flow{gap:var(--space-6);flex-direction:column;display:flex}.brand-flow-steps.brand-flow-steps{background:0 0;border-radius:0;grid-template-columns:repeat(4,1fr);width:100%;height:auto;padding:0;display:grid;position:relative}.brand-flow-steps:before,.brand-flow-steps:after{content:"";background:var(--gray-200);height:2px;position:absolute;top:28px;left:12.5%}.brand-flow-steps:before{right:12.5%}.brand-flow-steps:after{width:calc(75% * var(--flow-progress,0));background:var(--blue-600);transition:width var(--motion-normal)}.brand-flow-steps [role=tab]{z-index:1;align-items:center;gap:var(--space-3);height:auto;box-shadow:none;color:var(--text-muted);background:0 0;border:0;flex-direction:column;padding:0;font-size:16px;font-weight:600;display:flex;position:relative}.brand-flow-dot{background:var(--white);width:56px;height:56px;color:var(--text-muted);box-shadow:inset 0 0 0 2px var(--gray-200);transition:background-color var(--motion-normal),color var(--motion-normal);border-radius:50%;place-items:center;display:grid}.brand-flow-dot svg{width:24px;height:24px}.brand-flow-steps [data-done] .brand-flow-dot{background:var(--blue-50);color:var(--blue-600);box-shadow:none}.brand-flow-steps [data-state=active]{color:var(--gray-900)}.brand-flow-steps [data-state=active] .brand-flow-dot{background:var(--blue-600);color:var(--white);box-shadow:none}.brand-flow-panel{align-items:flex-start;gap:var(--space-3);padding:var(--space-8);background:var(--gray-50);flex-direction:column;display:flex}.brand-flow-count{color:var(--blue-600);font-size:14px;font-weight:600}.brand-flow-body{letter-spacing:-.02em;word-break:keep-all;font-size:clamp(20px,2.2vw,28px);font-weight:600;line-height:1.5}.brand-flow-panel a{align-items:center;gap:var(--space-1);color:var(--action-primary);font-size:15px;font-weight:600;display:inline-flex}.brand-flow-panel a svg{width:16px;height:16px}.brand-principles{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.brand-principles li{gap:var(--space-3);min-height:220px;padding:var(--space-6);background:var(--gray-50);transition:background-color var(--motion-normal),color var(--motion-normal),transform var(--motion-normal);flex-direction:column;display:flex}.brand-principles li:hover{background:var(--blue-600);color:var(--white)}.brand-principle-number{color:var(--blue-600);font-size:14px;font-weight:700}.brand-principles strong{letter-spacing:-.02em;font-size:22px}.brand-principles p{line-height:1.6}.brand-principle-question{color:var(--text-muted);margin-top:auto;font-size:14px}.brand-principles li:hover .brand-principle-number,.brand-principles li:hover .brand-principle-question{color:var(--white)}.brand-logo{gap:var(--space-4);flex-direction:column;display:flex}.brand-logo-controls{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.brand-logo-stage{isolation:isolate;background:var(--white);min-height:clamp(280px,36vw,460px);color:var(--gray-900);box-shadow:inset 0 0 0 1px var(--border-subtle);transition:background-color var(--motion-normal),color var(--motion-normal);place-items:center;display:grid;position:relative;overflow:hidden}.brand-logo-stage[data-stage=ink]{background:var(--gray-900);color:var(--white);box-shadow:none}.brand-logo-stage[data-stage=blue]{background:var(--blue-600);color:var(--white);box-shadow:none}.brand-logo-stage[data-stage=graphic]{color:var(--white);box-shadow:none}.brand-logo-image{z-index:-1;object-fit:cover;object-position:right center}.brand-logo-stage[data-stage=white]{color:#000}.brand-logo-stage{--logo-size:clamp(88px,23cqw,160px);container-type:inline-size}.brand-logo-stage[data-expression=logo]{--logo-size:clamp(32px,14cqw,120px)}.brand-logo-protected{padding:calc(var(--logo-size)/2);position:relative}.brand-logo-mark{color:currentColor;position:relative}.brand-logo-mark>svg{height:var(--logo-size);width:auto;max-width:none;display:block}.brand-logo-stage[data-guides] .brand-logo-protected{outline:1px dashed}.brand-logo-stage[data-guides] .brand-logo-mark{outline:1px solid}.brand-logo-clearspace-label,.brand-logo-box-label{white-space:nowrap;font-size:12px;font-weight:600;line-height:1.4;position:absolute}.brand-logo-clearspace-label{top:var(--space-2);left:var(--space-2)}.brand-logo-box-label{bottom:var(--space-2);left:50%;transform:translate(-50%)}.brand-naming{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.brand-naming div{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.brand-naming dt{color:var(--text-muted);font-size:13px}.brand-naming dd{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700}.brand-palette{gap:var(--space-10);flex-direction:column;display:flex}.brand-color-group{gap:var(--space-3);flex-direction:column;display:flex}.brand-color-label{color:var(--text-muted);font-size:14px;font-weight:600}.brand-color-strip{height:var(--strip-height);--strip-radius:16px;--strip-height:84px;--strip-lift:12px;margin:0;padding:0;list-style:none;display:flex;overflow:clip}.brand-color-strip li{flex:1 1 0;min-width:0}.brand-color-strip li+li{margin-left:calc(var(--strip-radius) * -1)}.brand-color-strip button{width:100%;height:var(--strip-height);border-radius:var(--strip-radius) var(--strip-radius) 0 0;cursor:pointer;transform:translateY(var(--strip-lift));transition:transform var(--motion-normal);border:0;display:block;position:relative}.brand-color-strip button[data-light]{box-shadow:inset 0 1px 0 var(--border-subtle),inset -1px 0 0 var(--border-subtle),inset 1px 0 0 var(--border-subtle)}.brand-color-strip button[data-active]{transform:none}.brand-color-strip button:focus-visible{outline:2px solid var(--blue-600);outline-offset:-4px;z-index:1}.brand-color-strip{border-bottom:1px solid var(--border-subtle)}.brand-color-detail{align-items:baseline;gap:var(--space-1) var(--space-4);flex-wrap:wrap;min-height:24px;font-size:14px;line-height:1.5;display:flex}.brand-color-detail strong{font-size:16px}.brand-color-detail code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.brand-color-detail span{color:var(--text-muted)}@media (prefers-reduced-motion:reduce){.brand-color-strip button{transition:none}}@media (max-width:767px){.brand-palette{gap:var(--space-8)}.brand-color-strip{--strip-radius:10px;--strip-height:68px}}.brand-copy-status{min-height:24px;color:var(--blue-600);font-size:14px;font-weight:600}.brand-type-hero{gap:var(--space-8);letter-spacing:-.05em;color:var(--blue-600);font-size:clamp(120px,20vw,280px);font-weight:700;line-height:.9;display:flex}.brand-type-hero span:last-child{color:var(--gray-900)}.brand-type{gap:var(--space-8);flex-direction:column;display:flex}.brand-type-scale{margin:0;padding:0;list-style:none}.brand-type-scale li{align-items:baseline;gap:var(--space-6);padding-block:var(--space-5);border-top:1px solid var(--border-subtle);grid-template-columns:240px minmax(0,1fr);display:grid}.brand-type-label{gap:var(--space-1);flex-direction:column;font-size:15px;font-weight:700;display:flex}.brand-type-label code,.brand-type-spec code{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:400}.brand-type-sample{letter-spacing:-.02em;word-break:keep-all;overflow-wrap:anywhere;font-weight:600}.brand-type-tester{gap:var(--space-6);padding:var(--space-8);background:var(--gray-50);flex-direction:column;display:flex}.brand-type-controls{align-items:end;gap:var(--space-5);grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;display:grid}.brand-type-field{gap:var(--space-2);flex-direction:column;font-size:14px;font-weight:600;display:flex}.brand-type-field [data-slot=input]{height:var(--control-height);background:var(--white);border-color:var(--border-accessible);font-size:16px}.brand-type-field input[type=range]{height:var(--control-height);accent-color:var(--blue-600)}.brand-type-output{letter-spacing:-.02em;word-break:keep-all;overflow-wrap:anywhere;min-height:1.2em;line-height:1.2}.brand-linebreak{gap:var(--space-4);flex-direction:column;display:flex}.brand-linebreak-sample{max-width:340px;padding:var(--space-6);background:var(--gray-50);text-wrap:wrap;font-size:20px;line-height:1.7}.brand-gallery{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.brand-gallery>li:first-child{grid-column:1/-1}.brand-gallery figure{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.brand-gallery-media{aspect-ratio:16/9;background:var(--gray-900);position:relative;overflow:hidden}.brand-gallery-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.brand-gallery li:hover img{transform:scale(1.04)}.brand-gallery figcaption{flex-direction:column;gap:2px;display:flex}.brand-gallery figcaption strong{font-size:16px}.brand-gallery figcaption span{color:var(--text-muted);font-size:14px}.brand-roles{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.brand-roles li{gap:var(--space-2);padding:var(--space-6);background:var(--gray-50);flex-direction:column;display:flex}.brand-roles strong{font-size:18px}.brand-roles span{color:var(--blue-600);font-size:14px;font-weight:600}.brand-roles p{color:var(--text-muted);font-size:15px;line-height:1.6}.brand-motion-principles{gap:var(--space-4);counter-reset:motion;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.brand-motion-principles li{gap:var(--space-2);padding:var(--space-6);background:var(--gray-50);counter-increment:motion;flex-direction:column;display:flex}.brand-motion-principles li:before{content:counter(motion,decimal-leading-zero);color:var(--blue-600);font-size:14px;font-weight:700}.brand-motion-principles strong{font-size:18px}.brand-motion-principles p{color:var(--text-muted);font-size:15px;line-height:1.6}.brand-motion{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.brand-motion-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-8);background:var(--gray-900);color:var(--white);flex-direction:column;display:flex}.brand-motion-card h3{letter-spacing:-.02em;font-size:22px}.brand-motion-card>p{opacity:.8;line-height:1.6}.brand-motion-card .brand-chip{color:var(--white);background:#ffffff1f}.brand-motion-card .brand-chip:hover{background:#ffffff38}.brand-motion-card .brand-chip[aria-pressed=true]{background:var(--blue-600)}.brand-motion-tracks{gap:var(--space-3);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.brand-motion-tracks li{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.brand-motion-tracks li>span:first-child{flex-direction:column;font-size:15px;font-weight:600;display:flex}.brand-motion-tracks code{opacity:.7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:400}.brand-motion-track{width:120px;height:32px;transition:background-color var(--demo-duration);background:#ffffff29;border-radius:999px;flex-shrink:0;position:relative}.brand-motion-track span{background:var(--white);width:24px;height:24px;transition:transform var(--demo-duration) ease;border-radius:50%;position:absolute;top:4px;left:4px}.brand-motion-track[data-on]{background:var(--blue-600)}.brand-motion-track[data-on] span{transform:translate(88px)}.brand-motion-sentence{letter-spacing:-.02em;word-break:keep-all;font-size:clamp(24px,2.6vw,34px);font-weight:700;line-height:1.35}.brand-motion-sentence span{animation:.9s both brand-emphasis}.brand-motion-sentence[data-reduced] span{animation:none}@keyframes brand-emphasis{0%{opacity:.2}to{opacity:1}}.brand-motion-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.brand-voice{gap:var(--space-6);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;display:grid}.brand-voice-tabs{gap:var(--space-4);flex-direction:column;display:flex}.brand-voice-tabs [role=tablist]{justify-content:flex-start;gap:var(--space-2);background:0 0;flex-wrap:wrap;width:auto;height:auto;padding:0;display:flex}.brand-voice-tabs [role=tab]{height:var(--control-height-small);padding:0 var(--space-4);background:var(--gray-50);color:var(--gray-900);box-shadow:none;border:0;border-radius:999px;flex:none;font-size:14px;font-weight:600}.brand-voice-tabs [role=tab]:hover{background:var(--blue-50);color:var(--blue-600)}.brand-voice-tabs [role=tab][data-state=active]{background:var(--blue-600);color:var(--white)}.brand-voice-panel{justify-content:space-between;gap:var(--space-6);min-height:260px;padding:var(--space-8);background:linear-gradient(135deg,var(--blue-600),var(--blue-700));color:var(--white);flex-direction:column;display:flex}.brand-voice-example{letter-spacing:-.025em;word-break:keep-all;font-size:clamp(24px,2.8vw,36px);font-weight:700;line-height:1.35}.brand-voice-purpose{opacity:.8;font-size:14px;font-weight:600}.brand-rewrites{gap:var(--space-4);flex-direction:column;display:flex}.brand-rewrites-head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.brand-rewrites-head h3{letter-spacing:-.02em;font-size:22px}.brand-rewrites ul{margin:0;padding:0;list-style:none}.brand-rewrites li{padding-block:var(--space-4);border-top:1px solid var(--border-subtle);font-size:18px;font-weight:600}.brand-rewrites [data-view=after] .brand-rewrite-before,.brand-rewrites [data-view=before] .brand-rewrite-after{display:none}.brand-rewrite-before{color:var(--text-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--danger);text-decoration-color:var(--danger)}.brand-rewrite-after{color:var(--gray-900)}.brand-downloads{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.brand-downloads a{gap:var(--space-2);height:100%;padding:var(--space-6);background:var(--gray-50);transition:background-color var(--motion-fast),transform var(--motion-normal);flex-direction:column;display:flex}.brand-downloads a:is(:hover,:focus-visible){background:var(--blue-50)}.brand-download-icon svg{transition:transform var(--motion-normal)}.brand-downloads a:is(:hover,:focus-visible) .brand-download-icon svg{transform:translateY(3px)}.brand-download-icon{width:44px;height:44px;margin-bottom:var(--space-4);background:var(--blue-600);color:var(--white);border-radius:50%;place-items:center;display:grid}.brand-download-icon svg{width:20px;height:20px}.brand-downloads strong{font-size:18px}.brand-downloads span:not(.brand-download-icon){color:var(--text-muted);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.brand-downloads small{color:var(--text-muted);font-size:13px;line-height:1.5}.brand-cta{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-8);background:linear-gradient(135deg,var(--gray-900),var(--blue-700));color:var(--white);flex-wrap:wrap;display:flex}.brand-cta p{font-size:18px;line-height:1.6}.brand-cta a{align-items:center;gap:var(--space-2);height:var(--control-height);padding:0 var(--space-5);background:var(--white);color:var(--gray-900);transition:background-color var(--motion-fast);border-radius:999px;font-weight:600;display:inline-flex}.brand-cta a:hover{background:var(--blue-50);color:var(--blue-600)}.brand-cta svg{width:18px;height:18px}@media (max-width:1199px){.brand-motion-principles,.brand-downloads{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-voice{grid-template-columns:1fr}.brand-type-controls{grid-template-columns:1fr 1fr}.brand-type-controls>:first-child{grid-column:1/-1}}@media (max-width:767px){.brand-hero{padding-block:var(--space-16)}.brand-hero-image{object-position:18% center}.brand-hero:before{content:"";z-index:-1;background:linear-gradient(#20242c59,#20242c99);position:absolute;inset:0}.brand-section{gap:var(--space-6);padding-block:var(--space-16)}.brand-principles,.brand-roles,.brand-naming,.brand-gallery,.brand-motion,.brand-motion-principles,.brand-downloads{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-principles li{min-height:0}.brand-flow-steps [role=tab]{font-size:13px}.brand-flow-dot{width:44px;height:44px}.brand-flow-steps:before,.brand-flow-steps:after{top:22px}.brand-flow-panel,.brand-type-tester,.brand-motion-card,.brand-voice-panel,.brand-cta{padding:var(--space-6)}.brand-type-scale li{gap:var(--space-2);grid-template-columns:1fr}.brand-type-controls{grid-template-columns:1fr}.brand-type-hero{gap:var(--space-4)}}@media (prefers-reduced-motion:reduce){.brand-page *,.brand-page :before,.brand-page :after{transition:none!important;animation:none!important}.brand-hero-light{display:none}.brand-gallery li:hover img{transform:none}}.brand-index{padding-top:var(--space-12)}.brand-bento{gap:var(--space-3);grid-template-rows:repeat(2,280px) 220px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"phil voice voice logo""phil color image motion""type type assets assets";margin:0;padding:0;list-style:none;display:grid}.bento-phil{grid-area:phil}.bento-voice{grid-area:voice}.bento-logo{grid-area:logo}.bento-color{grid-area:color}.bento-image{grid-area:image}.bento-motion{grid-area:motion}.bento-type{grid-area:type}.bento-assets{grid-area:assets}.brand-bento a{isolation:isolate;align-items:flex-start;gap:var(--space-1);height:100%;padding:var(--space-6);color:var(--gray-900);background:var(--gray-50);transition:transform var(--motion-normal);flex-direction:column;display:flex;position:relative;overflow:hidden}.brand-bento strong{letter-spacing:-.03em;font-size:clamp(24px,2.4vw,34px);font-weight:700;line-height:1.2}.bento-desc{opacity:.8;font-size:14px;line-height:1.5}.bento-phil a{background:var(--gray-900);color:var(--white)}.bento-flow{right:var(--space-6);bottom:var(--space-6);width:72%;max-width:220px;position:absolute}.bento-flow path{fill:none;stroke:#fff6;stroke-width:3px}.bento-flow circle{fill:var(--gray-900);stroke:var(--blue-400);stroke-width:4px;transition:fill .24s}.bento-phil a:is(:hover,:focus-visible) .bento-flow circle:nth-of-type(2){transition-delay:80ms}.bento-phil a:is(:hover,:focus-visible) .bento-flow circle:nth-of-type(3){transition-delay:.16s}.bento-phil a:is(:hover,:focus-visible) .bento-flow circle:nth-of-type(4){transition-delay:.24s}.bento-voice a{background:var(--blue-50);color:var(--blue-700)}.bento-quotes{inset:auto var(--space-6) var(--space-2) var(--space-6);color:var(--blue-600);justify-content:space-between;font-size:180px;font-weight:700;line-height:.8;display:flex;position:absolute}.bento-quotes span{transition:transform var(--motion-normal)}.bento-voice a:is(:hover,:focus-visible) .bento-quotes span:first-child{transform:translate(-12px)}.bento-voice a:is(:hover,:focus-visible) .bento-quotes span:last-child{transform:translate(12px)}.bento-logo a{background:var(--blue-600);color:var(--white)}.bento-wordmark{letter-spacing:-.02em;transition:transform var(--motion-normal);transform-origin:0 100%;margin-top:auto;font-size:clamp(36px,3.4vw,52px);font-weight:700;line-height:1}.bento-logo a:is(:hover,:focus-visible) .bento-wordmark{transform:scale(1.06)}.bento-color a{background:var(--white);box-shadow:inset 0 0 0 1px var(--border-subtle)}.bento-bars{right:var(--space-6);bottom:0;left:var(--space-6);align-items:flex-end;gap:var(--space-1);height:46%;display:flex;position:absolute}.bento-bars span{flex:1;height:60%;transition:height .3s cubic-bezier(.2,.7,.2,1)}.bento-bars span:first-child{background:var(--gray-900);height:72%}.bento-bars span:nth-child(2){background:var(--blue-700);height:56%}.bento-bars span:nth-child(3){background:var(--blue-600);height:88%}.bento-bars span:nth-child(4){background:var(--blue-400);height:44%}.bento-bars span:nth-child(5){background:var(--blue-50);height:30%}.bento-color a:is(:hover,:focus-visible) .bento-bars span{height:100%}.bento-color a:is(:hover,:focus-visible) .bento-bars span:nth-child(2){transition-delay:40ms}.bento-color a:is(:hover,:focus-visible) .bento-bars span:nth-child(3){transition-delay:80ms}.bento-color a:is(:hover,:focus-visible) .bento-bars span:nth-child(4){transition-delay:.12s}.bento-color a:is(:hover,:focus-visible) .bento-bars span:nth-child(5){transition-delay:.16s}.bento-image a{background:var(--gray-900);color:var(--white)}.bento-image a:before{content:"";z-index:-1;background:linear-gradient(#20242cb8 0%,#20242c33 55%,#0000 100%);position:absolute;inset:0}.bento-image img{z-index:-2;object-fit:cover;object-position:right center;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.bento-image a:is(:hover,:focus-visible) img{transform:scale(1.06)}.bento-motion a{background:var(--blue-700);color:var(--white)}.bento-curve{right:var(--space-4);bottom:var(--space-4);width:80%;max-width:240px;position:absolute}.bento-curve-line{fill:none;stroke:var(--white);stroke-width:3px}.bento-curve-handle{fill:none;stroke:#fff6;stroke-width:2px}.bento-curve rect{fill:var(--blue-50)}.bento-curve-dot{fill:var(--white);offset-path:path("M20 180 C 130 180, 110 20, 220 20");offset-distance:0%;offset-rotate:0deg}.bento-motion a:is(:hover,:focus-visible) .bento-curve-dot{animation:1.2s cubic-bezier(.65,0,.35,1) infinite alternate bento-ease}@keyframes bento-ease{to{offset-distance:100%}}.bento-type a{background:var(--gray-50)}.bento-glyphs{right:var(--space-6);white-space:nowrap;letter-spacing:-.04em;color:var(--blue-600);font-size:clamp(96px,10vw,150px);font-weight:400;line-height:1;transition:font-weight .4s;position:absolute;bottom:-.12em}.bento-type a:is(:hover,:focus-visible) .bento-glyphs{font-weight:800}.bento-assets a{background:var(--gray-900);color:var(--white)}.bento-download{right:var(--space-6);bottom:var(--space-6);background:var(--blue-600);border-radius:50%;place-items:center;width:88px;height:88px;display:grid;position:absolute}.bento-download svg{width:36px;height:36px;transition:transform var(--motion-normal)}.bento-assets a:is(:hover,:focus-visible) .bento-download svg{transform:translateY(6px)}.brand-signature{color:var(--gray-900);flex-direction:column;gap:2px;display:flex}.brand-signature b{letter-spacing:-.02em;font-size:40px;line-height:1.1}.brand-signature span{font-size:16px;font-weight:600}.brand-signature small{color:var(--text-muted);font-size:13px}@media (max-width:1199px){.brand-bento{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"phil voice""phil logo""color image""motion type""assets assets";grid-auto-rows:240px}}@media (max-width:767px){.brand-index{padding-top:var(--space-8)}.bento-glyphs{right:var(--space-4);font-size:64px}.brand-bento{grid-auto-rows:200px}.brand-bento a{padding:var(--space-4)}.bento-quotes{font-size:120px}.bento-flow{width:60%}}@media (prefers-reduced-motion:reduce){.bento-motion a:is(:hover,:focus-visible) .bento-curve-dot{offset-distance:100%;animation:none}.brand-bento a *{transform:none!important}}.brand-layout{display:block}.brand-content{min-width:0}.brand-nav{top:var(--header-height);z-index:10;margin-inline:calc(var(--page-gutter) * -1);padding-inline:var(--page-gutter);background:var(--white);border-bottom:1px solid var(--border-subtle);position:sticky}.brand-nav ul{align-items:center;gap:var(--space-1);height:var(--brand-nav-height);scrollbar-width:none;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.brand-nav ul::-webkit-scrollbar{display:none}.brand-nav a{height:40px;padding:0 var(--space-4);border-radius:var(--radius-control);color:var(--text-muted);white-space:nowrap;transition:background-color var(--motion-fast),color var(--motion-fast);align-items:center;font-size:14px;font-weight:600;display:flex}.brand-nav a:hover{background:var(--gray-50);color:var(--gray-900)}.brand-nav a[aria-current]{background:var(--blue-50);color:var(--blue-600)}@media (min-width:1200px){.brand-page{--brand-nav-height:0px}.brand-layout{gap:var(--space-12);grid-template-columns:184px minmax(0,1fr);align-items:start;display:grid}.brand-nav{top:calc(var(--header-height) + var(--space-8));padding:var(--space-12) 0 0;background:0 0;border:0;margin:0}.brand-nav ul{flex-direction:column;align-items:stretch;gap:2px;height:auto;overflow:visible}.brand-nav a{height:40px}}.brand-page .brand-section[id]{scroll-margin-top:calc(var(--brand-nav-height) - var(--space-20))}@media (max-width:767px){.brand-page .brand-section[id]{scroll-margin-top:calc(var(--brand-nav-height) - var(--space-12))}}.brand-bento a{transition:background-color var(--motion-normal),color var(--motion-normal)}.bento-phil a:is(:hover,:focus-visible),.bento-assets a:is(:hover,:focus-visible){background:var(--blue-600)}.bento-phil a:is(:hover,:focus-visible) .bento-flow circle{fill:var(--white);stroke:var(--white)}.bento-phil a:is(:hover,:focus-visible) .bento-flow path{stroke:#ffffffb3}.bento-assets .bento-download{transition:background-color var(--motion-normal),color var(--motion-normal)}.bento-assets a:is(:hover,:focus-visible) .bento-download{background:var(--white);color:var(--blue-600)}.bento-voice a:is(:hover,:focus-visible){background:var(--blue-600);color:var(--white)}.bento-quotes{transition:color var(--motion-normal)}.bento-voice a:is(:hover,:focus-visible) .bento-quotes{color:var(--white)}.bento-logo a:is(:hover,:focus-visible){background:var(--blue-700)}.bento-motion a:is(:hover,:focus-visible){background:var(--gray-900)}.bento-color a:is(:hover,:focus-visible),.bento-type a:is(:hover,:focus-visible){background:var(--blue-50);box-shadow:none}.bento-image a:before{transition:background-color var(--motion-normal)}.bento-image a:after{content:"";z-index:-1;background:var(--blue-600);opacity:0;mix-blend-mode:multiply;transition:opacity var(--motion-normal);position:absolute;inset:0}.bento-image a:is(:hover,:focus-visible):after{opacity:.55}.brand-downloads a{transition:background-color var(--motion-normal),color var(--motion-normal)}.brand-downloads a:is(:hover,:focus-visible){background:var(--blue-600);color:var(--white)}.brand-downloads a:is(:hover,:focus-visible) span:not(.brand-download-icon),.brand-downloads a:is(:hover,:focus-visible) small{color:#fffc}.brand-download-icon{transition:background-color var(--motion-normal),color var(--motion-normal)}.brand-downloads a:is(:hover,:focus-visible) .brand-download-icon{background:var(--white);color:var(--blue-600)}.bento-logo-symbol{right:var(--space-8);bottom:var(--space-6);width:120px;height:120px;color:var(--white);position:absolute}.brand-logo-guidelines{gap:var(--space-12);flex-direction:column;display:flex}.brand-logo-guideline-section{gap:var(--space-6);flex-direction:column;display:flex}.brand-logo-guidelines h3{letter-spacing:-.02em;font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.3}.brand-logo-guidelines p{max-width:760px;line-height:1.75}.brand-logo-meanings{gap:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.brand-logo-meanings>div{gap:var(--space-3);flex-direction:column;display:flex}.brand-logo-meanings dt{font-size:20px;font-weight:700}.brand-logo-meanings dd{color:var(--text-muted);margin:0;line-height:1.75}.brand-logo-construction{gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.brand-logo-clearspace-figure{gap:var(--space-4);padding:var(--space-6);background:var(--gray-50);flex-direction:column;margin:0;display:flex}.brand-logo-clearspace-diagram{aspect-ratio:1;color:#000;width:100%;max-width:360px;margin-inline:auto;position:relative}.brand-logo-clearspace-diagram>svg{width:50%;height:50%;position:absolute;top:25%;left:25%}.brand-logo-grid{border:1px solid var(--border-subtle);grid-template-rows:1fr 2fr 1fr;grid-template-columns:1fr 2fr 1fr;display:grid;position:absolute;inset:0}.brand-logo-grid>span{box-shadow:inset 0 0 0 .5px var(--border-subtle)}.brand-logo-space-circle{background:var(--gray-200);border-radius:50%;width:25%;height:25%;position:absolute}.space-top{top:0;left:37.5%}.space-bottom{bottom:0;left:37.5%}.space-left{top:37.5%;left:0}.space-right{top:37.5%;right:0}.brand-logo-clearspace-figure figcaption{color:var(--text-muted);font-size:14px;line-height:1.75}.brand-logo-specs{flex-direction:column;margin:0;display:flex}.brand-logo-specs>div{gap:var(--space-2);padding-block:var(--space-4);border-bottom:1px solid var(--border-subtle);flex-direction:column;display:flex}.brand-logo-specs>div:first-child{padding-top:0}.brand-logo-specs dt{font-size:14px;font-weight:700}.brand-logo-specs dd{color:var(--text-muted);margin:0;font-size:15px;line-height:1.6}.brand-logo-misuses{gap:var(--space-8) var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.brand-logo-misuses figure{gap:var(--space-4);flex-direction:column;min-width:0;margin:0;display:flex}.brand-logo-misuses figcaption{align-items:start;gap:var(--space-2);font-size:14px;display:flex}.brand-logo-misuses figcaption>svg{flex:none;width:18px;height:18px;margin-top:2px}.brand-logo-misuses figcaption span{gap:var(--space-1);flex-direction:column;display:flex}.brand-logo-misuses small{color:var(--text-muted);font-size:14px;line-height:1.6}.brand-logo-misuses figure>div{justify-content:center;align-items:center;gap:var(--space-1);background:var(--gray-50);min-height:160px;color:var(--gray-900);display:flex;overflow:hidden}.brand-logo-misuses figure>div>svg{width:64px;height:64px}.brand-logo-misuses figcaption>svg{color:var(--danger)}.logo-misuse-stretch>svg{transform:scaleX(1.5)}.logo-misuse-rotate>svg{transform:rotate(45deg)}.brand-logo-misuses .logo-misuse-effect{color:var(--blue-600)}.logo-misuse-effect>svg{filter:drop-shadow(5px 5px 3px var(--blue-400))}.logo-misuse-crowd>span{letter-spacing:-.02em;font-size:24px;font-weight:700}@media (max-width:1199px){.brand-logo-misuses{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.brand-logo-meanings,.brand-logo-construction{grid-template-columns:1fr}.brand-logo-guidelines{gap:var(--space-8)}}
.landing-manifesto{background:var(--surface-page);min-height:240svh;position:relative}.manifesto-sticky{top:var(--header-height);min-height:calc(100svh - var(--header-height));padding-block:var(--section-space);align-items:center;display:flex;position:sticky}.manifesto-copy{width:100%;max-width:calc(var(--container-max) + 2 * var(--page-gutter));padding-inline:var(--page-gutter);gap:var(--space-8);flex-direction:column;margin-inline:auto;display:flex}.manifesto-title{gap:var(--space-3);letter-spacing:-.045em;flex-direction:column;font-size:clamp(40px,5.3vw,76px);font-weight:700;line-height:1.2;display:flex}.manifesto-statement{display:block;position:relative}.manifesto-statement-base{color:var(--border-accessible);display:block}.manifesto-statement-emphasis{color:var(--text-primary);pointer-events:none;display:block;position:absolute;inset:0}.manifesto-glow-word{color:var(--action-primary)}.manifesto-description{color:var(--text-muted);font-size:18px;line-height:1.75}.manifesto-signature{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.manifesto-signature p{letter-spacing:-.02em;font-size:18px;font-weight:600}.manifesto-signature a{align-items:center;gap:var(--space-2);min-height:44px;color:var(--action-primary);font-size:14px;font-weight:600;display:inline-flex}.manifesto-signature a:hover{text-underline-offset:4px;text-decoration:underline}@media (max-width:767px){.landing-manifesto{min-height:220svh}.manifesto-copy{gap:var(--space-6)}.manifesto-title{gap:var(--space-2);font-size:clamp(32px,9vw,48px)}.manifesto-description,.manifesto-signature p{font-size:16px}}@media (max-height:650px){.manifesto-sticky{padding-block:var(--space-6)}.manifesto-title{font-size:clamp(32px,5vw,56px)}}@media (prefers-reduced-motion:reduce){.landing-manifesto{min-height:0}.manifesto-sticky{min-height:0;position:relative;top:auto}.manifesto-statement-emphasis,.manifesto-signature{opacity:1!important}}@media print{.landing-manifesto{min-height:0}.manifesto-sticky{min-height:0;position:static}.manifesto-statement-emphasis,.manifesto-signature{opacity:1!important}}.manifesto-title{gap:var(--space-4);letter-spacing:-.035em;font-size:clamp(28px,2.8vw,40px);line-height:1.4}@media (max-width:767px){.manifesto-title{gap:var(--space-3);font-size:24px}}@media (max-height:750px){.landing-manifesto{min-height:0}.manifesto-sticky{min-height:0;padding-block:var(--section-space);position:relative;top:auto}}.manifesto-copy{grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:var(--grid-gap);align-items:center;display:grid}.manifesto-text{gap:var(--space-8);flex-direction:column;grid-column:span 7;min-width:0;display:flex}.manifesto-scenes{aspect-ratio:4/5;max-height:calc(100svh - var(--header-height) - 2 * var(--section-space));border-radius:var(--radius-panel);background:linear-gradient(#eef2ff,#c5d9fa 35%,#9cbff0);grid-column:span 5;justify-self:end;width:100%;position:relative;overflow:hidden}.manifesto-scenes-canvas{position:absolute;inset:0}.manifesto-scene{will-change:opacity;position:absolute;inset:0}.manifesto-scene img{object-fit:cover}.manifesto-title{font-size:clamp(26px,2.3vw,36px)}@media (max-width:1199px){.manifesto-text{grid-column:span 5}.manifesto-scenes{grid-column:span 3}}@media (max-width:767px){.manifesto-text,.manifesto-scenes{grid-column:1/-1}.manifesto-scenes{aspect-ratio:16/9;order:-1;max-height:none}.manifesto-title{font-size:24px}}.manifesto-signature{justify-content:flex-start}
.about-page{padding-bottom:0}.about-eyebrow{font-size:var(--font-caption);letter-spacing:.02em;color:var(--action-primary);margin:0;font-weight:600}.about-prose{gap:var(--space-6);max-width:var(--reading-max);flex-direction:column;display:flex}.about-prose p,.about-section-lead{font-size:var(--font-reading);word-break:keep-all;margin:0;line-height:1.85}.about-prose strong,.about-section-lead strong{font-weight:700}.about-prose cite{font-style:normal}.about-hero{isolation:isolate;min-height:min(640px,calc(100svh - var(--header-height)));padding-block:var(--space-24) var(--space-20);color:var(--white);background:var(--gray-900);align-items:flex-end;display:flex;position:relative;overflow:hidden}.about-hero-image{z-index:-1;object-fit:cover;object-position:right center}.about-hero-copy{align-items:flex-start;gap:var(--space-6);flex-direction:column;display:flex}.about-hero .about-eyebrow{color:#fffc}.about-hero h1{gap:var(--space-5);letter-spacing:-.02em;color:var(--white);word-break:keep-all;flex-direction:column;margin:0;font-size:clamp(26px,3vw,40px);font-weight:600;line-height:1.35;display:flex}.about-hero h1 span{letter-spacing:-.02em;font-size:clamp(52px,8vw,112px);font-weight:600;line-height:1.1}.about-hero-lead{max-width:560px;font-size:var(--font-reading);color:#ffffffdb;word-break:keep-all;margin:0;line-height:1.75}.about-body{gap:var(--space-24);padding-block:var(--space-24);flex-direction:column;display:flex}.about-split{gap:var(--space-8) var(--grid-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.about-split>:first-child{gap:var(--space-4);flex-direction:column;grid-column:1/span 4;display:flex}.about-split>.about-prose{grid-column:6/span 7}.about-split h2,.about-chapter-heading h2{letter-spacing:-.025em;word-break:keep-all;margin:0;font-size:clamp(28px,3vw,40px);line-height:1.35}.about-chapter{gap:var(--space-12);flex-direction:column;display:flex}.about-chapter-heading{gap:var(--space-4);max-width:var(--reading-max);flex-direction:column;display:flex}.about-chapter-number{font-size:var(--font-caption);color:var(--action-primary);font-weight:600}.about-section-lead{color:var(--text-muted)}.about-timeline{gap:var(--space-10) var(--grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.about-timeline:before{content:"";background:var(--border-subtle);height:1px;position:absolute;top:14px;left:0;right:0}.about-thinker{gap:var(--space-6);min-width:0;scroll-margin-top:calc(var(--header-height) + var(--space-6));flex-direction:column;display:flex;position:relative}.about-year{align-items:center;gap:var(--space-3);font-size:var(--font-caption);color:var(--action-primary);margin:0;font-weight:700;line-height:28px;display:flex;position:relative}.about-year:before{content:"";background:var(--action-primary);width:9px;height:9px;box-shadow:0 0 0 5px var(--surface-page);border-radius:50%}.about-portrait{gap:var(--space-3);flex-direction:column;min-width:0;margin:0;display:flex}.about-portrait-frame{aspect-ratio:4/5;background:var(--surface-subtle);justify-content:center;align-items:center;display:flex;overflow:hidden}.about-portrait-frame img{object-fit:contain;width:100%;height:100%}.about-portrait figcaption{color:var(--text-muted);font-size:12px;line-height:1.7}.about-portrait a:hover{text-underline-offset:3px;text-decoration:underline}.about-thinker-copy{gap:var(--space-6);flex-direction:column;min-width:0;display:flex}.about-thinker-copy header{gap:var(--space-2);flex-direction:column;display:flex}.about-thinker-name{gap:var(--space-2) var(--space-3);font-size:var(--font-ui);flex-wrap:wrap;align-items:baseline;margin:0;font-weight:600;display:flex}.about-thinker-name span,.about-thinker-period{font-size:var(--font-caption);color:var(--text-muted);margin:0;font-weight:400}.about-thinker-copy h3{margin:var(--space-2) 0 0;letter-spacing:-.02em;word-break:keep-all;font-size:24px;line-height:1.45}.about-thinker .about-prose p{font-size:var(--font-ui);line-height:1.8}.about-takeaway{gap:var(--space-2);padding:var(--space-5);background:var(--blue-50);font-size:var(--font-ui);word-break:keep-all;flex-direction:column;margin:0;font-weight:600;line-height:1.7;display:flex}.about-takeaway span{color:var(--action-primary);font-size:12px;font-weight:600}.about-belief{gap:var(--space-8);padding:var(--space-16) var(--space-12);background:var(--gray-900);color:var(--white);flex-direction:column;margin:0;display:flex}.about-belief blockquote{margin:0}.about-belief p{letter-spacing:-.03em;margin:0;font-size:clamp(28px,4vw,52px);font-weight:600;line-height:1.25}.about-belief strong{color:var(--blue-400)}.about-belief figcaption{max-width:var(--reading-max);font-size:var(--font-reading);color:#ffffffc2;word-break:keep-all;line-height:1.8}.about-principles{gap:var(--grid-gap);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.about-principles li{gap:var(--space-3);padding:var(--space-6);background:var(--surface-subtle);flex-direction:column;display:flex;position:relative}.about-principles li:not(:last-child):after{content:"→";top:var(--space-6);right:var(--space-6);color:var(--action-primary);font-weight:600;position:absolute}.about-step-number{font-size:var(--font-caption);color:var(--action-primary);font-weight:700}.about-principles h3{margin:var(--space-6) 0 0;font-size:24px;line-height:1.4}.about-principles p{font-size:var(--font-ui);color:var(--text-muted);word-break:keep-all;margin:0;line-height:1.8}.about-cta{isolation:isolate;padding:var(--space-16) var(--space-12);color:var(--white);background:var(--blue-700);position:relative;overflow:hidden}.about-cta-image{z-index:-1;object-fit:cover}.about-cta-copy{align-items:flex-start;gap:var(--space-6);flex-direction:column;max-width:640px;display:flex}.about-cta h2{letter-spacing:-.025em;color:var(--white);margin:0;font-size:clamp(28px,3vw,40px);line-height:1.35}.about-cta p{font-size:var(--font-reading);color:#ffffffe0;word-break:keep-all;margin:0;line-height:1.8}.about-cta-actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.about-references{gap:var(--space-4);max-width:var(--reading-max);padding-top:var(--space-8);border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.about-references h2{margin:0;font-size:24px}.about-references>p,.about-references li{font-size:var(--font-caption);margin:0;line-height:1.8}.about-references ul{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.about-references a{color:var(--action-primary);text-underline-offset:3px;text-decoration:underline}.about-image-credits{margin-block:var(--space-2) 0}.about-image-credits summary{font-size:var(--font-caption);align-content:center;display:list-item}.about-image-credits>div{padding:var(--space-4) var(--space-5) var(--space-5)}.about-interlude{isolation:isolate;min-height:min(560px,80svh);padding-block:var(--space-24);color:var(--white);background:var(--blue-700);align-items:center;margin:0;display:flex;position:relative;overflow:hidden}.about-interlude-image{z-index:-1;object-fit:cover}.about-interlude-copy{gap:var(--space-8);flex-direction:column;display:flex}.about-interlude blockquote{margin:0}.about-interlude blockquote p{letter-spacing:-.015em;margin:0;font-size:clamp(36px,5.6vw,80px);font-weight:600;line-height:1.15}.about-interlude blockquote strong{font-style:italic;font-weight:600}.about-interlude figcaption{gap:var(--space-2);flex-direction:column;display:flex}.about-interlude figcaption p{word-break:keep-all;margin:0;font-size:clamp(18px,1.8vw,22px);font-weight:600;line-height:1.6}.about-interlude cite{font-size:var(--font-caption);color:#ffffffc2;font-style:normal}.about-band-dark{padding-block:var(--space-24);background:var(--gray-900);color:var(--white)}.about-band-dark h2{color:var(--white)}.about-band-dark .about-chapter-number{color:var(--blue-400)}.about-band-dark .about-prose p{color:#ffffffd1}.about-band-dark .about-prose strong{color:var(--white)}.about-band-dark .about-belief{padding:var(--space-12) 0 0;border-top:1px solid #ffffff29}@media (max-width:1199px){.about-split>:first-child,.about-split>.about-prose{grid-column:1/-1}.about-timeline{grid-template-columns:minmax(0,1fr)}.about-timeline:before{width:1px;height:auto;inset:0 auto 0 4px}.about-thinker{gap:var(--space-4) var(--grid-gap);padding-left:var(--space-8);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}.about-year{margin-left:calc(-1 * var(--space-8));grid-column:1/-1}.about-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.about-principles li:nth-child(2):after{content:none}}@media (max-width:767px){.about-hero{padding-block:var(--space-20) var(--space-12)}.about-hero-lead,.about-prose p,.about-section-lead{font-size:17px;line-height:1.8}.about-body{gap:var(--space-16);padding-block:var(--space-16)}.about-interlude,.about-band-dark{padding-block:var(--space-16)}.about-interlude{min-height:0}.about-band-dark .about-belief{padding:var(--space-8) 0 0}.about-chapter{gap:var(--space-8)}.about-thinker{padding-left:var(--space-6);grid-template-columns:minmax(0,1fr)}.about-year{margin-left:calc(-1 * var(--space-6))}.about-portrait{max-width:280px}.about-thinker-copy h3,.about-principles h3{font-size:22px}.about-belief{padding:var(--space-10) var(--space-6)}.about-belief figcaption{font-size:16px}.about-principles{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.about-principles li{padding:var(--space-5)}.about-principles li:after{content:none}.about-principles h3{margin-top:var(--space-2)}.about-cta{padding:var(--space-10) var(--space-6)}}@media (min-width:1200px){.about-timeline{row-gap:var(--space-6);grid-template-rows:repeat(5,auto)}.about-thinker{grid-row:span 5;grid-template-rows:subgrid;display:grid}.about-thinker-copy{display:contents}.about-takeaway{align-self:end}}
.doc-page{padding-bottom:var(--space-20)}.doc-column{max-width:var(--article-max);margin-inline:auto}.doc-header{background:var(--surface-subtle)}.doc-header-copy{gap:var(--space-4);padding-block:var(--space-16) var(--space-12);flex-direction:column;display:flex}.doc-header h1{letter-spacing:-.025em;word-break:keep-all;margin:0;font-size:clamp(30px,3.4vw,40px);line-height:1.3}.doc-lead{font-size:var(--font-reading);color:var(--text-muted);word-break:keep-all;margin:0;line-height:1.8}.doc-body{gap:var(--space-12);padding-top:var(--space-14);flex-direction:column;display:flex}.doc-section{gap:var(--space-4);scroll-margin-top:calc(var(--header-height) + var(--space-6));flex-direction:column;display:flex}.doc-section h2{margin:0 0 var(--space-1);letter-spacing:-.02em;font-size:24px;line-height:1.4}.doc-section p,.doc-section li{word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:17px;line-height:1.8}.doc-section ul{gap:var(--space-2);flex-direction:column;margin:0;padding-left:1.25em;list-style:outside;display:flex}.doc-section li::marker{color:var(--text-muted)}.doc-section a{color:var(--blue-600);text-underline-offset:4px;font-weight:600;text-decoration:underline}.doc-section .policy-action{margin-top:0}.doc-meta{padding-top:var(--space-6);border-top:1px solid var(--border-subtle);font-size:var(--font-caption);color:var(--text-muted);margin:0}@media (max-width:767px){.doc-header-copy{padding-block:var(--space-10) var(--space-8)}.doc-lead{font-size:17px}.doc-body{gap:var(--space-10);padding-top:var(--space-10)}.doc-section h2{font-size:22px}}
.doc-page .contribute-section+.contribute-section{margin-top:var(--space-4)}.contribute-section{gap:var(--space-6);scroll-margin-top:calc(var(--header-height) + var(--space-6));flex-direction:column;display:flex}.contribute-section h2{letter-spacing:-.02em;margin:0;font-size:26px;line-height:1.4}.contribute-section-head{gap:var(--space-3);flex-direction:column;display:flex}.contribute-section-head p{font-size:var(--font-ui);color:var(--text-muted);word-break:keep-all;margin:0;line-height:1.75}.contribute-section-head a{color:var(--blue-600);text-underline-offset:4px;font-weight:600;text-decoration:underline}.contribute-paths{border-top:1px solid var(--border-subtle)}.contribute-paths [data-slot=accordion-item]{border-bottom:1px solid var(--border-subtle);scroll-margin-top:calc(var(--header-height) + var(--space-6))}.contribute-paths [data-slot=accordion-trigger]{padding-block:var(--space-5);font-size:var(--font-ui);align-items:center}.contribute-paths [data-slot=accordion-trigger]:hover{text-decoration:none}.contribute-paths [data-slot=accordion-trigger]>svg{width:20px;height:20px;color:var(--text-muted)}.contribute-path-title{align-items:baseline;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.contribute-path-title strong{color:var(--text-primary);font-size:19px;font-weight:700;line-height:1.4}.contribute-path-title span{font-size:var(--font-caption);color:var(--action-primary);font-weight:600}.contribute-paths [role=region][data-state=closed]{display:none}.contribute-paths [role=region]>div{gap:var(--space-4);padding-bottom:var(--space-6);flex-direction:column;display:flex}.contribute-paths [role=region] p{font-size:var(--font-ui);color:var(--text-muted);word-break:keep-all;margin:0;line-height:1.75}.contribute-guide-link a{font-weight:600;color:var(--blue-600)!important;text-decoration:none!important}.contribute-guide-link a:hover{text-decoration:underline!important}.contribute-checklist{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.contribute-checklist li{padding-left:var(--space-8);font-size:var(--font-ui);word-break:keep-all;line-height:1.7;position:relative}.contribute-checklist li:before{content:"";background:var(--blue-50) no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232457FF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");border-radius:50%;width:18px;height:18px;position:absolute;top:.3em;left:0}.contribute-form{gap:var(--space-6);padding:var(--space-8);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-page);flex-direction:column;display:flex}.contribute-kinds{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.contribute-form-row{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.contribute-consent-box{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-control);background:var(--surface-subtle);flex-direction:column;display:flex}.contribute-form textarea{min-height:9rem}.contribute-consent dl{border-top:1px solid var(--border-subtle);margin:0}.contribute-consent dl>div{gap:var(--space-3);padding-block:var(--space-2);border-bottom:1px solid var(--border-subtle);font-size:var(--font-caption);grid-template-columns:5.5rem minmax(0,1fr);line-height:1.6;display:grid}.contribute-consent dt{color:var(--text-muted)}.contribute-consent dd{word-break:keep-all;margin:0}.contribute-consent-box>p{font-size:var(--font-caption);color:var(--text-muted);word-break:keep-all;margin:0;line-height:1.7}.contribute-submit{align-self:flex-start}.contribute-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.contribute-result{gap:var(--space-3);padding:var(--space-8);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-subtle);outline:none;flex-direction:column;display:flex}.contribute-result h3{margin:0;font-size:20px;line-height:1.4}.contribute-result p{font-size:var(--font-ui);color:var(--text-muted);word-break:keep-all;margin:0;line-height:1.75}.contribute-result pre{padding:var(--space-4);background:var(--surface-page);border-radius:var(--radius-control);margin:0;font-size:12px;overflow:auto}@media (max-width:767px){.contribute-section h2{font-size:24px}.doc-page .contribute-section+.contribute-section{margin-top:var(--space-2)}.contribute-form{padding:var(--space-5)}.contribute-kinds{grid-template-columns:repeat(2,minmax(0,1fr))}.contribute-form-row{grid-template-columns:minmax(0,1fr)}.contribute-consent-box{padding:var(--space-4)}.contribute-submit{align-self:stretch}}
.consent-dialog{gap:var(--space-6);border-radius:var(--radius-panel);max-height:calc(100svh - var(--space-8));border:0;overflow-y:auto}.consent-dialog [data-slot=dialog-header]{text-align:left}.consent-dialog [data-slot=dialog-title]{letter-spacing:-.02em;padding-right:var(--space-10);font-size:22px;line-height:1.3}.consent-dialog [data-slot=dialog-description]{font-size:14px;line-height:1.6}.consent-categories{gap:0}.consent-categories [data-slot=field]{gap:var(--space-4);padding-block:var(--space-4);border-top:1px solid var(--gray-200)}.consent-categories [data-slot=field]:last-child{border-bottom:1px solid var(--gray-200)}.consent-categories [data-slot=field-label]{align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:16px;font-weight:700;display:flex}.consent-categories [data-slot=field-label] [class*=rounded-md]{font-weight:600}.consent-categories [data-slot=field-description]{font-size:14px;line-height:1.6}.consent-categories [data-slot=switch]{width:44px;height:24px;margin-top:2px;padding:2px}.consent-categories [data-slot=switch-thumb]{width:18px;height:18px}.consent-categories [data-slot=switch-thumb][data-state=checked]{translate:20px}.consent-categories [data-slot=switch][data-state=unchecked]{background:var(--border-accessible)}.consent-categories [data-slot=switch][data-state=checked]{background:var(--blue-600)}.consent-categories [data-slot=switch]:disabled{opacity:1;background:var(--blue-400)}.consent-categories [data-slot=switch-thumb]{background:var(--white)}.consent-dialog-actions{gap:var(--space-2)}@media (max-width:767px){.consent-dialog{padding:var(--space-5)}}.cookie-settings-link{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.cookie-settings-link:hover{text-underline-offset:4px;text-decoration:underline}.cookie-settings-link:focus-visible{outline:2px solid var(--blue-600);outline-offset:2px}.brand-footer .footer-bottom{align-items:center}.footer-bottom-meta{align-items:center;gap:0 var(--space-6);flex-wrap:wrap;display:flex}@media (max-width:767px){.brand-footer .footer-bottom{align-items:flex-start}}.policy-action{margin-top:var(--space-4)}
.academy-body .lesson-content{max-width:var(--academy-measure)}.lesson-content h1{font-size:var(--academy-h1);font-weight:700;line-height:var(--academy-h1-leading);letter-spacing:var(--academy-h1-tracking)}.lesson-content :is(.lesson-body h2,.lesson-section>h2){font-size:var(--academy-h2);font-weight:700;line-height:var(--academy-h2-leading);letter-spacing:var(--academy-h2-tracking)}.lesson-content :is(.lesson-body h3:not(.lesson-step h3,.lesson-compare h3),.lesson-step h3){font-size:var(--academy-h3);font-weight:600;line-height:var(--academy-h3-leading);letter-spacing:var(--academy-h3-tracking)}.lesson-content :is(.lesson-summary,.lesson-goals ul){font-size:var(--academy-body);line-height:var(--academy-body-leading);letter-spacing:var(--academy-body-tracking)}.lesson-content :is(.prompt-data,.prompt-instruction,.lesson-output pre,.lesson-trace [data-slot=trace-line],.lesson-trace [data-slot=trace-collapsible-content-inner],.lesson-compare pre,.lesson-compare li>p:last-child,.lesson-flow li p,.lesson-chart>p,.lesson-chart summary,.lesson-video summary,.lesson-video-transcript,.lesson-goals dl,.lesson-table :is(td,th),.key-points li){font-size:var(--academy-box);line-height:var(--academy-box-leading);letter-spacing:var(--academy-body-tracking)}.lesson-content :is(.lesson-meta,.lesson-figure figcaption){font-size:var(--academy-secondary);line-height:var(--academy-secondary-leading);letter-spacing:0}.lesson-content :is(.prompt-part-label,.prompt-fictional,.lesson-output figcaption,.lesson-trace figcaption,.lesson-chart figcaption>span,.lesson-flow figcaption,.lesson-compare-label){font-size:var(--academy-caption);line-height:var(--academy-caption-leading);letter-spacing:0}.lesson-content :is(.lesson-goals,.lesson-callout,.lesson-compare>li,.lesson-flow li,.lesson-prompt,.lesson-output,.lesson-trace,.lesson-chart,.quiz-start,.key-points,details.lesson-sources){border-radius:var(--academy-box-radius)}.lesson-content :is(.lesson-goals,.lesson-callout,.lesson-compare>li,.lesson-output,.lesson-trace,.lesson-chart,.quiz-start,.key-points){padding:var(--academy-box-padding)}.lesson-content .lesson-flow li{padding:var(--academy-box-padding-compact)}.lesson-content :is(.lesson-callout-title,.lesson-compare h3,.lesson-flow li strong,.lesson-chart figcaption strong){font-size:var(--academy-box-title);letter-spacing:var(--academy-body-tracking);font-weight:600;line-height:1.5}.lesson-content .quiz-start h2{font-size:var(--academy-h3);line-height:var(--academy-h3-leading);letter-spacing:var(--academy-h3-tracking)}.lesson-content .quiz-start p{font-size:var(--academy-box);line-height:var(--academy-box-leading)}.lesson-content .lesson-goals>strong{font-size:var(--academy-secondary);font-weight:700;line-height:var(--academy-secondary-leading);display:block}.lesson-content .lesson-table :is(th,td):first-child{white-space:nowrap}.lesson-body h2{margin-top:var(--academy-h2-space-above)}.lesson-body :is(h2+*){margin-top:var(--academy-h2-space-below)}.lesson-body h3:not(.lesson-step h3,.lesson-compare h3){margin-top:var(--academy-h3-space-above)}.lesson-body :is(h3:not(.lesson-step h3,.lesson-compare h3)+*){margin-top:var(--academy-h3-space-below)}.lesson-body :is(ul,ol):not([data-not-typeset],[data-not-typeset] *)>li+li{margin-top:var(--academy-list-gap)}.lesson-body{padding-top:var(--space-4);container-type:inline-size}.lesson-body h2{scroll-margin-top:88px}.lesson-table:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.lesson-table table{width:100%;min-width:520px}.lesson-body .lesson-table table{font-size:16px}.lesson-body :where(table) th,.lesson-body :where(table) td{vertical-align:top;padding:var(--space-3);word-break:keep-all}.lesson-steps,.lesson-callout,.lesson-term,.lesson-output,.lesson-trace,.lesson-prompt,.lesson-compare,.lesson-flow,.lesson-figure,.lesson-chart,.lesson-checklist,.lesson-video{margin-top:var(--space-6)}.lesson-block-body>*+*{margin-top:var(--space-3)}.lesson-block-body p{line-height:var(--line-reading)}.lesson-output pre,.lesson-compare pre{white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;font-family:var(--font-body);margin:0}.lesson-output figcaption,.lesson-trace figcaption,.lesson-chart figcaption{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap;font-size:14px;display:flex}.lesson-output figcaption span,.lesson-trace figcaption span,.lesson-chart figcaption span{color:var(--text-muted)}.lesson-steps{counter-reset:lesson-step;padding:0;list-style:none}.lesson-step{counter-increment:lesson-step;padding:0 0 var(--space-8) 56px;position:relative}.lesson-step:before{content:counter(lesson-step);background:var(--gray-900);width:36px;height:36px;color:var(--white);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:16px;font-weight:700;display:grid;position:absolute;top:0;left:0}.lesson-step:not(:last-child):after{content:"";background:var(--gray-200);width:2px;position:absolute;top:44px;bottom:8px;left:17px}.lesson-step h3{margin-bottom:var(--space-2);padding-top:2px}.lesson-step>.lesson-block-body>:first-child{margin-top:0}.lesson-callout{gap:var(--space-3);background:var(--surface-subtle);grid-template-columns:24px minmax(0,1fr);display:grid}.lesson-callout[data-type=tip]{background:var(--blue-50)}.lesson-callout[data-type=caution]{background:var(--danger-soft)}.lesson-callout>svg{width:24px;height:24px;margin-top:2px}.lesson-callout[data-type=tip]>svg{color:var(--blue-600)}.lesson-callout[data-type=caution]>svg{color:var(--danger)}.lesson-callout-title{margin-bottom:var(--space-2)}.lesson-term{padding:var(--space-5) var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-panel)}.lesson-term dt{margin-bottom:var(--space-2);font-weight:700}.lesson-term dfn{font-style:normal}.lesson-term dt:after{content:" — 용어";color:var(--text-muted);font-size:14px;font-weight:400}.lesson-output{border:1px dashed var(--border-control);background:var(--white)}.lesson-compare{gap:var(--space-4);padding:0;list-style:none;display:grid}@container (min-width:560px){.lesson-compare{grid-template-columns:repeat(2,minmax(0,1fr))}}.lesson-compare>li{border:1px solid var(--border-subtle);gap:var(--space-3);flex-direction:column;display:flex}.lesson-compare>li[data-tone=avoid]{background:var(--danger-soft);border-color:#0000}.lesson-compare>li[data-tone=prefer]{background:var(--success-soft);border-color:#0000}.lesson-compare-label{align-items:center;gap:var(--space-2);font-weight:700;display:flex}.lesson-compare-label svg{width:18px;height:18px}.lesson-compare>li[data-tone=avoid] .lesson-compare-label{color:var(--danger)}.lesson-compare>li[data-tone=prefer] .lesson-compare-label{color:var(--success)}.lesson-compare h3{margin:0}.lesson-compare li>p:last-child{color:var(--text-primary)}.lesson-flow figcaption{margin-bottom:var(--space-3);font-weight:700}.lesson-flow ol{gap:var(--space-3);padding:0;list-style:none;display:grid}@container (min-width:640px){.lesson-flow ol{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}}.lesson-flow li{background:var(--surface-subtle);gap:var(--space-2);flex-direction:column;display:flex;position:relative}.lesson-flow-number{background:var(--blue-600);width:28px;height:28px;color:var(--white);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.lesson-flow li p{color:var(--text-muted)}.lesson-figure img{border-radius:var(--radius-panel);border:1px solid var(--border-subtle);width:100%;height:auto}.lesson-figure figcaption{margin-top:var(--space-3);color:var(--text-muted);gap:var(--space-1);flex-direction:column;font-size:14px;line-height:1.65;display:flex}.lesson-chart{border:1px solid var(--border-subtle)}.lesson-chart figcaption{align-items:flex-start;gap:var(--space-1);flex-direction:column}.lesson-chart figcaption a{color:var(--blue-600);text-underline-offset:4px;text-decoration:underline}.lesson-chart-canvas{width:100%;min-width:0;overflow:hidden}.lesson-chart>p,.lesson-chart .lesson-details,.lesson-video .lesson-details{margin-top:var(--space-3)}.lesson-chart summary,.lesson-video summary{cursor:pointer;min-height:44px;color:var(--action-primary);align-items:center;font-weight:600;display:inline-flex}.lesson-chart summary:hover,.lesson-video summary:hover{text-underline-offset:4px;text-decoration:underline}.lesson-video-frame{aspect-ratio:16/9;border-radius:var(--radius-panel);background:var(--surface-subtle);overflow:hidden}.lesson-video-frame iframe{border:0;width:100%;height:100%}.lesson-video-placeholder{justify-content:center;align-items:center;gap:var(--space-3);height:100%;padding:var(--space-6);text-align:center;flex-direction:column;display:flex}.lesson-video-transcript{white-space:pre-line;padding-top:var(--space-3)}.lesson-checklist{border:0;min-width:0;padding:0}.lesson-checklist legend{margin-bottom:var(--space-3);padding:0;font-weight:700}.lesson-checklist>label+label{margin-top:var(--space-2)}.lesson-checklist .small{margin-top:var(--space-3);color:var(--text-muted);font-size:14px}.lesson-goals ul{margin:var(--space-3) 0 0;gap:var(--space-2);flex-direction:column;padding-left:1.25em;list-style:outside;display:flex}.lesson-goals dl{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);gap:var(--space-2);flex-direction:column;display:flex}.lesson-goals dl>div{gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);display:grid}.lesson-goals dt{white-space:nowrap;font-weight:700}.lesson-goals dd a{color:var(--blue-600);text-underline-offset:4px;text-decoration:underline}@media (max-width:767px){.lesson-goals dl>div{grid-template-columns:1fr;gap:0}}.lesson-pager{gap:var(--space-2);flex-direction:column;display:flex}.next-lesson>a.lesson-pager-previous{color:var(--text-muted);text-underline-offset:4px;align-self:flex-start;padding:0;font-size:15px;font-weight:400;line-height:1.6;text-decoration:underline;display:inline}.journey-browser{margin-top:var(--space-8)}.journey-card-label{align-items:center;gap:var(--space-2);color:var(--blue-600);font-size:14px;font-weight:700;display:inline-flex}.journey-card-label svg{width:18px;height:18px}@media (max-width:767px){.lesson-step{padding-left:48px}}.lesson-prompt{--prompt-inset:var(--academy-box-padding);margin-top:var(--space-6);border:1px solid var(--border-subtle);background:var(--white);padding:0;overflow:hidden}.lesson-prompt figcaption{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-4) var(--prompt-inset) 0;flex-wrap:wrap;margin:0;font-size:14px;display:flex}.prompt-fictional{height:24px;padding:0 var(--space-2);background:var(--gray-50);color:var(--text-muted);border-radius:999px;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.prompt-body{gap:var(--space-4);padding:var(--space-4) var(--prompt-inset) var(--space-5);flex-direction:column;display:flex}.prompt-part{gap:var(--space-2);flex-direction:column;display:flex}.prompt-part-label{color:var(--text-muted);font-weight:700}.prompt-data{padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--surface-subtle);white-space:pre-wrap;word-break:keep-all;overflow-wrap:break-word;font-family:var(--font-body);color:var(--gray-900);margin:0}.prompt-instruction{word-break:keep-all;margin:0;font-weight:600}.prompt-actions{align-items:center;gap:var(--space-3) var(--space-5);padding:var(--space-3) var(--prompt-inset);border-top:1px solid var(--border-subtle);background:var(--surface-subtle);flex-wrap:wrap;display:flex}.lesson-prompt .feedback{padding:var(--space-3) var(--prompt-inset);margin:0;font-size:14px}.ai-tool-links{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;font-size:14px;display:flex}.ai-tool-links>span{color:var(--text-muted)}.ai-tool-links ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ai-tool-links a{height:32px;padding:0 var(--space-3) 0 10px;border:1px solid var(--border-subtle);background:var(--white);color:var(--gray-900);transition:border-color var(--motion-fast),color var(--motion-fast);border-radius:999px;align-items:center;gap:6px;font-weight:600;display:inline-flex}.ai-tool-links a:hover{border-color:var(--blue-600);color:var(--blue-600)}.ai-tool-links .ai-tool-logo{flex:none;width:16px;height:16px}.ai-tool-links .ai-tool-external{width:14px;height:14px;color:var(--text-muted)}.quiz-start{justify-content:space-between;align-items:center;gap:var(--space-4) var(--space-8);background:var(--blue-50);flex-wrap:wrap;display:flex}.quiz-start h2{margin:0 0 var(--space-2)}.quiz-start p{color:var(--text-muted);word-break:keep-all;margin:0}.quiz-page-header{gap:var(--space-2);margin-bottom:var(--space-8);flex-direction:column;display:flex}.quiz-page-header h1{font-size:var(--academy-h1);line-height:var(--academy-h1-leading);letter-spacing:var(--academy-h1-tracking);margin:0}.quiz-page-header p{margin:0;font-size:16px;line-height:1.6}.quiz-page-header a{color:var(--blue-600);text-underline-offset:4px;font-weight:600;text-decoration:underline}.quiz-page-help{color:var(--text-muted)}.quiz-explanation-wrong{gap:var(--space-1);flex-direction:column;display:flex}.quiz-explanation-wrong p{margin:0}.quiz-explanation-wrong a{color:var(--blue-600);text-underline-offset:4px;font-weight:600;text-decoration:underline}.quiz-next{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-5) var(--space-6);border-radius:var(--radius-panel);background:var(--blue-600);color:var(--white);transition:background var(--motion-fast);font-size:18px;font-weight:700;display:flex}.quiz-next:hover{background:var(--gray-900)}.quiz-next svg{flex:none;width:24px;height:24px}.quiz-back{min-height:44px;margin-top:var(--space-6);color:var(--text-muted);text-underline-offset:4px;align-items:center;font-size:14px;text-decoration:underline;display:inline-flex}@media (max-width:767px){.quiz-next{padding:var(--space-4) var(--space-5);font-size:16px}}.lesson-toc{padding-right:var(--space-4)}.lesson-toc-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);width:100%;padding:0 var(--space-3);text-align:left;cursor:pointer;color:var(--gray-900);background:0 0;border:0;display:flex}.lesson-toc-head>span{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.lesson-toc-head strong{word-break:keep-all;font-size:15px;font-weight:600;line-height:1.4}.lesson-toc-meta{color:var(--text-muted);font-size:12px;line-height:1.5}.lesson-toc-head svg{width:20px;height:20px;color:var(--text-muted);transition:transform var(--motion-fast);flex:none;margin-top:1px}.lesson-toc-head svg[data-open=true]{transform:rotate(180deg)}.lesson-toc-progress{height:4px;margin:var(--space-3) var(--space-3) var(--space-4);background:var(--gray-100,#eef0f3);border-radius:999px;display:block;overflow:hidden}.lesson-toc-progress>span{border-radius:inherit;background:var(--success);height:100%;transition:width var(--motion-normal);display:block}.lesson-toc nav{flex-direction:column;margin:0;display:flex}.lesson-toc nav[hidden]{display:none}.lesson-toc ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.lesson-sidebar.lesson-toc nav a{align-items:flex-start;gap:var(--space-3);min-height:40px;padding:10px var(--space-3);border-radius:var(--radius-control);color:var(--gray-900);word-break:keep-all;border:0;font-size:14px;line-height:1.45;text-decoration:none;display:flex}.lesson-sidebar.lesson-toc nav a:hover{background:var(--surface-subtle);text-decoration:none}.lesson-sidebar.lesson-toc nav a[aria-current]{background:var(--blue-50);color:var(--blue-600);font-weight:600}.lesson-toc-icon{flex:none;width:16px;height:16px;margin-top:2px}.lesson-toc a[data-state=done] .lesson-toc-icon{color:var(--success)}.lesson-toc a[data-state=todo] .lesson-toc-icon{color:var(--border-control)}.lesson-toc a[data-state=current] .lesson-toc-icon{color:var(--blue-600)}.lesson-sidebar.lesson-toc nav a.lesson-toc-quiz{margin-top:var(--space-2);border-top:1px solid var(--border-subtle);border-radius:0 0 var(--radius-control) var(--radius-control);padding-top:var(--space-3);align-items:center;font-weight:600}.lesson-sidebar.lesson-toc nav a.lesson-toc-quiz[aria-current]{border-radius:var(--radius-control);border-top-color:#0000}.lesson-toc-quiz .lesson-toc-icon{color:var(--gray-900);margin-top:0}.lesson-toc-quiz[aria-current] .lesson-toc-icon{color:var(--blue-600)}.lesson-toc-quiz>span:nth-child(2){flex:1}.lesson-toc-quiz-count{color:var(--text-muted);font-weight:400}.lesson-toc-status{align-items:center;gap:var(--space-1);color:var(--text-muted);font-size:12px;font-weight:500;display:inline-flex}.lesson-toc-status svg{width:16px;height:16px;color:var(--success)}@media (prefers-reduced-motion:reduce){.lesson-toc-head svg,.lesson-toc-progress>span{transition:none}}@media (max-width:1199px){.lesson-toc{margin-bottom:var(--space-6);padding:var(--space-3) var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-card)}.academy-body .lesson-toc nav{flex-wrap:nowrap}.lesson-toc-progress{margin-bottom:var(--space-2)}}details.lesson-sources{margin:var(--space-8) 0 0;border:1px solid var(--border-subtle);background:var(--white);color:var(--text-muted);font-size:13px;overflow:hidden}details.lesson-sources>summary{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);cursor:pointer;color:var(--text-muted);margin:0;font-size:13px;font-weight:500;list-style:none;display:flex}details.lesson-sources>summary::-webkit-details-marker{display:none}details.lesson-sources>summary:hover{color:var(--gray-900)}details.lesson-sources>summary>svg{flex:none;width:16px;height:16px}details.lesson-sources>summary>span{flex:1}details.lesson-sources .lesson-sources-chevron{transition:transform var(--motion-fast)}details.lesson-sources[open] .lesson-sources-chevron{transform:rotate(180deg)}details.lesson-sources>div{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4) calc(var(--space-4) + 16px + var(--space-2));border-top:1px solid var(--border-subtle);flex-direction:column;margin:0;display:flex}details.lesson-sources ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}details.lesson-sources li{margin:0;line-height:1.5}details.lesson-sources a{color:var(--blue-600);text-underline-offset:3px;text-decoration:underline}details.lesson-sources p{margin:0;line-height:1.7}details.lesson-sources+.quiz-start{margin-top:var(--space-6)}@media (prefers-reduced-motion:reduce){details.lesson-sources .lesson-sources-chevron{transition:none}}.lesson-meta-previous{color:var(--text-muted);text-underline-offset:4px;text-decoration:underline}.glossary-ref{font:inherit;color:inherit;line-height:inherit;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--blue-600);text-decoration-color:var(--blue-600);text-underline-offset:5px;cursor:help;background:0 0;border:0;margin:0;padding:0;display:inline}.glossary-ref:hover,.glossary-ref[aria-expanded=true]{color:var(--blue-600)}.glossary-popover[data-slot=popover-content]{gap:var(--space-2);width:min(320px,100vw - 32px);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--white);color:var(--gray-900);flex-direction:column;display:flex;box-shadow:0 8px 24px #0f172a1f}.glossary-popover-term{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;margin:0;font-size:15px;display:flex}.glossary-popover-term span{color:var(--text-muted);font-size:12px}.glossary-popover-definition{word-break:keep-all;margin:0;font-size:14px;line-height:1.65}.glossary-popover-link{align-items:center;gap:var(--space-1);min-height:24px;color:var(--blue-600);align-self:flex-start;font-size:13px;font-weight:600;display:inline-flex}.glossary-popover-link svg{width:14px;height:14px}.glossary-popover-link:hover{text-underline-offset:3px;text-decoration:underline}.lesson-trace{border:1px dashed var(--border-control);background:var(--white)}.lesson-trace [data-slot=trace]{gap:var(--space-3)}.lesson-trace [data-slot=trace-line]{align-items:flex-start;gap:var(--space-1) var(--space-2);color:var(--text-primary);flex-wrap:wrap}.lesson-trace [data-slot=trace-line][data-status=error]{color:var(--danger)}.lesson-trace [data-slot=trace-icon]{width:20px;height:24px}.lesson-trace [data-slot=trace-icon] svg{width:18px;height:18px}.lesson-trace [data-slot=trace-title]{white-space:normal;text-overflow:clip;word-break:keep-all;overflow:visible}.lesson-trace [data-slot=trace-description]{color:var(--text-muted);font-size:var(--academy-caption)}.lesson-trace [data-slot=trace-collapsible-trigger]{min-height:44px;color:var(--text-primary)}.lesson-trace [data-slot=trace-collapsible-content-inner]{color:var(--text-primary);white-space:pre-line}.journey-page{max-width:calc(var(--container-max) + 2 * var(--space-10))}.journey-banner{gap:var(--space-10);margin-top:var(--space-6);padding:var(--space-10);border-radius:var(--radius-panel);background:linear-gradient(115deg,var(--surface-subtle) 40%,var(--blue-50));grid-template-columns:minmax(0,1fr) minmax(0,400px);align-items:center;display:grid}.journey-banner-copy{align-items:flex-start;gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.journey-banner-label{color:var(--blue-600);margin:0;font-size:14px;font-weight:700}.journey-banner h1{font-size:var(--academy-h1);line-height:var(--academy-h1-leading);letter-spacing:var(--academy-h1-tracking);margin:0}.journey-banner-summary{font-size:var(--academy-body);line-height:var(--academy-body-leading);word-break:keep-all;margin:0}.journey-banner-meta{gap:var(--space-1) var(--space-4);color:var(--text-muted);flex-wrap:wrap;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.journey-banner-art .brand-image{aspect-ratio:16/9;border-radius:var(--radius-card);overflow:hidden}.journey-body{gap:var(--space-10);margin-top:var(--space-12);grid-template-columns:minmax(0,1fr);display:grid}.journey-main{gap:var(--space-12);flex-direction:column;min-width:0;display:flex}.journey-main h2,.journey-aside h2{margin:0 0 var(--space-3);font-size:var(--academy-h2);line-height:var(--academy-h2-leading);letter-spacing:var(--academy-h2-tracking)}.journey-about-text,.journey-learn-lead{font-size:var(--academy-body);line-height:var(--academy-body-leading);word-break:keep-all;margin:0}.journey-learn-lead{color:var(--text-muted)}.journey-aside{gap:var(--space-8);flex-direction:column;min-width:0;display:flex}.journey-aside h2{font-size:var(--academy-h3);line-height:var(--academy-h3-leading)}.journey-aside section+section{padding-top:var(--space-8);border-top:1px solid var(--border-subtle)}.journey-aside p{font-size:var(--academy-box);line-height:var(--academy-box-leading);word-break:keep-all;margin:0}.journey-skills{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.journey-skills li{padding:var(--space-1) var(--space-3);background:var(--blue-50);color:var(--blue-600);border-radius:999px;font-size:14px;font-weight:600;line-height:1.6}.journey-stages{gap:var(--space-12);margin:var(--space-8) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.journey-stage-heading{gap:var(--space-1);flex-direction:column;display:flex}.journey-stage-label{color:var(--blue-600);font-size:14px;font-weight:700}.journey-stage-heading h3{font-size:var(--academy-h3);line-height:var(--academy-h3-leading);letter-spacing:var(--academy-h3-tracking);margin:0}.journey-stage-heading p{color:var(--text-muted);word-break:keep-all;margin:0;line-height:1.75}.journey-timeline{gap:var(--space-6);margin:var(--space-6) 0 0;flex-direction:column;padding:0;list-style:none;display:flex;position:relative}.journey-timeline:before{content:"";background:var(--gray-200);width:2px;position:absolute;top:0;bottom:0;left:15px}.journey-node{gap:var(--space-4);grid-template-columns:32px minmax(0,1fr);align-items:center;display:grid;position:relative}.journey-node-number{z-index:1;background:var(--surface-subtle);border:2px solid var(--white);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:grid;position:relative}.journey-node-card{gap:var(--space-2);min-width:0;padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-page);flex-direction:column;display:flex}.journey-node-label{align-items:center;gap:var(--space-1);color:var(--blue-600);margin:0;font-size:13px;font-weight:700;display:inline-flex}.journey-node-label svg{width:16px;height:16px}.journey-node-card h4{font-size:var(--academy-card-title);word-break:keep-all;margin:0;line-height:1.4}.journey-node-card h4 a:hover{color:var(--blue-600);text-underline-offset:4px;text-decoration:underline}.journey-node-card>p:not(.journey-node-label){color:var(--text-muted);word-break:keep-all;margin:0;font-size:15px;line-height:1.7}.journey-node-footer{align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.journey-node-time{align-items:center;gap:var(--space-1);color:var(--text-muted);font-size:13px;display:inline-flex}.journey-node-time svg{width:14px;height:14px}.journey-node-footer [data-slot=button]{margin-left:auto}.journey-node-footer .learning-status{margin-left:0}.journey-checkpoint{margin:var(--space-6) 0 0;padding:var(--space-4) var(--space-5);border-radius:var(--radius-panel);background:var(--surface-subtle);word-break:keep-all;font-size:15px;line-height:1.7}.journey-checkpoint strong{margin-right:var(--space-2)}@media (min-width:768px){.journey-timeline:before{margin-left:-1px;left:50%}.journey-node{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)}.journey-node-number{grid-area:1/2;justify-self:center}.journey-node[data-side=start] .journey-node-card{grid-area:1/1}.journey-node[data-side=end] .journey-node-card{grid-area:1/3}}@media (min-width:1200px){.journey-body{gap:var(--grid-gap);grid-template-columns:minmax(0,8fr) minmax(0,4fr)}.journey-aside{top:calc(var(--header-height) + var(--space-6));padding-left:var(--space-8);align-self:start;position:sticky}}@media (max-width:1199px){.journey-banner{grid-template-columns:1fr}.journey-banner-art{display:none}}@media (max-width:767px){.journey-banner{padding:var(--space-6)}.journey-body{margin-top:var(--space-10)}}.suggest-edit{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-6);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.suggest-edit p{font-size:var(--academy-secondary);line-height:var(--academy-secondary-leading);color:var(--text-muted);word-break:keep-all;flex:280px;margin:0}.suggest-dialog{max-height:calc(100svh - var(--space-8));overflow-y:auto}.suggest-dialog [data-slot=dialog-header]{text-align:left}.suggest-dialog [data-slot=dialog-title]{padding-right:var(--space-10);font-size:22px;line-height:1.3}.suggest-form{gap:var(--space-6);flex-direction:column;display:flex}.suggest-kinds{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.suggest-section{width:100%}.suggest-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.suggest-record{max-height:240px;padding:var(--space-3);border-radius:var(--radius-card);background:var(--surface-subtle);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.5;overflow:auto}@media (max-width:767px){.suggest-edit [data-slot=button]{width:100%}}
.blog-card h2,.blog-card h3{word-break:keep-all;font-size:22px;line-height:1.5;display:block;overflow:visible}.blog-card .news-card-link:hover :is(h2,h3){color:var(--blue-600)}.blog-card-subtitle{color:var(--text-muted);margin-top:var(--space-1);font-size:16px;font-weight:600;display:block}.blog-card .news-card-copy>p{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:16px;line-height:1.75;display:-webkit-box;overflow:hidden}.landing-blog .blog-card-featured .news-card-link{gap:var(--grid-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.landing-blog .blog-card-featured .brand-image{grid-column:span 6}.landing-blog .blog-card-featured .news-card-copy{gap:var(--space-4);grid-column:span 6}.landing-blog .blog-card-featured h3{font-size:var(--font-subheading);line-height:1.4;display:block;overflow:visible}.landing-blog .blog-card-featured .news-card-link:hover h3{color:var(--blue-600)}.blog-article-subtitle{color:var(--text-muted);margin-top:var(--space-2);letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:1.5;display:block}.blog-article-summary{margin-top:var(--space-2);color:var(--text-muted);font-size:18px;line-height:1.7}.blog-article-body{color:color-mix(in srgb,var(--text-primary) 85%,var(--surface-page))}.blog-article-body :is(strong,b){color:var(--text-primary)}.blog-article-actions{justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.blog-share{flex:1;min-width:0}.blog-share-error{margin-top:var(--space-2);color:var(--text-muted);font-size:14px;line-height:1.6}.blog-back-link{min-height:44px;color:var(--text-muted);text-underline-offset:4px;align-items:center;font-size:14px;text-decoration:underline;display:inline-flex}.blog-back-link:hover{color:var(--text-primary)}.blog-back-link:focus-visible{outline:2px solid var(--action-primary);outline-offset:4px;border-radius:var(--radius-control)}.blog-article-body .blog-closing{font-size:inherit;font-weight:600;line-height:inherit;color:var(--text-primary);margin-top:2.5em}.blog-article-body .blog-references{padding-top:var(--space-4);border-top:1px solid var(--border-subtle);color:var(--text-muted);margin-top:3em;font-size:15px}.blog-article-body .blog-references summary{align-items:center;gap:var(--space-2);cursor:pointer;min-height:44px;color:var(--text-primary);list-style:none;display:flex}.blog-article-body .blog-references summary::-webkit-details-marker{display:none}.blog-article-body .blog-references summary:hover{color:var(--action-primary)}.blog-article-body .blog-references summary:focus-visible{outline:2px solid var(--action-primary);outline-offset:2px;border-radius:var(--radius-control)}.blog-article-body .blog-references h2{color:inherit;letter-spacing:0;flex:1;margin:0;font-size:16px}.blog-article-body .blog-references-chevron{width:18px;height:18px;transition:transform var(--motion-fast);flex:none;margin:0}.blog-article-body .blog-references details[open] .blog-references-chevron{transform:rotate(180deg)}.blog-article-body .blog-references-list>:first-child{margin-top:var(--space-2)}.blog-article-body .blog-references>p{margin-top:var(--space-4)}.blog-article-body .blog-references a{color:var(--action-primary)}@media (prefers-reduced-motion:reduce){.blog-article-body .blog-references-chevron{transition:none}}.blog-figure{gap:var(--space-3);flex-direction:column;min-width:0;margin-block:2em;display:flex}.blog-figure img{border:1px solid var(--border-subtle);border-radius:var(--radius-panel);width:100%;height:auto;display:block}.blog-figure figcaption{color:var(--text-muted);text-align:center;text-wrap:balance;font-size:15px;line-height:1.65}.blog-number{color:var(--text-primary);font-weight:600}.blog-table{min-width:0;margin-block:2em}.blog-table>figcaption{margin-bottom:var(--space-3);color:var(--text-muted);text-align:center;text-wrap:balance;font-size:15px;line-height:1.65}.blog-table .lesson-table{margin-top:0}.blog-table table{width:100%;margin-top:0;font-size:15px;line-height:1.6}.blog-table td{font-variant-numeric:tabular-nums}@media (max-width:767px){.landing-blog .blog-card-featured .news-card-link{gap:var(--space-6);grid-template-columns:1fr}.landing-blog .blog-card-featured :is(.brand-image,.news-card-copy){grid-column:auto}.landing-blog .blog-card-featured h3{font-size:22px}.blog-card h2,.blog-card h3{font-size:20px}.blog-article-subtitle{font-size:18px}}.blog-article-body :is(h2,h3):focus:not(:focus-visible){outline:none}.blog-overview{gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-panel);background:var(--surface-subtle);flex-direction:column;display:flex}.blog-overview h2{margin:0 0 var(--space-3);color:var(--text-muted);letter-spacing:0;font-size:14px;font-weight:600;line-height:1.5}.blog-overview ul,.blog-overview ol{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.blog-overview-takeaways li{padding-left:var(--space-5);color:var(--text-primary);word-break:keep-all;font-size:16px;line-height:1.7;position:relative}.blog-overview-takeaways li:before{content:"";left:var(--space-1);background:var(--blue-600);border-radius:50%;width:5px;height:5px;position:absolute;top:.75em}.blog-overview-sections{padding-top:var(--space-5);border-top:1px solid var(--border-subtle)}.blog-overview-sections ol{counter-reset:section;gap:0}.blog-overview-sections li{counter-increment:section}.blog-overview-sections a{gap:var(--space-3);min-height:44px;color:var(--text-primary);word-break:keep-all;align-items:center;font-size:16px;line-height:1.5;text-decoration:none;display:flex}.blog-overview-sections a:before{content:counter(section);font-variant-numeric:tabular-nums;width:1.25em;color:var(--text-muted);flex:none}.blog-overview-sections a:hover{color:var(--action-primary);text-underline-offset:3px;text-decoration:underline}@media (max-width:767px){.blog-overview{padding:var(--space-5) var(--space-4)}}.blog-toc-aside{display:none}@media (min-width:1280px){.blog-post[data-toc=true]{grid-template-columns:minmax(0,1fr) min(100%,calc(var(--article-max) + 2 * var(--page-gutter))) minmax(0,1fr);display:grid}.blog-post[data-toc=true]>.blog-article{grid-column:2}.blog-toc-aside{top:calc(var(--header-height) + var(--space-8));max-width:256px;max-height:calc(100svh - var(--header-height) - var(--space-16));padding:0 var(--page-gutter) var(--space-4) var(--space-4);overscroll-behavior:contain;grid-area:1/3;align-self:start;margin-top:3rem;display:block;position:sticky;overflow-y:auto}.blog-overview-sections,.blog-overview[data-has-takeaways=false],.blog-toc-bar{display:none}}.blog-toc-label{margin:0 0 var(--space-3);color:var(--text-muted);font-size:13px;font-weight:600;line-height:1.5}.blog-toc-list{margin:0;padding:0;list-style:none}.blog-toc-aside .blog-toc-list{border-left:1px solid var(--border-subtle)}.blog-toc-list a{padding:6px var(--space-3);color:var(--text-muted);word-break:keep-all;transition:color var(--motion-fast);font-size:14px;line-height:1.5;text-decoration:none;display:block}.blog-toc-list [data-depth="3"] a{padding-left:var(--space-6);font-size:13px}.blog-toc-list a:hover{color:var(--text-primary)}.blog-toc-list a[aria-current]{color:var(--blue-600)}.blog-toc-aside .blog-toc-list a{border-left:2px solid #0000;margin-left:-1px}.blog-toc-aside .blog-toc-list a[aria-current]{border-left-color:var(--blue-600)}.blog-toc-top{align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:6px var(--space-3);color:var(--text-muted);font-size:13px;text-decoration:none;display:inline-flex}.blog-toc-top:hover{color:var(--text-primary)}.blog-toc-top svg{width:14px;height:14px}.blog-toc-bar{top:var(--header-height);z-index:15;background:var(--surface-page);border-bottom:1px solid var(--border-subtle);transition:opacity var(--motion-fast),transform var(--motion-fast),visibility 0s;position:fixed;left:0;right:0}.blog-toc-bar[data-visible=false]{opacity:0;visibility:hidden;transition:opacity var(--motion-fast),transform var(--motion-fast),visibility 0s var(--motion-fast);transform:translateY(-8px)}.blog-toc-bar-button{align-items:center;gap:var(--space-3);width:100%;max-width:calc(var(--article-max) + 2 * var(--page-gutter));min-height:44px;padding:0 var(--page-gutter);text-align:left;cursor:pointer;color:var(--text-primary);background:0 0;border:0;margin-inline:auto;display:flex}.blog-toc-bar-label{color:var(--text-muted);flex:none;font-size:13px;font-weight:600}.blog-toc-bar-current{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.blog-toc-bar-button svg{width:18px;height:18px;color:var(--text-muted);flex:none}.blog-toc-bar-button:focus-visible{outline:2px solid var(--action-primary);outline-offset:-2px}.blog-toc-progress{background:0 0;height:2px;display:block}.blog-toc-progress>span{background:var(--blue-600);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.blog-toc-sheet{max-height:min(80svh,640px);padding:var(--space-5) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));border-radius:var(--radius-panel) var(--radius-panel) 0 0;overflow-y:auto}.blog-toc-sheet .blog-toc-list a{border-radius:var(--radius-control);align-items:center;min-height:44px;font-size:15px;display:flex}.blog-toc-sheet .blog-toc-list [data-depth="2"] a{color:var(--text-primary);font-weight:600}.blog-toc-sheet .blog-toc-list [data-depth="3"] a{font-size:14px}.blog-toc-sheet .blog-toc-list a[aria-current]{background:var(--blue-50);color:var(--blue-600)}@media (prefers-reduced-motion:reduce){.blog-toc-bar,.blog-toc-bar[data-visible=false],.blog-toc-list a{transition:none}.blog-toc-bar[data-visible=false]{transform:none}}@media print{.blog-toc-aside,.blog-toc-bar{display:none!important}.blog-post{display:block!important}}