.feature-guide{max-width:1120px;margin:0 auto;padding:28px 24px 72px}.feature-guide-hero{border-bottom:2px solid #28231e;padding:34px 4px 28px}.feature-guide-hero small{font:700 12px var(--font-ui);letter-spacing:.12em;color:var(--orange)}.feature-guide-hero h1{margin:8px 0 10px;font-size:32px}.feature-guide-hero p{color:#68645d;margin:0;line-height:1.75}.feature-guide-access{font:700 11px var(--font-ui);background:#fffaf1;border:1px solid #d8d1c6;margin-top:14px;padding:6px 11px;display:inline-block}.feature-guide-layout{grid-template-columns:250px minmax(0,1fr);gap:30px;margin-top:28px;display:grid}.feature-guide-nav{background:#fff;border:1px solid #d8d1c6;align-self:start;padding:18px;position:sticky;top:24px}.feature-guide-nav h2{margin:0 0 12px;font-size:16px}.feature-guide-nav a{color:#4e4942;border-top:1px solid #eee8df;padding:9px 0;font-size:12px;text-decoration:none;display:block}.feature-guide-nav .start{text-align:center;color:#fff;background:#29241f;border:0;margin-top:14px;padding:11px}.feature-guide-step{background:#fff;border:1px solid #d8d1c6;margin-bottom:14px}.feature-guide-step summary{cursor:pointer;align-items:center;gap:14px;padding:18px;list-style:none;display:flex}.feature-guide-step summary::-webkit-details-marker{display:none}.feature-guide-no{font:700 12px var(--font-ui);color:var(--orange)}.feature-guide-step h3{margin:0;font-size:17px}.feature-guide-body{border-top:1px solid #eee8df;padding:18px 22px 22px}.feature-guide-body>p{color:#5f5a53;margin:0 0 16px;font-size:13px;line-height:1.8}.feature-guide-mock{background:#fff;border:1px solid #d8d1c6;padding:0;box-shadow:0 10px 28px #483a280d}.feature-guide-mock header{background:#fbfaf7;border-bottom:1px solid #d8d1c6;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:14px 16px;display:flex}.feature-guide-mock header b{font-size:14px}.feature-guide-mock header span{font:700 10px var(--font-ui);letter-spacing:.06em;color:var(--orange)}.feature-guide-mock .chips{flex-wrap:wrap;gap:0;padding:14px;display:flex}.feature-guide-mock .chips span{background:#fff;border:1px solid #d8d1c6;border-radius:0;margin:-1px 0 0 -1px;padding:9px 11px;font-size:11px}.feature-guide-mock .chips .on{color:#fff;z-index:1;background:#ed6a12;border-color:#ed6a12;position:relative}.feature-guide-mock .rows{gap:10px;padding:14px;display:grid}.feature-guide-mock .rows div{background:#fff;border:1px solid #ddd7ce;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:12px 14px;font-size:11px;display:flex}.feature-guide-mock .rows div:first-child{border-color:#ed6a12;box-shadow:inset 3px 0 #ed6a12}.feature-guide-mock .rows b{font:700 10px var(--font-ui);color:#ed6a12}.feature-guide-tip{background:#fff7e8;margin-top:14px;padding:12px 14px;font-size:12px;line-height:1.65}.feature-guide-tip b{color:var(--orange);font-family:var(--font-ui);margin-right:8px}.feature-guide-note{border-top:2px solid #28231e;margin-top:22px;padding:20px 4px}.feature-guide-note h2{font-size:17px}.feature-guide-note p{color:#68645d;font-size:12px;line-height:1.8}@media (max-width:760px){.feature-guide{padding:20px 14px 52px}.feature-guide-layout{grid-template-columns:1fr}.feature-guide-nav{position:static}.feature-guide-hero h1{font-size:26px}}
