.kk-toc-drawer{display:none}
@media(max-width:900px){
 .kk-article .kk-toc{display:none}
 .kk-article .kk-reading-grid{grid-template-columns:minmax(0,1fr)}
 .kk-editorial .bottom-toc-toggle .bottom-bar-icon{color:#edf2f0}
 .kk-toc-drawer[open]{display:flex;flex-direction:column;position:fixed;inset:0 0 0 auto;margin:0;width:min(88vw,420px);max-width:100vw;height:100vh;height:100dvh;max-height:none;padding:0;border:0;border-left:1px solid #dce4e8;border-radius:18px 0 0 18px;background:#fff;color:#172328;box-shadow:-12px 0 50px #0003;overflow:hidden;font-family:'DM Sans',system-ui,sans-serif;animation:kk-toc-enter .22s ease-out}
 .kk-toc-drawer::backdrop{background:#080d12a6}
 body:has(#kk-toc-drawer[open]){overflow:hidden}
 .kk-toc-drawer-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0;padding:calc(24px + env(safe-area-inset-top,0px)) 24px 20px;border-bottom:1px solid #dce4e8}
 .kk-toc-drawer-head span{font-size:11px;letter-spacing:.06em;color:#62737d}
 .kk-toc-drawer-head h2{margin:9px 0 0;font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.04em;color:#172328}
 .kk-toc-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #dce4e8;border-radius:50%;background:#fff;color:#172328;cursor:pointer}
 .kk-toc-drawer-links{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 24px calc(28px + env(safe-area-inset-bottom,0px))}
 .kk-toc-drawer-links a{display:block;padding:17px 0;border-bottom:1px solid #e4eaed;color:#354e5b;font-size:15px;line-height:1.55;text-decoration:none}
 .kk-toc-drawer-links a.toc-level-3{padding-left:14px;font-size:14px;color:#657983}
 .kk-toc-drawer :focus-visible{outline:2px solid #526f7d;outline-offset:-2px}
 @keyframes kk-toc-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
}
@media(prefers-reduced-motion:reduce){.kk-toc-drawer[open]{animation:none}}