.article-page{position:relative}.article-home{min-height:calc(100svh - var(--site-header-h));margin:0;padding:var(--stage-pad-top-compact) 0 var(--space-5xl);display:grid;align-content:start;gap:var(--space-lg)}.article-home>*{width:min(var(--layout-content-max),calc(100% - var(--layout-gutter-desktop)));margin:0 auto}.article-home .mt-18{margin-top:var(--space-xs)}.article-kicker{margin:0;color:#ffd5ba;letter-spacing:.8px}.article-library,.article-category,.article-detail-page{background:transparent}.article-layout,.split-layout{--article-body-font-size: var(--article-reading-font-size);--article-panel-height: clamp(620px, 70svh, var(--article-panel-max-h));display:grid;grid-template-columns:minmax(0,1fr) minmax(var(--layout-content-sidebar-min),var(--layout-content-sidebar));gap:var(--space-2xl);align-items:start;align-self:start}.article-layout.is-sidebar-collapsed,.split-layout.is-sidebar-collapsed{grid-template-columns:minmax(0,1fr) max-content;column-gap:var(--space-xs)}.article-layout-top,.split-header{grid-column:1 / -1;display:grid;gap:var(--space-lg)}.left,.split-main{display:grid;align-content:start;gap:var(--space-lg);min-width:0}.article-content-pane{min-width:0}.article-title-row,.split-title-row{display:flex;align-items:center;gap:var(--space-sm)}.article-title-row h1,.split-title-row h1{margin:0;font-size:var(--text-title-lg);line-height:1.25}.article-back{display:inline-flex;align-items:center;justify-content:center;width:var(--article-icon-button-size);height:var(--article-icon-button-size);border-radius:999px;background:#ffffff0f;backdrop-filter:blur(8px)}.article-back img{display:block;width:var(--article-icon-size);height:var(--article-icon-size);object-fit:contain}.article-meta-row,.split-meta-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap}.article-like-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:var(--article-tool-h);padding:0 var(--space-lg);border-radius:999px;border:1px solid rgba(255,216,196,.24);background:#ffffff0d;color:#ffe7d8;font:inherit;font-size:var(--text-body-sm);cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.article-like-button:hover{transform:translateY(-1px);background:#ffffff14}.article-like-button.is-liked{background:#ff5a282e;border-color:#ff805970;color:#fff1e8}.article-like-button:disabled{opacity:.72;cursor:wait}.article-tools{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-lg);flex-wrap:wrap}.article-font-tools{display:inline-flex;align-items:center;gap:var(--space-sm);margin-left:auto}.article-tools-label{color:#f4ddcf;font-size:var(--text-body-sm)}.article-search-field{height:var(--article-control-h);border-radius:999px;border:1px solid rgba(255,222,197,.32);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:0 var(--space-lg);background:#ffffff0f;color:#ffddc5;font-size:var(--text-body-sm)}.article-search-field input{width:100%;border:0;background:transparent;color:inherit;font:inherit;outline:none}.article-search-field span{flex-shrink:0}.article-tool-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--article-tool-h);padding:0 var(--space-lg);border:1px solid rgba(255,216,196,.22);border-radius:999px;background:#ffffff0d;color:#ffe7d8;font:inherit;font-size:var(--text-body-sm);cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.article-tool-button:hover{transform:translateY(-1px);background:#ffffff14;border-color:#ffd8c45c}.article-like-icon{color:#ff6b43;font-size:var(--text-body-sm);line-height:1}.content-scrollbox{border:1px solid var(--line);border-radius:clamp(12px,calc(var(--desktop-anchor-size) * .0046875),18px);padding:var(--space-xl);height:var(--article-panel-height);overflow-y:auto;background:#40302a;scrollbar-width:thin;scrollbar-color:rgba(255,165,123,.72) rgba(255,255,255,.08)}.content-scrollbox::-webkit-scrollbar{width:clamp(12px,calc(var(--desktop-anchor-size) * .0046875),18px)}.content-scrollbox::-webkit-scrollbar-track{background:#ffffff0f;border-radius:999px}.content-scrollbox::-webkit-scrollbar-thumb{border:2px solid rgba(64,48,42,.92);border-radius:999px;background:linear-gradient(180deg,#ffb895eb,#ff6a43e0);box-shadow:inset 0 0 0 1px #fff0e529}.content-scrollbox::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffcdb6fa,#ff7b52f0)}.article-body{font-size:var(--article-body-font-size);line-height:1.8;color:#f4dfd0}.article-body>:first-child{margin-top:0}.article-body>:last-child{margin-bottom:0}.article-body a{color:#ffd9bf}.article-body img{display:block;max-width:100%;height:auto;border-radius:clamp(14px,calc(var(--desktop-anchor-size) * .00546875),21px)}.article-body>p>img:only-child{margin:var(--space-xl) auto}.article-body figure.article-media,.article-body .article-gallery{margin:var(--space-xl) 0}.article-body figure.article-media{display:grid;gap:var(--space-sm)}.article-body figure.article-media img{width:100%}.article-body figure.article-media--size-sm{width:min(38%,var(--article-media-sm-w))}.article-body figure.article-media--size-md{width:min(56%,var(--article-media-md-w))}.article-body figure.article-media--size-lg{width:min(74%,var(--article-media-lg-w))}.article-body figure.article-media--size-full{width:100%;max-width:none}.article-body figure.article-media figcaption,.article-body .article-gallery figcaption{color:#ffe6d6b8;font-size:var(--text-label-sm);text-align:center}.article-body figure.article-media--center{margin-inline:auto}.article-body figure.article-media--wide{width:100%}.article-body figure.article-media--left{margin-right:auto}.article-body figure.article-media--right{margin-left:auto}.article-body .article-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.article-body .article-gallery figure{margin:0;display:grid;gap:var(--space-sm)}.right,.split-aside{align-self:start;min-width:0;height:var(--article-panel-height);border:1px solid var(--line);border-radius:clamp(12px,calc(var(--desktop-anchor-size) * .0046875),18px);padding:var(--space-lg);background:#ffffff08;display:grid;grid-template-rows:auto 1fr;gap:var(--space-md);font-size:var(--text-body-sm);overflow:hidden}.article-sidebar-head,.sidebar-head{display:flex;align-items:center;gap:var(--space-sm)}.article-search-field--sidebar{flex:1 1 auto;min-width:0;width:100%}.article-sidebar-body{min-height:0;overflow-y:auto;padding-right:4px}.right ul,.split-aside ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-sm)}.right a,.split-aside a{color:#f7d9c4}.sidebar-item{display:grid;grid-template-columns:var(--article-sidebar-thumb-w) 1fr;gap:var(--space-sm);align-items:center;padding:var(--space-xs);border-radius:clamp(10px,calc(var(--desktop-anchor-size) * .00390625),15px);border:1px solid rgba(255,224,202,.08);background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.sidebar-item span{line-height:1.45}.sidebar-item img{width:var(--article-sidebar-thumb-w);height:var(--article-sidebar-thumb-h);border-radius:clamp(8px,calc(var(--desktop-anchor-size) * .003125),12px);object-fit:cover}.right a:hover,.split-aside a:hover{color:var(--accent)}.article-tool-button--sidebar{margin-left:auto}.article-sidebar-toggle{width:var(--article-sidebar-toggle-size);min-width:var(--article-sidebar-toggle-size);min-height:var(--article-sidebar-toggle-size);padding:0;font-size:var(--text-body-md);line-height:1}.article-search-results{display:grid;gap:var(--space-lg)}.article-search-results-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-xl);flex-wrap:wrap}.article-search-results-head h1,.article-search-results-head p{margin:0}.article-search-results-head p{color:#ffe8d6b8;font-size:var(--text-body-md)}.article-search-empty{margin:0;color:#ffe8d6bd}.article-search-results-grid>.article-search-empty{grid-column:1 / -1}.right.is-collapsed .article-search-field,.right.is-collapsed .article-sidebar-body,.split-aside.is-collapsed .article-search-field,.split-aside.is-collapsed .article-sidebar-body{display:none}.right.is-collapsed,.split-aside.is-collapsed{padding:0;border-color:transparent;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;width:max-content}@media(max-width:980px){.article-home{min-height:calc(100svh - 96px);padding:72px 0 26px}.article-layout,.article-layout.is-sidebar-collapsed,.split-layout.is-sidebar-collapsed{grid-template-columns:1fr}.article-body figure.article-media--left,.article-body figure.article-media--right,.article-body .article-gallery{width:100%;grid-template-columns:1fr}}.article-library>.h{margin-top:var(--space-sm)}