/* Editorial layout: neutral palette, readable hierarchy, no content overlay. */
html.sd-home-active[data-theme=light] body#tt-body-index{background:#f6f6f4!important}
html.sd-home-active[data-theme=dark] body#tt-body-index{background:#181818!important}
html.sd-home-active[data-theme=light] .sd-home{--sd-line:#d8d8d4;--sd-soft:#ececea}
html.sd-home-active[data-theme=dark] .sd-home{--sd-paper:#181818;--sd-soft:#242424}
.sd-home,.sd-reader-tools{--sd-ink:#202020;--sd-muted:#666;--sd-line:#ddd;--sd-paper:#fff;--sd-soft:#f5f5f5;color:var(--sd-ink)}
html[data-theme=dark] .sd-home,html[data-theme=dark] .sd-reader-tools{--sd-ink:#f0f0f0;--sd-muted:#b5b5b5;--sd-line:#3a3a3a;--sd-paper:#1d1d1d;--sd-soft:#252525}
.sd-home *,.sd-reader-tools *{box-sizing:border-box}
.sd-home-active .area_cover>.type_featured,.sd-home-active .area_cover>.type_notice,.sd-home-active .area_cover>.type_card,.sd-home-active .area_cover>.aihome-sec{display:none!important}
.sd-home{max-width:1160px;margin:0 auto;padding:56px 24px 28px;text-align:left;font-family:inherit}
.sd-home a,.sd-home a:visited,.sd-home a:hover{color:var(--sd-ink)!important;text-decoration:none}
.sd-home button,.sd-home input,.sd-home select{font:inherit;color:var(--sd-ink)}
.sd-home button{cursor:pointer}
.sd-home [hidden]{display:none!important}
.sd-home :is(a,button,input,select):focus-visible{outline:2px solid var(--sd-ink);outline-offset:4px}
.sd-eyebrow{font-size:11px;letter-spacing:.13em;font-weight:700;color:var(--sd-muted);line-height:1.5}
.sd-lead{display:grid!important;grid-template-columns:1fr 1.08fr;min-height:330px;border-top:1px solid var(--sd-line);border-bottom:1px solid var(--sd-line);gap:32px;padding:30px 0}
.sd-lead-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:4px 0}
.sd-lead h1{font-size:clamp(25px,2.7vw,34px);line-height:1.35;letter-spacing:-.035em;word-break:keep-all;overflow-wrap:anywhere;margin:13px 0 16px;font-weight:800}
.sd-lead-desc{font-size:14px;line-height:1.8;color:var(--sd-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 16px}
.sd-meta{font-size:11px;color:var(--sd-muted);margin:0 0 20px}
.sd-read{display:inline-block;font-weight:700;font-size:13px;border-bottom:1px solid var(--sd-ink);padding-bottom:5px}
.sd-lead-visual{display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden;min-width:0;border:1px solid var(--sd-line);border-radius:4px}
.sd-lead-visual img{display:block;width:100%;height:100%;max-height:320px;object-fit:contain}
.sd-lead:hover .sd-read{opacity:.65}
.sd-lead-text-only{grid-template-columns:1fr}
.sd-start{display:grid;grid-template-columns:160px repeat(3,minmax(0,1fr));gap:22px;margin:36px 0 58px;align-items:center}
.sd-start-label h2{font-size:18px;font-weight:800;letter-spacing:-.025em;margin:0 0 6px}
.sd-start-label p{font-size:11px;color:var(--sd-muted);margin:0}
.sd-start-link{display:flex!important;gap:10px;align-items:baseline;min-width:0;padding:9px 0}
.sd-index{font-size:10px;color:var(--sd-muted)}
.sd-start-link strong{display:block;font-size:13px;line-height:1.5;font-weight:700}
.sd-start-link small{display:block;font-size:11px;line-height:1.6;color:var(--sd-muted);margin-top:5px}
.sd-arrow{font-size:15px;margin-left:auto}
.sd-start-link:hover strong{text-decoration:underline;text-underline-offset:4px}
.sd-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:20px}
.sd-section-head h2{font-size:28px;font-weight:800;letter-spacing:-.035em;margin:0}
.sd-subtle-link{font-size:12px}
.sd-search{display:grid;grid-template-columns:auto minmax(100px,1fr) auto 100px;gap:12px;align-items:center;margin:0 0 18px}
.sd-search-label,.sd-sort-label{font-size:12px;font-weight:650}
.sd-search input,.sd-search select{height:44px;width:100%;min-width:0;border:1px solid var(--sd-line);border-radius:6px;background:var(--sd-paper);padding:0 12px;font-size:13px}
.sd-search input::placeholder{color:var(--sd-muted);opacity:1}
.sd-filters{display:flex;flex-wrap:wrap;gap:7px;border-bottom:1px solid var(--sd-line);padding-bottom:18px}
.sd-filters button{padding:8px 12px;border:1px solid transparent;border-radius:5px;background:transparent;font-size:12px;line-height:1.5;min-height:36px}
.sd-filters button:hover{background:var(--sd-soft)}
.sd-filters button[aria-pressed=true]{background:var(--sd-ink);color:var(--sd-paper);font-weight:650}
.sd-result-count{font-size:11px;color:var(--sd-muted);margin:17px 0}
.sd-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}
.sd-post{display:flex!important;flex-direction:column;min-width:0;padding:24px 0;border-bottom:1px solid var(--sd-line)}
.sd-post-topic{font-size:11px;color:var(--sd-muted);margin-bottom:12px}
.sd-post h3{font-size:18px;font-weight:750;line-height:1.5;letter-spacing:-.02em;word-break:keep-all;overflow-wrap:anywhere;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sd-post:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.sd-post-desc{font-size:12px;line-height:1.75;color:var(--sd-muted);margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sd-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--sd-muted);margin-top:auto}
.sd-card-meta span:last-child{font-size:18px;color:var(--sd-ink)}
.sd-more{display:block;margin:28px auto 0;padding:12px 30px;min-height:44px;border:1px solid var(--sd-line);border-radius:6px;background:var(--sd-paper);font-size:12px!important}
.sd-more:hover{background:var(--sd-soft)}
.sd-empty{text-align:center;padding:30px 10px;color:var(--sd-muted);font-size:14px;line-height:1.8}
.sd-follow{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid var(--sd-line);margin-top:60px;padding-top:24px;font-size:12px;line-height:1.7}
.sd-follow p{color:var(--sd-muted);margin:0}
.sd-follow a{white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.sd-reader-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;line-height:1.6;margin:0 0 16px}
html[data-theme] #article-view .sd-reader-tools a,html[data-theme] #article-view .sd-reader-tools button{font:inherit;color:var(--sd-muted)!important;background:none;border:0;padding:5px 0;cursor:pointer;text-decoration:none}
.sd-reader-tools a:hover,.sd-reader-tools button:hover{text-decoration:underline!important}
.sd-reader-tools :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:3px}
.sd-copy-status{font-size:11px}
#sd-article-start{scroll-margin-top:90px}
#article-view .toc-container.sd-compact-toc{padding:0!important;margin:0 0 10px!important;border-radius:8px!important}
.sd-toc summary{padding:13px 16px;cursor:pointer;font-size:13px;font-weight:650;line-height:1.6}
.sd-toc .toc-list{padding:0 18px 16px!important;max-height:45vh;overflow:auto}
#article-view .sd-toc a{scroll-margin-top:90px}
.sd-reading-progress{appearance:none;-webkit-appearance:none;position:fixed;left:0;top:0;width:100%;height:2px;border:0;background:transparent;z-index:9998;pointer-events:none;color:#555}
.sd-reading-progress::-webkit-progress-bar{background:transparent}
.sd-reading-progress::-webkit-progress-value{background:#555}
.sd-reading-progress::-moz-progress-bar{background:#555}
html[data-theme=dark] .sd-reading-progress::-webkit-progress-value{background:#ddd}
html[data-theme=dark] .sd-reading-progress::-moz-progress-bar{background:#ddd}
.aiblog-summary>summary{cursor:pointer;font-weight:650;font-size:13px;line-height:1.7}
.aiblog-summary>summary .aiblog-badge{margin-left:7px}
.aiblog-summary[open]>summary{margin-bottom:14px}
.tech-code-shell .btn-copy-code{display:none!important}
/* The code panel stays charcoal in both themes. A light-page Highlight.js theme
   must not put navy/green tokens on that dark panel. Keep semantic highlighting. */
#article-view .tech-code-shell pre span{color:inherit!important;-webkit-text-fill-color:currentColor!important}
#article-view .tech-code-shell pre [class*=hljs-]{color:#e5e8ec!important}
#article-view .tech-code-shell pre :is(.hljs-comment,.hljs-quote){color:#a1a7b0!important}
#article-view .tech-code-shell pre :is(.hljs-keyword,.hljs-selector-tag,.hljs-meta,.hljs-doctag,.hljs-type){color:#afc8dd!important}
#article-view .tech-code-shell pre :is(.hljs-string,.hljs-regexp,.hljs-addition,.hljs-symbol){color:#b8c49c!important}
#article-view .tech-code-shell pre :is(.hljs-number,.hljs-literal,.hljs-variable,.hljs-template-variable,.hljs-deletion){color:#dfb6a7!important}
#article-view .tech-code-shell pre :is(.hljs-title,.hljs-section,.hljs-attribute,.hljs-attr,.hljs-built_in){color:#d3c1dc!important}
@media(max-width:900px){.sd-start{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sd-start-label{grid-column:1/-1}.sd-start-label p{display:inline;margin-left:12px}.sd-start-label h2{display:inline}.sd-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sd-home{padding:28px 20px 20px}.sd-mast{margin-bottom:24px}.sd-intro{font-size:12px}.sd-lead{grid-template-columns:1fr;gap:22px;padding:24px 0;min-height:0}.sd-lead-visual{order:-1;aspect-ratio:16/10}.sd-lead-visual img{max-height:240px}.sd-lead h2{font-size:25px}.sd-lead-desc{font-size:13px;-webkit-line-clamp:2}.sd-start{grid-template-columns:1fr;margin:28px 0 42px;gap:4px}.sd-start-label{margin-bottom:10px}.sd-start-link{padding:10px 0}.sd-start-link small{margin-top:2px}.sd-section-head h2{font-size:24px}.sd-search{grid-template-columns:minmax(0,1fr) 94px;gap:8px}.sd-search-label{grid-column:1}.sd-sort-label{grid-row:1;grid-column:2}.sd-search input{grid-row:2;grid-column:1}.sd-search select{grid-row:2;grid-column:2}.sd-filters{gap:4px}.sd-filters button{font-size:11px;padding:8px 10px}.sd-post-grid{grid-template-columns:1fr}.sd-post{padding:21px 0}.sd-post h3{font-size:18px;-webkit-line-clamp:3}.sd-post-topic{margin-bottom:8px}.sd-follow{align-items:flex-start;flex-direction:column;gap:8px;margin-top:42px}}
@media(prefers-reduced-motion:reduce){.sd-home *{scroll-behavior:auto!important}}

/* One visual language across Home, native archives, and published articles. */
html.sd-editorial{--sd-ink:#202020;--sd-muted:#666;--sd-line:#d8d8d4;--sd-paper:#fff;--sd-canvas:#f6f6f4;--sd-soft:#ececea}
html.sd-editorial[data-theme=dark]{--sd-ink:#f0f0f0;--sd-muted:#b5b5b5;--sd-line:#3a3a3a;--sd-paper:#202020;--sd-canvas:#181818;--sd-soft:#242424}
html.sd-editorial body{background:var(--sd-canvas)!important}
html.sd-editorial .box_header{background:var(--sd-canvas)!important;border-bottom:1px solid var(--sd-line);box-shadow:none!important}
html.sd-home-loading .area_cover>.type_featured,html.sd-home-loading .area_cover>.type_notice,html.sd-home-loading .area_cover>.type_card,html.sd-home-loading .area_cover>.aihome-sec{display:none!important}
html.sd-home-loading .area_cover::before{content:"";display:block;max-width:1112px;height:440px;margin:56px auto;background:linear-gradient(var(--sd-line),var(--sd-line)) left 28px top 38px/42% 26px no-repeat,linear-gradient(var(--sd-soft),var(--sd-soft)) left 28px top 98px/36% 70px no-repeat,linear-gradient(var(--sd-soft),var(--sd-soft)) right 28px top 24px/46% 250px no-repeat;opacity:.6;border-top:1px solid var(--sd-line);border-bottom:1px solid var(--sd-line)}
/* Compact neutral switch. Keep the existing theme behavior and keyboard control. */
html[data-theme] .box_header .btn_theme{width:44px!important;height:26px!important;min-width:44px!important;min-height:26px!important;border:1px solid #c8c8c4!important;border-radius:999px!important;background:#e8e8e5!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}
html[data-theme] .box_header .btn_theme::before{display:none!important}
html[data-theme] .box_header .btn_theme::after{content:""!important;position:absolute!important;left:3px!important;top:3px!important;width:18px!important;height:18px!important;inset:auto auto auto 3px;top:3px!important;border:0!important;border-radius:50%!important;background:#303030!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;transform:translateX(0)!important;transition:transform .18s ease!important;z-index:1!important}
html[data-theme=dark] .box_header .btn_theme{background:#333!important;border-color:#626262!important}
html[data-theme=dark] .box_header .btn_theme::after{background:#eee!important;transform:translateX(18px)!important}
html[data-theme] .box_header .btn_theme svg{display:block!important;position:absolute!important;top:7px!important;width:10px!important;height:10px!important;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;z-index:2!important}
html[data-theme] .box_header .btn_theme .ico_sun{left:7px!important;right:auto!important;color:#fff!important}
html[data-theme] .box_header .btn_theme .ico_moon{left:auto!important;right:7px!important;color:#717171!important}
html[data-theme=dark] .box_header .btn_theme .ico_sun{color:#aaa!important}
html[data-theme=dark] .box_header .btn_theme .ico_moon{color:#222!important}
html[data-theme] .box_header .btn_theme:focus-visible{outline:2px solid var(--sd-ink,#555)!important;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html[data-theme] .box_header .btn_theme::after{transition:none!important}}
@media(max-width:600px){html.sd-home-loading .area_cover::before{height:580px;margin:28px 20px;background:linear-gradient(var(--sd-soft),var(--sd-soft)) center top 24px/100% 210px no-repeat,linear-gradient(var(--sd-line),var(--sd-line)) left top 268px/85% 26px no-repeat,linear-gradient(var(--sd-soft),var(--sd-soft)) left top 318px/100% 60px no-repeat}}
.sd-context{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;line-height:1.7;color:var(--sd-muted);text-align:left}
.sd-context a,.sd-context a:visited{color:var(--sd-muted)!important;text-decoration:none}
.sd-context a:hover{text-decoration:underline;text-underline-offset:4px}
.sd-context .sd-separator{opacity:.5}
.sd-context a:focus-visible,.sd-topic-links a:focus-visible,.sd-step-links a:focus-visible{outline:2px solid var(--sd-ink);outline-offset:4px}
html.sd-archive-active #main .area_category{width:100%!important;max-width:1160px!important;box-sizing:border-box;margin:0 auto!important;padding:50px 24px 0!important;background:transparent!important}
html.sd-archive-active .title_section{font-size:clamp(27px,3vw,40px)!important;font-weight:800!important;letter-spacing:-.04em;line-height:1.35!important;text-align:left!important;color:var(--sd-ink)!important;margin:14px 0 8px!important}
html.sd-archive-active .title_section>span{font-size:14px;font-weight:500;color:var(--sd-muted);margin-left:12px;letter-spacing:0}
.sd-topic-links{display:flex;flex-wrap:wrap;gap:7px;padding:0 0 20px;border-bottom:1px solid var(--sd-line);margin:26px 0 16px}
html.sd-archive-active .sd-topic-links a{display:block;padding:9px 12px;min-height:38px;box-sizing:border-box;border-radius:5px;font-size:12px;line-height:20px;color:var(--sd-ink)!important;text-decoration:none;background:transparent}
html.sd-archive-active .sd-topic-links a:hover{background:var(--sd-soft)}
html.sd-archive-active .sd-topic-links a[aria-current=page]{background:var(--sd-ink);color:var(--sd-canvas)!important;font-weight:650}
.sd-topic-links .sd-archive-search{margin-left:auto}
.sd-archive-page .category-nav-ui:empty{display:none}
html.sd-archive-active .child-cat-wrap{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:0}
html.sd-archive-active .btn-child-cat{border:1px solid var(--sd-line)!important;border-radius:5px!important;background:transparent!important;color:var(--sd-muted)!important;font-size:12px!important;padding:8px 12px!important;box-shadow:none!important}
html.sd-archive-active .btn-child-cat:hover{background:var(--sd-soft)!important;color:var(--sd-ink)!important}
html.sd-archive-active .list_category{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px!important;padding:0!important;margin:0!important;list-style:none}
html.sd-archive-active .list_category .item_category{float:none!important;display:block!important;width:auto!important;min-width:0;margin:0!important;padding:24px 0!important;border:0!important;border-bottom:1px solid var(--sd-line)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;transform:none!important}
html.sd-archive-active .list_category .link_category{display:flex!important;flex-direction:column;gap:18px!important;height:100%;width:100%;color:var(--sd-ink)!important;text-decoration:none!important;padding:0!important}
html.sd-archive-active .list_category .item-thumbnail{display:block!important;float:none!important;position:relative!important;width:100%!important;height:auto!important;aspect-ratio:16/10;flex:none!important;margin:0!important;background-color:#fff!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;border:1px solid var(--sd-line);border-radius:4px!important;box-sizing:border-box;filter:none!important}
html.sd-archive-active .list_category .info{width:100%!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column;flex:1;min-width:0;background:transparent!important}
html.sd-archive-active .list_category .name{font-size:18px!important;line-height:1.5!important;font-weight:750!important;color:var(--sd-ink)!important;letter-spacing:-.02em;margin:0 0 12px!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:anywhere;-webkit-line-clamp:3!important;height:auto!important;max-height:none!important}
html.sd-archive-active .list_category .link_category:hover .name{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
html.sd-archive-active .list_category .summary{font-size:12px!important;line-height:1.75!important;color:var(--sd-muted)!important;margin:0 0 16px!important;height:auto!important;-webkit-line-clamp:2!important;display:-webkit-box!important;-webkit-box-orient:vertical;overflow:hidden;word-break:normal!important}
html.sd-archive-active .list_category .date{font-size:11px!important;color:var(--sd-muted)!important;margin-top:auto;padding:2px 0 0!important;background:none!important;border:0!important;box-shadow:none!important}
.sd-list-read{display:block;align-self:flex-end;margin-top:-18px;font-size:11px;color:var(--sd-ink);line-height:18px}
html.sd-archive-active .area_paging{margin:36px auto!important;padding:0 20px!important;color:var(--sd-ink)}
html.sd-archive-active .area_paging a{color:var(--sd-ink)!important}
html.sd-archive-active .area_paging .selected{background:var(--sd-ink)!important;color:var(--sd-canvas)!important;border-radius:5px}
html.sd-article-active .area_view{max-width:1160px!important;padding:0 24px!important;background:transparent!important}
html.sd-article-active .article_header{height:auto!important;min-height:0!important;max-width:820px;margin:0 auto!important;background:none!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
html.sd-article-active .article_header .inner_header{height:auto!important;min-height:0!important;background:none!important;padding:48px 0 28px!important;border-bottom:1px solid var(--sd-line);box-sizing:border-box}
html.sd-article-active .article_header::before,html.sd-article-active .article_header::after,html.sd-article-active .inner_header::before,html.sd-article-active .inner_header::after{display:none!important}
html.sd-article-active .article_header .info_text{position:static!important;display:block!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important;text-align:left!important}
html.sd-article-active .title_post{font-size:clamp(28px,3vw,40px)!important;line-height:1.35!important;letter-spacing:-.04em;font-weight:800!important;word-break:keep-all!important;overflow-wrap:anywhere;color:var(--sd-ink)!important;text-shadow:none!important;margin:14px 0 20px!important}
html.sd-article-active .article_header .info,html.sd-article-active .article_header .info>span{font-size:12px!important;color:var(--sd-muted)!important;text-shadow:none!important}
html.sd-article-active .article_header .info{margin:0!important;padding:0!important}
html.sd-article-active .article_header .btn_etc svg{fill:var(--sd-muted)}
html.sd-article-active #article-view{width:100%!important;max-width:820px!important;margin:24px auto 0!important;box-sizing:border-box;background:transparent!important;text-align:left}
html.sd-article-active .tech-breadcrumb{display:none!important}
html.sd-editorial .tech-post-meta,html.sd-editorial .aiblog-reading-time{display:none!important}
/* Legacy editor spans often embed #333, including nested list text. Normalize prose,
   not bitmap/SVG artwork, math renderers, code tokens, or interactive widgets. */
html[data-theme=dark] #article-view .contents_style :is(p,li,ul,ol,div,span,b,strong,i,em,u,s,small,font,sub,sup,td,th,blockquote,h1,h2,h3,h4,h5,h6,a):not(:where(pre,pre *,code,code *,svg,svg *,math,math *,.katex,.katex *,.MathJax,.MathJax *,.tech-code-shell,.tech-code-shell *,.aiblog-box,.aiblog-box *,button,button *,figure,figure *)){
  color:#dedede!important;-webkit-text-fill-color:#dedede!important
}
html[data-theme=dark] #article-view .contents_style :is(p,li,span,font,div,blockquote)[style*="background"]:not(:where(pre,pre *,code,code *,svg,svg *,math,math *,.katex,.katex *,.MathJax,.MathJax *,.tech-code-shell,.tech-code-shell *,.aiblog-box,.aiblog-box *,button,button *,figure,figure *)){
  background-color:transparent!important
}
html[data-theme=dark] #article-view .contents_style :is(td,th){background-color:#242424!important;border-color:#464646!important}
html[data-theme=dark] #article-view .contents_style th{background-color:#303030!important}
html[data-theme=dark] #article-view .contents_style li::marker{color:#dedede!important}
html[data-theme=dark] #article-view .contents_style figure[data-ke-type=opengraph]>span{color:#dedede!important;-webkit-text-fill-color:#dedede!important}
html[data-theme=dark] #article-view .contents_style figcaption,html[data-theme=dark] #article-view .contents_style figcaption *{color:#b5b5b5!important;-webkit-text-fill-color:#b5b5b5!important}
html[data-theme=light] #article-view .contents_style :is(figcaption,figcaption *,.btn-toggle-moreless,.og-desc,.og-host){color:#666!important;-webkit-text-fill-color:#666!important}
html[data-theme] #article-view .contents_style :is(p,li) a:not(:where(figure *,pre *,code *)){text-decoration:underline;text-underline-offset:3px}
html.sd-article-active .sd-reader-tools{position:sticky;top:var(--sd-header-height,64px);z-index:100;gap:16px;background:var(--sd-canvas);border-bottom:1px solid transparent;box-shadow:0 6px 12px -12px rgba(0,0,0,.28);padding:9px 0;margin:0 0 16px;color:var(--sd-ink)}
/* Feather the sticky edge without cropping images or intercepting article links. */
html.sd-article-active .sd-reader-tools::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px;background:linear-gradient(180deg,var(--sd-canvas),transparent);pointer-events:none}
@media(forced-colors:active){html.sd-article-active .sd-reader-tools{border-bottom-color:CanvasText;box-shadow:none}html.sd-article-active .sd-reader-tools::after{display:none}}
html.sd-article-active #article-view .sd-reader-tools :is(a,button){color:var(--sd-muted)!important;min-height:28px;display:inline-flex;align-items:center}
html.sd-article-active .sd-copy-status:empty{display:none}
html.sd-article-active #article-view :is(h2,h3,figure,.toc-container,.reading-next,#sd-article-start){scroll-margin-top:calc(var(--sd-header-height,64px) + 78px)}
html.sd-article-active #article-view .toc-container,html.sd-article-active .reading-path{border:1px solid var(--sd-line)!important;border-radius:6px!important;background:transparent!important;color:var(--sd-ink)!important;box-shadow:none!important}
html.sd-article-active #article-view>.reading-path{margin:10px 0 14px!important}
.sd-step-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 26px;padding:4px 0 16px;border-bottom:1px solid var(--sd-line)}
html.sd-article-active #article-view .sd-step-links a{display:flex;flex-direction:column;gap:7px;color:var(--sd-ink)!important;text-decoration:none!important;padding:7px 0;min-width:0}
.sd-step-links span{font-size:11px;color:var(--sd-muted)}
.sd-step-links strong{font-size:13px;line-height:1.6;font-weight:650;word-break:keep-all;overflow-wrap:anywhere}
.sd-step-links a:hover strong{text-decoration:underline;text-underline-offset:4px}
html.sd-article-active .post-recommend-wrap{border:0!important;border-top:1px solid var(--sd-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:28px 0 0!important;margin:44px 0 32px!important}
html.sd-article-active .reading-navigation{--rn-bg:var(--sd-canvas);--rn-soft:var(--sd-soft);--rn-text:var(--sd-ink);--rn-muted:var(--sd-muted);--rn-border:var(--sd-line)}
html.sd-article-active :is(#tab-related,#tab-popular) .reading-next-card{padding:20px 0!important;border:0!important;border-top:1px solid var(--sd-line)!important;border-bottom:1px solid var(--sd-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
html.sd-article-active :is(#tab-related,#tab-popular) .reading-next-card:hover strong{text-decoration:underline;text-underline-offset:4px}
html.sd-article-active .reading-next-grid{gap:24px}
html.sd-article-active .reading-next-head h3{font-size:24px!important;letter-spacing:-.03em}
html.sd-article-active .post-recommend-wrap .tab-btn{color:var(--sd-muted)!important;background:transparent!important;border-radius:0!important}
html.sd-article-active .post-recommend-wrap .tab-btn.active{color:var(--sd-ink)!important;border-bottom-color:var(--sd-ink)!important}
@media(max-width:900px){html.sd-archive-active .list_category{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-topic-links .sd-archive-search{margin-left:0}}
@media(max-width:600px){html.sd-archive-active #main .area_category{padding:28px 20px 0!important}html.sd-archive-active .list_category{grid-template-columns:1fr!important}.sd-archive-intro{font-size:12px}.sd-topic-links{gap:4px}html.sd-archive-active .sd-topic-links a{font-size:11px;padding:8px 10px}html.sd-article-active .area_view{padding:0 20px!important}html.sd-article-active .article_header .inner_header{padding:28px 0 22px!important}html.sd-article-active .title_post{font-size:28px!important}html.sd-article-active .sd-reader-tools{gap:12px;font-size:11px;padding:7px 0}.sd-reader-tools>a:first-child{display:none!important}.sd-copy-status{flex-basis:100%;font-size:10px}.sd-step-links{gap:14px}.sd-step-links strong{font-size:12px}.sd-context{font-size:11px}html.sd-article-active .reading-next-grid{gap:16px}}