/* Original tutorial layout, scoped so the existing rounded header is unchanged.
   Reference proportions: 268px / 820px / 184px, 34px gutters; page entry 320ms. */
.account-tutorials { max-width:1396px; box-sizing:border-box; margin:0 auto; padding:30px 28px 64px; --tutorial-ease:cubic-bezier(.22,1,.36,1); color:var(--market-ink,#202438); animation:account-tutorial-enter 320ms var(--tutorial-ease) both; }
.account-tutorials * { box-sizing:border-box; }
.account-tutorial-intro { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:0 0 28px; }
.account-tutorial-eyebrow { margin:0 0 5px; color:var(--clear-accent,#5b4bd8); font-size:11px; letter-spacing:1.2px; font-weight:650; }
.account-tutorial-intro h1 { font-size:28px; font-weight:750; line-height:1.3; margin:0 0 7px; letter-spacing:-.6px; }
.account-tutorial-intro>div>p:last-child { color:var(--market-muted,#62697b); font-size:14px; margin:0; }
.account-tutorial-catalog-link { display:inline-flex; align-items:center; gap:12px; padding:10px 14px; min-height:42px; border:1px solid var(--market-line,#e5e7ef); border-radius:9px; background:var(--market-panel,#fff); color:var(--clear-accent,#5b4bd8); font-size:12px; font-weight:600; white-space:nowrap; }
.account-tutorial-layout { display:grid; grid-template-columns:268px minmax(0,820px) 184px; align-items:start; gap:34px; }
.account-tutorial-nav { position:sticky; top:104px; border:1px solid var(--market-line,#e5e7ef); background:var(--market-panel,#fff); border-radius:10px; overflow:hidden; min-width:0; }
.account-tutorial-nav>summary { display:none; }
.account-tutorial-nav>nav { display:flex; flex-direction:column; }
.account-tutorial-nav-item { display:grid; grid-template-columns:25px minmax(0,1fr) 13px; align-items:center; gap:9px; min-height:74px; padding:12px 13px; border-bottom:1px solid var(--market-line,#e5e7ef); color:var(--market-muted,#62697b); transition:color 180ms var(--tutorial-ease),background-color 180ms var(--tutorial-ease); text-decoration:none; }
.account-tutorial-nav-item:hover,.account-tutorial-nav-item[aria-current="page"] { background:var(--clear-tint,#efedff); color:var(--clear-accent,#5b4bd8); }
.account-tutorial-nav-number { color:var(--market-muted,#62697b); opacity:.68; font-size:11px; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.account-tutorial-nav-item strong { display:block; font-size:13px; font-weight:650; line-height:1.4; }
.account-tutorial-nav-item small { display:block; color:var(--market-muted,#62697b); font-size:11px; line-height:1.4; margin-top:4px; }
.account-tutorial-nav-item>span:last-child { font-size:20px; font-weight:400; text-align:center; }
.account-tutorial-more { display:flex; align-items:center; justify-content:space-between; padding:15px 16px; font-size:12px; color:var(--clear-accent,#5b4bd8); }
.account-tutorial-article { min-width:0; min-height:600px; padding:6px 0 0; font-size:15px; line-height:1.85; overflow-wrap:anywhere; }
.account-tutorial-category { color:var(--clear-accent,#5b4bd8); font-size:11px; letter-spacing:.7px; margin:0 0 7px; }
.account-tutorial-article>header>h2 { color:var(--market-ink,#202438); font-size:28px; font-weight:750; margin:0 0 14px; line-height:1.4; letter-spacing:-.5px; }
.account-tutorial-lead { color:var(--market-muted,#62697b); margin:0 0 26px; line-height:1.85; }
.account-tutorial-step { border-top:1px solid var(--market-line,#e5e7ef); padding:23px 0 6px; margin-top:22px; scroll-margin-top:112px; }
.account-step-heading { display:flex; align-items:baseline; gap:11px; }
.account-step-heading>span { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; color:var(--clear-accent,#5b4bd8); font-size:12px; letter-spacing:1px; flex-shrink:0; }
.account-tutorial-article .account-step-heading>h2 { font-size:19px; font-weight:700; margin:0; line-height:1.6; }
.account-tutorial-step>p { margin:12px 0 8px; color:var(--market-ink,#202438); }
.account-tutorial-flow>h2 { margin:32px 0 10px; font-size:20px; }
.account-tutorial-flow>p { color:var(--market-muted,#62697b); }
.account-tutorial-outline { position:sticky; top:104px; max-height:calc(100dvh - 128px); min-width:0; overflow:auto; padding:2px 0 2px 14px; }
.account-tutorial-outline>summary { list-style:none; margin:0 0 11px -14px; color:var(--market-muted,#62697b); font-size:12px; font-weight:650; pointer-events:none; }
.account-tutorial-outline>summary::-webkit-details-marker { display:none; }
.account-tutorial-outline>summary>i { display:none; }
.account-tutorial-outline>nav { display:flex; flex-direction:column; border-left:1px solid var(--market-line,#e5e7ef); }
.account-tutorial-outline a { position:relative; display:block; color:var(--market-muted,#62697b); font-size:12px; line-height:1.55; padding:7px 4px 7px 13px; text-decoration:none; transition:color 180ms var(--tutorial-ease); }
.account-tutorial-outline a::before { content:""; position:absolute; width:2px; left:-1px; top:5px; bottom:5px; }
.account-tutorial-outline a:hover,.account-tutorial-outline a[aria-current="location"] { color:var(--clear-accent,#5b4bd8); }
.account-tutorial-outline a[aria-current="location"] { font-weight:650; }
.account-tutorial-outline a[aria-current="location"]::before { background:var(--clear-accent,#5b4bd8); }
.account-tutorial-references { scroll-margin-top:112px; border-top:1px solid var(--market-line,#e5e7ef); margin:28px 0 0; padding-top:22px; }
.account-tutorial-references h2 { font-size:15px; margin:0 0 12px; }
.account-tutorial-references>div { display:flex; gap:8px; flex-wrap:wrap; }
.account-tutorial-references a { display:inline-flex; align-items:center; gap:10px; max-width:100%; padding:7px 10px; border:1px solid var(--market-line,#e5e7ef); border-radius:7px; background:var(--market-panel,#fff); color:var(--clear-accent,#5b4bd8); font-size:12px; text-decoration:none; }
.account-tutorial-help { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:30px 0 22px; padding:18px; background:var(--clear-tint,#efedff); border-radius:10px; }
.account-tutorial-help strong { font-size:13px; font-weight:650; }
.account-tutorial-help p { font-size:12px; margin:3px 0 0; color:var(--market-muted,#62697b); line-height:1.6; }
.account-tutorial-help>a { color:var(--clear-accent,#5b4bd8); font-size:12px; font-weight:650; flex-shrink:0; }
.account-tutorial-pagination { display:grid; grid-template-columns:1fr 1fr; gap:16px; border-top:1px solid var(--market-line,#e5e7ef); padding-top:20px; }
.account-tutorial-pagination>a { display:grid; gap:5px; color:var(--clear-accent,#5b4bd8); font-size:13px; }
.account-tutorial-pagination>a:last-child { text-align:right; }
.account-tutorial-pagination small { color:var(--market-muted,#62697b); font-size:11px; }
.account-tutorial-empty { border:1px solid var(--market-line,#e5e7ef); padding:18px; border-radius:8px; color:var(--market-muted,#62697b); }
@keyframes account-tutorial-enter { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:1180px) { .account-tutorial-layout { grid-template-columns:220px minmax(0,1fr) 160px; gap:24px; } .account-tutorial-article>header>h2 { font-size:25px; } }
@media (max-width:980px) {
  .account-tutorials { max-width:780px; padding:24px 20px 42px; }
  .account-tutorial-layout { grid-template-columns:minmax(0,1fr); gap:16px; }
  .account-tutorial-nav,.account-tutorial-outline { position:static; top:auto; max-height:none; }
  .account-tutorial-nav { order:0; }
  .account-tutorial-outline { order:1; padding:0; border:1px solid var(--market-line,#e5e7ef); border-radius:9px; background:var(--market-panel,#fff); overflow:hidden; }
  .account-tutorial-nav>summary,.account-tutorial-outline>summary { display:flex; align-items:center; gap:12px; padding:13px 15px; margin:0; min-height:46px; cursor:pointer; pointer-events:auto; list-style:none; font-size:13px; font-weight:650; color:var(--market-ink,#202438); }
  .account-tutorial-nav>summary::-webkit-details-marker { display:none; }
  .account-tutorial-nav>summary>span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--market-muted,#62697b); font-size:12px; font-weight:400; margin-left:auto; }
  .account-tutorial-nav>summary>i,.account-tutorial-outline>summary>i { display:block; font-style:normal; color:var(--clear-accent,#5b4bd8); }
  .account-tutorial-outline>summary>i { margin-left:auto; }
  .account-tutorial-nav[open]>summary,.account-tutorial-outline[open]>summary { border-bottom:1px solid var(--market-line,#e5e7ef); }
  .account-tutorial-nav[open]>summary>i,.account-tutorial-outline[open]>summary>i { transform:rotate(180deg); }
  .account-tutorial-nav-item { min-height:60px; }
  .account-tutorial-outline>nav { border:0; padding:6px 11px 12px; }
  .account-tutorial-outline a { padding:8px 4px 8px 12px; font-size:13px; }
  .account-tutorial-outline a::before { left:1px; }
  .account-tutorial-article { order:2; padding-top:12px; min-height:460px; }
  .account-tutorial-intro h1 { font-size:25px; }
}
@media (max-width:600px) {
  .account-tutorials { padding:20px 16px 36px; }
  .account-tutorial-intro { gap:16px; align-items:flex-start; margin-bottom:22px; }
  .account-tutorial-intro h1 { font-size:23px; }
  .account-tutorial-intro>div>p:last-child { font-size:12px; max-width:220px; }
  .account-tutorial-catalog-link { padding:8px 10px; font-size:11px; min-height:38px; gap:5px; margin-top:26px; }
  .account-tutorial-article { font-size:14px; line-height:1.9; }
  .account-tutorial-article>header>h2 { font-size:23px; }
  .account-tutorial-article .account-step-heading>h2 { font-size:17px; }
  .account-tutorial-step { padding-top:19px; margin-top:19px; }
  .account-tutorial-help { align-items:flex-start; gap:10px; padding:15px; }
  .account-tutorial-help p { font-size:11px; }
}
@media (prefers-reduced-motion:reduce) {
  .account-tutorials { animation:none; }
  .account-tutorials * { scroll-behavior:auto!important; transition:none!important; }
}