
.layout{max-width:1920px;grid-template-columns:210px minmax(0,1fr) 330px;align-items:start}
.layout>aside:first-child{padding:25px 16px}.layout>main{padding:38px clamp(22px,3vw,48px);max-width:none}
h1{font-size:clamp(30px,3vw,46px)}.subtitle{font-size:18px}.cards{gap:14px}.card{padding:20px}
.topic-panel{border-left:1px solid var(--line);border-right:0;background:#fff;padding:24px 22px;height:calc(100vh - 73px);position:sticky;top:73px;overflow-y:auto;overscroll-behavior:contain;min-width:0}
.topic-panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.topic-panel-top .nav-label{margin:0}.topic-count{font-size:11px;color:var(--muted);white-space:nowrap}.topic-instruction{font-size:13px;color:var(--muted);line-height:1.6;margin:14px 0 20px}.term-sample{color:var(--green);border-bottom:1px dashed currentColor}
.topic-picker-label{display:block;font-size:12px;font-weight:650;margin-bottom:6px}.topic-panel select{width:100%;border:1px solid #cadacf;border-radius:7px;padding:10px;font:inherit;font-size:13px;color:var(--dark);background:#f7faf7}
#topic-content{margin-top:26px}.topic-panel h2{font-size:24px;line-height:1.25;margin:0 0 14px;letter-spacing:-.4px}.topic-panel h3{font-size:13px;letter-spacing:.3px;margin:24px 0 8px;color:var(--green)}.topic-panel p{font-size:14px;line-height:1.75;margin:10px 0 16px}.topic-panel .topic-definition{font-size:16px;line-height:1.65;font-weight:600}.topic-panel .topic-example{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf4ef;color:#173e2c;padding:15px;border-radius:8px;font-size:12px;line-height:1.8;border:1px solid #dce9df}.topic-panel .topic-note{padding:13px 15px;background:#fff6e6;border-left:3px solid #c3943a;border-radius:0 6px 6px 0;font-size:13px}.topic-panel .topic-source{display:inline-block;font-size:12px;margin-top:20px}.topic-related{display:flex;gap:7px;flex-wrap:wrap}.topic-related button{border:1px solid #ccdcd1;border-radius:20px;background:#edf5ef;color:var(--green);padding:5px 10px;font:inherit;font-size:12px;cursor:pointer;line-height:1.5}
.topic-term{display:inline;margin:0;padding:0;border:0;border-bottom:1px dashed currentColor;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;cursor:pointer;border-radius:0}.topic-term:hover,.topic-term.is-selected{color:var(--green);background:#e3f0e6;border-bottom-style:solid}.hero .topic-term:hover,.hero .topic-term.is-selected{color:#fff;background:#315742}.topic-term:focus-visible,.topic-related button:focus-visible,.topic-panel select:focus-visible{outline:2px solid #238156;outline-offset:3px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1450px){.cards{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.layout>main section{padding:26px}.header-meta span{display:none}}
@media(max-width:1100px){.layout{grid-template-columns:180px minmax(0,1fr) 280px}.layout>main{padding:30px 22px}.layout>aside:first-child{padding:20px 12px}.topic-panel{padding:22px 17px}.topic-panel h2{font-size:21px}.header-meta{display:none}h1{font-size:32px;letter-spacing:-1px}}
@media(max-width:880px){.layout{display:block}.layout>aside:first-child{position:static;height:auto;border:0;border-bottom:1px solid var(--line)}.layout>aside:first-child nav{display:flex;flex-wrap:wrap}.layout>aside:first-child .sidebar-note,.layout>aside:first-child .toc,.layout>aside:first-child .nav-label{display:none}.layout>main{padding:30px 20px}.topic-panel{position:static;height:auto;border:0;border-top:1px solid var(--line);padding:28px 24px}.topic-panel .nav-label{display:block}.topic-panel .topic-example{max-width:100%}.topic-panel select{max-width:440px}}
.installation-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.installation-shortcuts button{font:inherit;font-size:13px;padding:7px 12px;background:#edf3ff;color:#164aa5;border:1px solid #c6d7f3;border-radius:6px;cursor:pointer}.installation-shortcuts button[aria-pressed="true"]{background:#164aa5;color:white}.installation-shortcuts button:focus-visible{outline:2px solid #ef111f;outline-offset:3px}.topic-panel .installation-guide h3{font-size:18px;letter-spacing:0;margin-top:24px}.topic-panel .installation-guide h4{font-size:16px;line-height:1.5;margin-top:24px}.topic-panel .installation-guide li{font-size:14px;line-height:1.8;margin-bottom:12px}.topic-panel .installation-guide ol{padding-left:22px}.topic-panel .installation-guide .codebar{flex-wrap:wrap;gap:8px}.topic-panel .installation-guide pre{font-size:12px;line-height:1.7;overflow-x:auto;max-width:100%}.topic-panel .installation-guide table{font-size:12px}.topic-panel .installation-guide .flow{display:block;font-size:13px;line-height:2}.topic-panel .installation-guide code{overflow-wrap:anywhere}.topic-panel .installation-guide pre code{overflow-wrap:normal}
@media print{.topic-panel{display:none}.layout{display:block}.layout>aside:first-child{display:none}.layout>main{padding:0}.topic-term{border:0;color:inherit;background:none}}

.topic-details h3{font-size:16px;line-height:1.5;letter-spacing:0}.topic-details .codebar{flex-wrap:wrap;gap:8px}.topic-details pre{font-size:12px;max-width:100%;overflow-x:auto}.topic-details .tablewrap{font-size:12px}.topic-details table{min-width:440px}
