.sp-post{background:var(--hd-color-bg);color:var(--hd-color-text-body);font-family:var(--hd-font-body);overflow-x:hidden}.sp-post *,.sp-post *::before,.sp-post *::after{box-sizing:border-box}.sp-post img{max-width:100%;height:auto;display:block}.sp-post a{text-decoration:none;color:inherit}.sp-post ul,.sp-post ol{margin:0;padding:0;list-style:none}.sp-post button{font-family:inherit;cursor:pointer;border:none;background:none}.sp-progress{position:fixed;top:var(--hd-header-height,72px);left:0;width:100%;height:3px;background:#fff0;z-index:60;pointer-events:none}.sp-progress__bar{height:100%;width:0%;background:var(--hd-color-accent);transition:width 0.1s linear}.sp-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;font-weight:500;color:var(--hd-color-text-muted);margin-bottom:28px}.sp-breadcrumbs__link{color:var(--hd-color-text-muted);transition:color var(--hd-transition)}.sp-breadcrumbs__link:hover{color:var(--hd-color-accent)}.sp-breadcrumbs__sep{display:inline-flex;align-items:center;font-size:9px;color:var(--hd-color-border-strong)}.sp-breadcrumbs__current{color:var(--hd-color-text-body);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.sp-breadcrumbs a{color:var(--hd-color-text-muted)}.sp-breadcrumbs a:hover{color:var(--hd-color-accent)}.sp-hero{background:var(--hd-color-bg-alt);border-bottom:1px solid var(--hd-color-border);padding:44px 0 56px}.sp-hero__inner{max-width:1240px;margin:0 auto;padding:0 32px}.sp-hero__grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:center}.sp-hero__grid--no-media{grid-template-columns:1fr;max-width:780px}.sp-hero__content{display:flex;flex-direction:column;align-items:flex-start}.sp-hero__category{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:var(--hd-radius-pill);background:var(--hd-color-accent-pale);color:var(--hd-color-accent);font-size:13px;font-weight:600;margin-bottom:20px;transition:background var(--hd-transition),transform var(--hd-transition)}.sp-hero__category:hover{background:var(--hd-color-accent-light);color:var(--hd-color-white);transform:translateY(-1px)}.sp-hero__category i{font-size:12px}.sp-hero__title{font-family:var(--hd-font-display);font-size:clamp(32px, 4vw, 48px);line-height:1.15;font-weight:700;color:var(--hd-color-text-main);margin:0 0 20px;letter-spacing:-.01em}.sp-hero__excerpt{font-size:18px;line-height:1.6;color:var(--hd-color-text-body);margin:0 0 28px;max-width:60ch}.sp-hero__meta{width:100%}.sp-hero__author{display:flex;align-items:center;gap:12px}.sp-hero__avatar{width:44px;height:44px;border-radius:50%;border:2px solid var(--hd-color-white);box-shadow:var(--hd-shadow-sm);object-fit:cover}.sp-hero__author-info{display:flex;flex-direction:column;gap:2px}.sp-hero__author-name{font-size:14px;font-weight:600;color:var(--hd-color-text-main)}.sp-hero__meta-sub{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--hd-color-text-muted)}.sp-hero__dot{font-size:8px;color:var(--hd-color-border-strong)}.sp-hero__media{position:relative}.sp-hero__media-frame{border-radius:16px;overflow:hidden;box-shadow:var(--hd-shadow-lg);aspect-ratio:16 / 10.5;background:var(--hd-color-border)}.sp-hero__image{width:100%;height:100%;object-fit:cover}.sp-body{padding:56px 0 0}.sp-body__inner{max-width:1240px;margin:0 auto;padding:0 32px}.sp-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;align-items:start}.sp-main{min-width:0}.sp-share{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 24px;border-radius:var(--hd-radius-md);background:var(--hd-color-surface);border:1px solid var(--hd-color-border)}.sp-share--top{margin-bottom:40px}.sp-share--bottom{margin-top:40px}.sp-share__label{font-size:14px;font-weight:600;color:var(--hd-color-text-main)}.sp-share__buttons{display:flex;align-items:center;gap:10px}.sp-share__btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--hd-color-bg-alt);color:var(--hd-color-primary-mid);font-size:14px;transition:background var(--hd-transition),color var(--hd-transition),transform var(--hd-transition)}.sp-share__btn:hover{background:var(--hd-color-primary);color:var(--hd-color-white);transform:translateY(-2px)}.sp-share__btn--copy.sp-share__btn--copied{background:var(--hd-color-success);color:var(--hd-color-white)}.sp-content{font-size:17px;line-height:1.8;color:var(--hd-color-text-body);max-width:72ch}.sp-content>*:first-child{margin-top:0}.sp-content h2,.sp-content h3,.sp-content h4{font-family:var(--hd-font-display);color:var(--hd-color-text-main);font-weight:700;line-height:1.3;scroll-margin-top:calc(var(--hd-header-height, 72px) + 24px)}.sp-content h2{font-size:28px;margin:48px 0 20px;padding-top:8px;border-top:1px solid var(--hd-color-border)}.sp-content h2:first-child{border-top:none;padding-top:0;margin-top:0}.sp-content h3{font-size:22px;margin:36px 0 16px}.sp-content h4{font-size:18px;margin:28px 0 14px}.sp-content p{margin:0 0 22px}.sp-content ul,.sp-content ol{margin:0 0 22px;padding-left:4px}.sp-content ul li,.sp-content ol li{position:relative;padding-left:28px;margin-bottom:12px;line-height:1.7}.sp-content ul li::before{content:'';position:absolute;left:4px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--hd-color-accent)}.sp-content ol{counter-reset:sp-ol-counter}.sp-content ol li{counter-increment:sp-ol-counter}.sp-content ol li::before{content:counter(sp-ol-counter);position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--hd-color-accent-pale);color:var(--hd-color-accent);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.sp-content a{color:var(--hd-color-accent);text-decoration:underline;text-decoration-color:var(--hd-color-accent-light);text-underline-offset:3px;transition:color var(--hd-transition)}.sp-content a:hover{color:var(--hd-color-primary-light)}.sp-content strong{color:var(--hd-color-text-main);font-weight:700}.sp-content blockquote{margin:32px 0;padding:24px 28px;border-left:4px solid var(--hd-color-accent);background:var(--hd-color-highlight);border-radius:0 var(--hd-radius-md) var(--hd-radius-md) 0;font-family:var(--hd-font-display);font-size:19px;font-style:normal;color:var(--hd-color-text-main);line-height:1.55}.sp-content blockquote p:last-child{margin-bottom:0}.sp-content img{border-radius:var(--hd-radius-lg);margin:32px 0;box-shadow:var(--hd-shadow-md)}.sp-content figure{margin:32px 0}.sp-content figcaption{margin-top:12px;font-size:14px;color:var(--hd-color-text-muted);text-align:center}.sp-content hr{border:none;border-top:1px solid var(--hd-color-border);margin:40px 0}.sp-content table{width:100%;border-collapse:collapse;margin:32px 0;font-size:15px;border-radius:var(--hd-radius-md);overflow:hidden;box-shadow:var(--hd-shadow-sm)}.sp-content table th{background:var(--hd-color-primary);color:var(--hd-color-white);text-align:left;padding:14px 16px;font-weight:600;font-family:var(--hd-font-display)}.sp-content table td{padding:13px 16px;border-bottom:1px solid var(--hd-color-border);background:var(--hd-color-surface)}.sp-content table tr:last-child td{border-bottom:none}.sp-content code{background:var(--hd-color-bg-alt);color:var(--hd-color-primary-mid);padding:2px 7px;border-radius:var(--hd-radius-sm);font-size:.88em}.sp-content pre{background:var(--hd-color-primary);color:var(--hd-color-accent-pale);padding:20px 24px;border-radius:var(--hd-radius-md);overflow-x:auto;margin:28px 0}.sp-content pre code{background:none;color:inherit;padding:0}.sp-tags{margin-top:44px;padding-top:32px;border-top:1px solid var(--hd-color-border);display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.sp-tags__label{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--hd-color-text-main);padding-top:8px}.sp-tags__label i{color:var(--hd-color-accent);font-size:13px}.sp-tags__list{display:flex;flex-wrap:wrap;gap:10px;flex:1}.sp-tags__item{display:inline-flex;align-items:center;padding:8px 16px;border-radius:var(--hd-radius-pill);background:var(--hd-color-bg-alt);border:1px solid var(--hd-color-border);color:var(--hd-color-text-body);font-size:13px;font-weight:500;transition:background var(--hd-transition),color var(--hd-transition),border-color var(--hd-transition)}.sp-tags__item:hover{background:var(--hd-color-primary);border-color:var(--hd-color-primary);color:var(--hd-color-white)}.sp-author{margin-top:44px;padding:32px;border-radius:var(--hd-radius-lg);background:var(--hd-color-surface);border:1px solid var(--hd-color-border);display:flex;gap:24px;align-items:flex-start}.sp-author__avatar-col{flex-shrink:0}.sp-author__avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid var(--hd-color-accent-pale)}.sp-author__body{flex:1;min-width:0}.sp-author__eyebrow{display:block;font-size:13px;color:var(--hd-color-text-muted);font-weight:500;margin-bottom:4px}.sp-author__name{font-family:var(--hd-font-display);font-size:20px;font-weight:700;color:var(--hd-color-text-main);margin:0 0 10px}.sp-author__bio{font-size:15px;line-height:1.65;color:var(--hd-color-text-body);margin:0 0 16px}.sp-author__links{display:flex;gap:16px}.sp-author__link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--hd-color-accent);transition:gap var(--hd-transition),color var(--hd-transition)}.sp-author__link:hover{gap:12px;color:var(--hd-color-primary-light)}.sp-author__link i{font-size:12px}.sp-comments{margin-top:44px;padding-top:40px;border-top:1px solid var(--hd-color-border)}.sp-sidebar{position:relative}.sp-sidebar__sticky{position:sticky;top:calc(var(--hd-header-height, 72px) + 24px);display:flex;flex-direction:column;gap:24px}.sp-widget{background:var(--hd-color-surface);border:1px solid var(--hd-color-border);border-radius:var(--hd-radius-lg);padding:24px}.sp-widget__title{display:flex;align-items:center;gap:10px;font-family:var(--hd-font-display);font-size:15px;font-weight:700;color:var(--hd-color-text-main);margin:0 0 18px}.sp-widget__title i{color:var(--hd-color-accent);font-size:14px}.sp-toc__list{display:flex;flex-direction:column;gap:2px;max-height:360px;overflow-y:auto;padding-right:4px}.sp-toc__list::-webkit-scrollbar{width:4px}.sp-toc__list::-webkit-scrollbar-thumb{background:var(--hd-color-border-strong);border-radius:var(--hd-radius-pill)}.sp-toc__item{border-left:2px solid #fff0}.sp-toc__link{display:block;padding:8px 0 8px 16px;font-size:13.5px;line-height:1.4;color:var(--hd-color-text-muted);transition:color var(--hd-transition)}.sp-toc__link:hover{color:var(--hd-color-text-main)}.sp-toc__item--active{border-left-color:var(--hd-color-accent)}.sp-toc__item--active .sp-toc__link{color:var(--hd-color-accent);font-weight:600}.sp-categories__list{display:flex;flex-direction:column;gap:2px}.sp-categories__link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--hd-radius-sm);font-size:14px;color:var(--hd-color-text-body);transition:background var(--hd-transition),color var(--hd-transition)}.sp-categories__link:hover{background:var(--hd-color-bg-alt);color:var(--hd-color-text-main)}.sp-categories__link--active{background:var(--hd-color-accent-pale);color:var(--hd-color-accent);font-weight:600}.sp-categories__count{font-size:12px;color:var(--hd-color-text-light);background:var(--hd-color-bg-alt);padding:2px 8px;border-radius:var(--hd-radius-pill);flex-shrink:0}.sp-categories__link--active .sp-categories__count{background:var(--hd-color-surface);color:var(--hd-color-accent)}.sp-related{margin-top:80px;padding:64px 0 80px;background:var(--hd-color-bg-alt);border-top:1px solid var(--hd-color-border)}.sp-related__inner{max-width:1240px;margin:0 auto;padding:0 32px}.sp-related__header{margin-bottom:36px}.sp-related__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--hd-color-accent);margin-bottom:10px}.sp-related__eyebrow i{font-size:12px}.sp-related__title{font-family:var(--hd-font-display);font-size:28px;font-weight:700;color:var(--hd-color-text-main);margin:0}.sp-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.sp-related__card{display:flex;flex-direction:column;background:var(--hd-color-surface);border:1px solid var(--hd-color-border);border-radius:var(--hd-radius-lg);overflow:hidden;transition:transform var(--hd-transition),box-shadow var(--hd-transition),border-color var(--hd-transition)}.sp-related__card:hover{transform:translateY(-4px);box-shadow:var(--hd-shadow-lg);border-color:var(--hd-color-border-strong)}.sp-related__media{aspect-ratio:16 / 10.5;border-radius:16px 16px 0 0;overflow:hidden;background:var(--hd-color-bg-alt)}.sp-related__image{width:100%;height:100%;object-fit:cover;transition:transform var(--hd-transition-slow)}.sp-related__card:hover .sp-related__image{transform:scale(1.05)}.sp-related__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--hd-color-text-light);font-size:28px}.sp-related__body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}.sp-related__category{font-size:12px;font-weight:600;color:var(--hd-color-accent);margin-bottom:8px}.sp-related__card-title{font-family:var(--hd-font-display);font-size:17px;font-weight:700;line-height:1.4;color:var(--hd-color-text-main);margin:0 0 12px;flex:1}.sp-related__meta{font-size:13px;color:var(--hd-color-text-muted)}.sp-hero__media-frame,.sp-related__media{background-color:var(--hd-color-bg-alt)}.sp-hero__image,.sp-related__image{opacity:0;animation:sp-image-in 0.4s ease forwards}.sp-hero__avatar,.sp-author__avatar{background-color:var(--hd-color-bg-alt)}@keyframes sp-image-in{from{opacity:0}to{opacity:1}}@media (min-width:1025px){.sp-toc__link:focus-visible,.sp-categories__link:focus-visible,.sp-tags__item:focus-visible,.sp-share__btn:focus-visible,.sp-author__link:focus-visible,.sp-hero__category:focus-visible,.sp-related__card:focus-visible,.sp-breadcrumbs__link:focus-visible{outline:2px solid var(--hd-color-accent);outline-offset:2px}}@media (max-width:1100px){.sp-layout{grid-template-columns:minmax(0,1fr) 260px;gap:44px}.sp-hero__grid{gap:40px}}@media (max-width:900px){.sp-hero{padding:32px 0 40px}.sp-hero__inner{padding:0 24px}.sp-hero__grid{grid-template-columns:1fr;gap:28px}.sp-hero__media{order:-1}.sp-hero__media-frame{aspect-ratio:16 / 10.5}.sp-body__inner{padding:0 24px}.sp-layout{grid-template-columns:1fr;gap:40px}.sp-sidebar__sticky{position:static}.sp-widget{padding:20px}.sp-toc__list{max-height:none}.sp-related__grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:640px){.sp-progress{top:0}.sp-hero__inner{padding:0 18px}.sp-breadcrumbs{font-size:12px;margin-bottom:20px}.sp-breadcrumbs__current{max-width:160px}.sp-hero__excerpt{font-size:16px}.sp-body{padding:40px 0 0}.sp-body__inner{padding:0 18px}.sp-share{padding:16px 18px}.sp-content{font-size:16px;line-height:1.75}.sp-content h2{font-size:23px;margin:36px 0 16px}.sp-content h3{font-size:19px}.sp-content table{display:block;overflow-x:auto;white-space:nowrap}.sp-author{flex-direction:column;padding:24px}.sp-related{padding:48px 0 56px;margin-top:56px}.sp-related__grid{grid-template-columns:1fr}.sp-related__title{font-size:23px}}@media (prefers-reduced-motion:reduce){.sp-post *{transition-duration:0.01ms!important;animation-duration:0.01ms!important}}html body.single-post .sp-hero__media,html body.single-post .sp-hero__media-frame{aspect-ratio:16 / 10.5!important;height:auto!important}html body.single-post .sp-hero__media-frame,html body.single-post .sp-related__media{overflow:hidden}html body.single-post .sp-hero__image,html body.single-post .sp-related__image{width:100%;height:100%;object-fit:cover}