.route-page{width:min(760px,100% - 32px);margin:0 auto;padding:48px 0 96px}.route-page--article{width:min(820px,100% - 40px);padding-top:0}.route-page--category,.route-page--content,.route-page--lesson,.route-page--lessons{padding-top:0}.route-page__eyebrow{color:var(--color-accent-strong);font-family:var(--font-mono);text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800;line-height:1.3}.route-page--article .route-page__eyebrow,.route-page--category .route-page__eyebrow,.route-page--content .route-page__eyebrow,.route-page--lesson .route-page__eyebrow,.route-page--lessons .route-page__eyebrow{min-height:28px;color:var(--color-on-accent);background:var(--color-accent);border-radius:999px;align-items:center;margin-bottom:16px;padding:0 10px;display:inline-flex}.route-page__article-kicker{flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:16px;display:flex}.route-page--article .route-page__article-kicker .route-page__eyebrow{margin-bottom:0}.route-page__title{color:var(--color-heading);font-size:var(--font-size-h1);margin:0;line-height:1.08}.route-page--category .route-page__title,.route-page--lesson .route-page__title{font-family:var(--font-mono)}.route-page--article .route-page__title{max-width:780px;font-family:var(--font-mono);font-size:var(--font-size-h1);font-weight:800;line-height:1.18}.route-page__article-meta{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:13px;line-height:1.35;display:flex}.route-page__article-meta-item{align-items:center;gap:6px;display:inline-flex}.route-page__article-meta-item--reading-time,.route-page__article-meta-item--unique-views{border:1px solid var(--color-line);background:var(--color-surface-muted);border-radius:999px;padding:4px 9px}.route-page__article-meta-icon{width:14px;height:14px;color:var(--color-accent-strong);stroke-width:2.25px;flex:none}.route-page__human-label{max-width:100%;color:color-mix(in srgb,var(--color-heading) 74%,var(--color-muted));font-family:var(--font-mono);border:1px solid color-mix(in srgb,var(--color-accent-strong) 22%,var(--color-line));background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 22%,var(--color-surface)) 0,var(--color-surface) 62%);box-shadow:var(--shadow-nav);border-radius:999px;align-items:stretch;margin-top:14px;font-size:12px;font-weight:800;line-height:1.2;display:inline-flex;overflow:hidden}.route-page__human-label-score,.route-page__human-label-text{align-items:center;min-height:30px;padding:0 12px;display:inline-flex}.route-page__human-label-text{gap:8px}.route-page__human-label-text:before{content:"";background:var(--color-accent-strong);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 26%,var(--color-transparent));border-radius:999px;flex:none}.route-page__human-label-score{color:color-mix(in srgb,var(--color-on-accent) 82%,var(--color-accent-strong));background:var(--color-accent);border-left:1px solid color-mix(in srgb,var(--color-accent-strong) 24%,var(--color-line))}.route-page__description{color:var(--color-muted);margin:24px 0 0}.route-page--article .route-page__description{max-width:720px;color:var(--color-text);margin-top:18px;font-size:18px;line-height:1.75}.route-page__state{color:var(--color-muted);text-align:center;border:1px dashed var(--color-line);border-radius:var(--radius);background:var(--color-surface);margin-top:28px;padding:28px}.route-page__content{color:var(--color-text);margin-top:34px}.route-page--article .route-page__content{color:var(--color-text);background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-soft);margin-top:28px;padding:28px;font-size:16px;line-height:1.76}.route-page__content>:first-child{margin-top:0}.route-page__content>:last-child{margin-bottom:0}.route-page__content h1,.route-page__content h2,.route-page__content h3,.route-page__content h4,.route-page__content h5,.route-page__content h6{color:var(--color-heading);margin:1.5em 0 .55em;line-height:1.2}.route-page__content h1{font-size:var(--font-size-h1)}.route-page__content h2{font-size:var(--font-size-h2)}.route-page__content h3{font-size:var(--font-size-h3)}.route-page__content h4{font-size:var(--font-size-h4)}.route-page__content h5{font-size:var(--font-size-h5)}.route-page__content h6{font-size:var(--font-size-h6)}.route-page--article .route-page__content h1,.route-page--article .route-page__content h2,.route-page--article .route-page__content h3,.route-page--article .route-page__content h4,.route-page--article .route-page__content h5,.route-page--article .route-page__content h6{max-width:760px;font-family:var(--font-mono);margin:1.25em 0 .42em;font-weight:800;line-height:1.28}.route-page--article .route-page__content h1{font-size:var(--font-size-h1)}.route-page--article .route-page__content h2{font-size:var(--font-size-h2)}.route-page--article .route-page__content h3{font-size:var(--font-size-h3)}.route-page--article .route-page__content h4{font-size:var(--font-size-h4)}.route-page--article .route-page__content h5{font-size:var(--font-size-h5)}.route-page--article .route-page__content h6{font-size:var(--font-size-h6)}.route-page--article .route-page__content p{max-width:740px;margin:.75em 0}.route-page--article .route-page__content p:empty{display:none}.route-page--article .route-page__content strong{color:var(--color-heading);font-weight:800}.route-page__content blockquote{color:var(--color-heading);border-left:3px solid var(--color-accent-strong);margin:1.25em 0;padding-left:16px}.route-page--article .route-page__content blockquote{max-width:760px;color:var(--color-heading);border:1px solid var(--color-line);border-left:4px solid var(--color-accent-strong);border-radius:var(--radius);background:var(--color-surface);margin:1.6em 0;padding:18px 20px;font-size:16px;line-height:1.76}.route-page__content pre{color:var(--color-code-text);border-radius:var(--radius);background:var(--color-code-bg);padding:16px;overflow:auto}.route-page--article .route-page__content pre{max-width:820px;box-shadow:var(--shadow-nav);margin:0;padding:18px;font-size:14px;line-height:1.65}.route-page__content code{font-family:var(--font-mono)}.route-page--article .route-page__content :not(pre)>code{color:var(--color-heading);border:1px solid var(--color-line);background:var(--color-surface-muted);border-radius:5px;padding:.12em .34em;font-size:.9em}.route-page__content a{color:var(--color-accent-strong);text-decoration:underline}.route-page--article .route-page__content a{text-underline-offset:.22em;font-weight:700;text-decoration-thickness:.08em}.route-page__content img{border-radius:var(--radius);max-width:100%;height:auto}.route-page__content .ui-content-lightbox__image-frame{margin:1.25em 0}.route-page__content .ui-content-lightbox__image-frame img{margin:0}.route-page--article .route-page__content img{border:1px solid var(--color-line);width:100%;box-shadow:var(--shadow-nav)}.route-page--article .route-page__content .ui-content-lightbox__image-frame{margin:1.8em auto}.route-page--article .route-page__content hr{background:var(--color-line);border:0;max-width:720px;height:1px;margin:2.4em 0}.route-page__lesson-navigation{border-top:1px solid var(--color-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px;padding-top:28px;display:grid}.route-page__lesson-navigation-link{min-width:0;min-height:88px;color:var(--color-heading);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-soft);grid-template-columns:24px minmax(0,1fr);align-items:center;gap:12px;padding:16px 18px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.route-page__lesson-navigation-link--next{text-align:right;grid-column:2;grid-template-columns:minmax(0,1fr) 24px}.route-page__lesson-navigation-link:hover{color:var(--color-heading);border-color:color-mix(in srgb,var(--color-accent-strong) 42%,var(--color-line));box-shadow:var(--shadow-nav);transform:translateY(-1px)}.route-page__lesson-navigation-link:focus-visible{border-color:var(--color-accent-strong);outline:3px solid var(--color-accent);outline-offset:3px}.route-page__lesson-navigation-content{gap:5px;min-width:0;display:grid}.route-page__lesson-navigation-label{color:var(--color-accent-strong);font-family:var(--font-mono);text-transform:uppercase;font-size:11px;font-weight:800;line-height:1.3}.route-page__lesson-navigation-title{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:15px;line-height:1.4}.route-page__lesson-navigation-arrow{width:22px;height:22px;color:var(--color-accent-strong);stroke-width:1.8px;transition:transform .18s}.route-page__lesson-navigation-link--previous:hover .route-page__lesson-navigation-arrow{transform:translate(-3px)}.route-page__lesson-navigation-link--next:hover .route-page__lesson-navigation-arrow{transform:translate(3px)}.route-page__posts{gap:12px;margin-top:32px;display:grid}.route-page__lesson-parts{gap:26px;margin-top:28px;padding-left:34px;display:grid;position:relative}.route-page__lesson-parts:before{content:"";background:var(--color-line);width:1px;position:absolute;top:14px;bottom:34px;left:10px}.route-page__lesson-part{gap:0;display:grid;position:relative}.route-page__lesson-part:before{content:"";background:var(--color-line);width:24px;height:1px;position:absolute;top:15px;left:-24px}.route-page__lesson-part:after{content:"";border:3px solid color-mix(in srgb,var(--color-accent) 20%,var(--color-page));background:var(--color-accent-strong);border-radius:50%;width:11px;height:11px;position:absolute;top:10px;left:-29px}.route-page__lesson-part-title{color:var(--color-heading);font-family:var(--font-mono);font-size:var(--font-size-h2);margin:0;line-height:1.35}.route-page__lesson-posts{gap:9px;margin-top:14px;padding-left:28px;position:relative}.route-page__lesson-posts:before{content:"";background:var(--color-line);width:1px;position:absolute;top:-14px;bottom:22px;left:9px}.route-page__lesson-post{box-shadow:none;position:relative}.route-page__lesson-post:before{content:"";background:var(--color-line);width:19px;height:1px;position:absolute;top:22px;left:-19px}.route-page__lesson-post:after{content:"";border:2px solid var(--color-page);background:var(--color-muted);border-radius:50%;width:9px;height:9px;position:absolute;top:18px;left:-23px}.route-page__lesson-post:hover{border-color:color-mix(in srgb,var(--color-accent-strong) 35%,var(--color-line))}.route-page__state--inline{margin-top:10px;padding:18px}@media (width<=520px){.route-page{width:min(100% - 24px,760px);padding-top:36px}.route-page--article{width:min(100% - 24px,820px);padding-top:0}.route-page--category,.route-page--content,.route-page--lesson,.route-page--lessons{padding-top:0}.route-page__lesson-parts{gap:22px;margin-top:22px;padding-left:24px}.route-page__lesson-parts:before{left:7px}.route-page__lesson-part:before{width:17px;left:-17px}.route-page__lesson-part:after{left:-22px}.route-page__lesson-posts{padding-left:20px}.route-page__lesson-post:before{width:11px;left:-11px}.route-page__lesson-post:after{left:-15px}.route-page__article-meta{gap:6px 12px;font-size:12px}.route-page__human-label{width:fit-content;font-size:11px;display:flex}.route-page__human-label-score,.route-page__human-label-text{min-height:28px;padding:0 10px}.route-page--article .route-page__content,.route-page--article .route-page__description{font-size:16px;line-height:1.75}.route-page--article .route-page__content{padding:20px}.route-page--article .route-page__content blockquote{padding:14px 16px;font-size:16px}.route-page__lesson-navigation{grid-template-columns:1fr;gap:12px}.route-page__lesson-navigation-link--next{grid-column:1}}