.article-page{position:relative}.article-home{min-height:calc(100svh - var(--site-header-h));padding:var(--stage-pad-top-compact) 0 var(--space-5xl);align-content:start;gap:var(--space-lg);margin:0;display:grid}.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{color:#ffd5ba;letter-spacing:.8px;margin:0}.article-library,.article-category,.article-detail-page{background:0 0}.article-layout,.split-layout{--article-body-font-size:var(--article-reading-font-size);--article-panel-height:clamp(620px, 70svh, var(--article-panel-max-h));grid-template-columns:minmax(0, 1fr) minmax(var(--layout-content-sidebar-min), var(--layout-content-sidebar));gap:var(--space-2xl);align-self:start;align-items:start;display:grid}.article-layout.is-sidebar-collapsed,.split-layout.is-sidebar-collapsed{column-gap:var(--space-xs);grid-template-columns:minmax(0,1fr) max-content}.article-layout-top,.split-header{gap:var(--space-lg);grid-column:1/-1;display:grid}.left,.split-main{align-content:start;gap:var(--space-lg);min-width:0;display:grid}.article-content-pane{min-width:0}.article-title-row,.split-title-row{align-items:center;gap:var(--space-sm);display:flex}.article-title-row h1,.split-title-row h1{font-size:var(--text-title-lg);margin:0;line-height:1.25}.article-back{width:var(--article-icon-button-size);height:var(--article-icon-button-size);backdrop-filter:blur(8px);background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.article-back img{width:var(--article-icon-size);height:var(--article-icon-size);object-fit:contain;display:block}.article-meta-row,.split-meta-row{justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.article-like-button{justify-content:center;align-items:center;gap:var(--space-xs);min-height:var(--article-tool-h);padding:0 var(--space-lg);color:#ffe7d8;font:inherit;font-size:var(--text-body-sm);cursor:pointer;background:#ffffff0d;border:1px solid #ffd8c43d;border-radius:999px;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.article-like-button:hover{background:#ffffff14;transform:translateY(-1px)}.article-like-button.is-liked{color:#fff1e8;background:#ff5a282e;border-color:#ff805970}.article-like-button:disabled{opacity:.72;cursor:wait}.article-tools{justify-content:flex-start;align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.article-font-tools{align-items:center;gap:var(--space-sm);margin-left:auto;display:inline-flex}.article-tools-label{color:#f4ddcf;font-size:var(--text-body-sm)}.article-search-field{height:var(--article-control-h);justify-content:space-between;align-items:center;gap:var(--space-sm);padding:0 var(--space-lg);color:#ffddc5;font-size:var(--text-body-sm);background:#ffffff0f;border:1px solid #ffdec552;border-radius:999px;display:flex}.article-search-field input{width:100%;color:inherit;font:inherit;background:0 0;border:0;outline:none}.article-search-field span{flex-shrink:0}.article-tool-button{min-height:var(--article-tool-h);padding:0 var(--space-lg);color:#ffe7d8;font:inherit;font-size:var(--text-body-sm);cursor:pointer;background:#ffffff0d;border:1px solid #ffd8c438;border-radius:999px;justify-content:center;align-items:center;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.article-tool-button:hover{background:#ffffff14;border-color:#ffd8c45c;transform:translateY(-1px)}.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);scrollbar-width:thin;scrollbar-color:#ffa57bb8 #ffffff14;background:#40302a;overflow-y:auto}.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{background:linear-gradient(#ffb895eb,#ff6a43e0);border:2px solid #40302aeb;border-radius:999px;box-shadow:inset 0 0 0 1px #fff0e529}.content-scrollbox::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ffcdb6fa,#ff7b52f0)}.article-body{font-size:var(--article-body-font-size);color:#f4dfd0;line-height:1.8}.article-body>:first-child{margin-top:0}.article-body>:last-child{margin-bottom:0}.article-body a{color:#ffd9bf}.article-body img{border-radius:clamp(14px, calc(var(--desktop-anchor-size) * .00546875), 21px);max-width:100%;height:auto;display:block}.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{gap:var(--space-sm);display:grid}.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{gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.article-body .article-gallery figure{gap:var(--space-sm);margin:0;display:grid}.right,.split-aside{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);align-self:start;gap:var(--space-md);font-size:var(--text-body-sm);background:#ffffff08;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.article-sidebar-head,.sidebar-head{align-items:center;gap:var(--space-sm);display:flex}.article-search-field--sidebar{flex:auto;width:100%;min-width:0}.article-sidebar-body{min-height:0;padding-right:4px;overflow-y:auto}.right ul,.split-aside ul{gap:var(--space-sm);margin:0;padding:0;list-style:none;display:grid}.right a,.split-aside a{color:#f7d9c4}.sidebar-item{grid-template-columns:var(--article-sidebar-thumb-w) 1fr;gap:var(--space-sm);padding:var(--space-xs);border-radius:clamp(10px, calc(var(--desktop-anchor-size) * .00390625), 15px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffe0ca14;align-items:center;display:grid}.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);font-size:var(--text-body-md);padding:0;line-height:1}.article-search-results{gap:var(--space-lg);display:grid}.article-search-results-head{justify-content:space-between;align-items:baseline;gap:var(--space-xl);flex-wrap:wrap;display:flex}.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{color:#ffe8d6bd;margin:0}.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{backdrop-filter:none;background:0 0;border-color:#0000;width:max-content;padding:0;overflow:visible}@media (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{grid-template-columns:1fr;width:100%}}.article-library>.h{margin-top:var(--space-sm)}