/* Topic-first start and "Use it in your AI" (Oct 2026) */
.topic-heading h1{font-size:40px;letter-spacing:-1.2px}
.topic-card{padding:26px 28px;max-width:860px;overflow:visible}
.topic-field input{font-size:20px!important;padding:14px 16px!important}
.topic-examples{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 18px}
.chip{border:1px solid #e4dbf7;background:#f8f6fc;color:#4f3a73;border-radius:999px;padding:6px 12px;font-size:12px}
.chip:hover{background:#ede8fb;border-color:#d6cbf3}
.topic-routes{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 12px}
.topic-routes .button{min-height:44px;padding:10px 18px;font-size:14px}
.topic-steps{padding:24px 28px;max-width:860px;margin-top:22px;overflow:visible}
.topic-steps h2{margin:18px 0 12px}.topic-steps h2:first-child{margin-top:0}
.topic-steps pre{max-height:300px!important}
.topic-open{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;margin:12px 0 4px}
.topic-preview{border-top:1px solid var(--line);margin-top:20px;padding-top:6px}
.topic-sample{padding-left:18px;font-size:13px;line-height:1.6}.topic-sample li{margin-bottom:6px}
.topic-more{font-size:13px;color:var(--muted);margin-top:22px}
.ai-targets{padding:22px 24px;margin-bottom:22px;overflow:visible}
.ai-targets h2{margin-bottom:4px}
.target-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.target-tabs .format-button{width:auto;margin:0;padding:9px 14px;font-size:13px;font-weight:600}
.target-body ol{font-size:13px;line-height:1.7;padding-left:20px;margin:6px 0 14px}
.advanced-field summary{cursor:pointer;font-size:12px;color:var(--muted);margin-bottom:12px}
@media(max-width:760px){.topic-heading h1{font-size:30px}.topic-card,.topic-steps,.ai-targets{padding:18px}.topic-routes .button{width:100%}}
.topic-card .field>span small{display:inline;font-weight:400;color:var(--muted);margin-left:6px;font-size:12px}
.target-test{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.target-test ul{list-style:none;padding:0;margin:0 0 10px}.target-test li{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;padding:6px 0;border-bottom:1px solid var(--line)}
.nav-divider{display:block;height:1px;background:var(--line);margin:8px 6px}.nav-advanced{margin-top:12px;background:none;border:1px dashed var(--line);border-radius:7px;padding:9px 12px;font-size:12px;color:var(--muted);text-align:left}.nav-advanced:hover{background:#f4f0fc}.tutorial-card{margin-bottom:22px}.tutorial-card ol{font-size:13px;line-height:1.8;padding-left:20px}