.home-guide-dialog{width:min(900px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #e3deed;border-radius:22px;background:#fff;color:#29233b;box-shadow:0 25px 90px #17102d40;font:16px/1.75 system-ui,sans-serif;overflow:auto}.home-guide-dialog::backdrop{background:#1e173b80;backdrop-filter:blur(4px)}.home-guide-dialog[open]{display:flex;flex-direction:column}.home-guide-dialog header,.home-guide-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;flex:none;background:#fff}.home-guide-dialog header{border-bottom:1px solid #eee8f5}.home-guide-dialog header span{font-size:12px;color:#75658e}.home-guide-dialog h2{font-size:23px;margin:4px 0}.home-guide-dialog nav{display:flex;flex-wrap:wrap;gap:8px;padding:16px 28px;border-bottom:1px solid #eee8f5;flex:none}.home-guide-dialog nav button{font-size:13px;padding:8px 12px;white-space:normal}.home-guide-dialog nav .selected{background:#ede7ff;color:#563aa2;border-color:#bca9eb}.home-guide-dialog .guide-content{padding:24px 28px;overflow:auto;min-height:0}.home-guide-dialog h3{margin:0 0 12px;font-size:21px}.home-guide-dialog p{margin:8px 0 18px}.home-guide-dialog footer{border-top:1px solid #eee8f5}.home-guide-dialog footer>div{display:flex;gap:12px}.guide-example{padding:24px;border:1px solid #e1dbea;border-radius:16px;background:#faf8ff;margin:24px 0}.guide-example-label{display:block;font-size:12px;color:#79688f;margin-bottom:18px}.guide-example-profile{display:flex;gap:18px;align-items:center}.guide-avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#ddd2f7;color:#6545a0;font-size:26px;flex:none}.guide-example-links{display:flex;gap:12px;padding-top:16px;border-top:1px solid #ded6e9}.guide-example-links span{padding:6px 16px;border-radius:8px;background:#ede6fa}.guide-cover{display:grid;place-items:center;min-height:100px;background:linear-gradient(120deg,#e4c7ef,#c3d5f5);border-radius:12px}.guide-pattern{padding:22px;background-image:radial-gradient(#d6c7ef 1px,transparent 1px);background-size:12px 12px;margin-top:14px}.guide-example-note{background:#fff;border-left:4px solid #9371ce;padding:18px}.guide-videos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.guide-videos>div{padding:25px;text-align:center;border-radius:10px;background:#e7def6}.guide-career{display:grid;grid-template-columns:160px 1fr;gap:12px 18px;margin:0}.guide-career dt{font-weight:700}.guide-career dd{margin:0}.guide-schedule{display:grid;gap:14px}.guide-schedule>div{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center}.guide-schedule b{border-radius:9px;padding:10px 15px;color:white}.guide-broadcast{background:#6552cf}.guide-off{background:#b34b64}.guide-collab{background:#178568}.guide-flow{padding-left:24px;margin:0}.guide-flow li{padding:8px}.guide-tip{padding:16px;border-radius:10px;background:#f2eef9;color:#5e4c7d;font-size:14px}@media(max-width:600px){.home-guide-dialog header,.home-guide-dialog footer{padding:16px}.home-guide-dialog nav{padding:12px 16px;max-height:140px;overflow:auto}.home-guide-dialog .guide-content{padding:18px 16px}.home-guide-dialog h2{font-size:19px}.guide-example{padding:16px}.guide-career{grid-template-columns:1fr;gap:4px}.guide-career dd{margin-bottom:12px}.guide-videos>div{padding:18px 8px}.guide-example-profile{align-items:flex-start}.guide-schedule>div{grid-template-columns:1fr;gap:4px}}

.guide-detail{padding-left:24px;line-height:1.85}.guide-detail li{padding:6px 0 8px 6px}.guide-content h4{margin:26px 0 12px}

.guide-detail>li{padding:12px 0 24px;line-height:1.8}.guide-detail>li>p{margin:0 0 14px}.guide-example code{display:block;overflow-wrap:anywhere;white-space:normal;margin:12px 0}.guide-demo-fields{display:grid;gap:16px}.guide-demo-fields label{display:grid;gap:8px}.guide-demo-fields input,.guide-demo-fields select,.guide-demo-fields textarea{max-width:100%;box-sizing:border-box}.guide-demo-fields input[type=checkbox]{width:auto}.guide-live-theme{position:relative;isolation:isolate;min-height:190px;padding:28px;border-radius:20px;overflow:hidden}.guide-live-theme h3,.guide-live-theme p{position:relative}.guide-example .calendar-day{min-width:0;padding:6px}.guide-example .calendar-day small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide-example .calendar-month{flex-wrap:wrap}.guide-example .calendar-grid{gap:3px}

/* Guide paragraphs remain readable at narrow widths without forced word breaks. */
.home-guide-dialog .guide-detail{padding:0}.home-guide-dialog .guide-step{margin:28px 0;padding:0 0 20px;border-bottom:1px solid #f0dfe6}.home-guide-dialog .guide-step h4{margin:0 0 12px;font-size:17px}.home-guide-dialog p{line-height:1.85;word-break:keep-all;overflow-wrap:anywhere}.home-guide-dialog .guide-step p+p{margin-top:12px}.guide-preserve{white-space:pre-wrap}.guide-source{font-size:12px;color:#78616e}.home-guide-dialog .guide-example{background:#fff7fa;border-color:#edd8e2}.home-guide-dialog nav .selected{background:#fbe3ef;color:#9e2d60;border-color:#dc8aaf}.home-guide-dialog .guide-example-note{border-color:#b23d70;min-width:0}.home-guide-dialog .guide-videos>article{padding:18px;text-align:left}.home-guide-dialog a{color:#9e2d60;overflow-wrap:anywhere}.home-guide-dialog .guide-example-label{color:#825b70}.home-guide-dialog button{min-height:40px}.home-guide-dialog footer{gap:12px}.home-guide-dialog .guide-detail>section:last-child{border:0}@media(max-width:600px){.home-guide-dialog .guide-videos{grid-template-columns:1fr}.home-guide-dialog header{gap:12px}.home-guide-dialog header button{flex-shrink:0}.home-guide-dialog .guide-step{margin:22px 0}}