.page-guide .guide-hero h1,.page-guide .guide-section h2,.page-guide .guide-section h3{font-family:'Bricolage Grotesque',sans-serif}.page-guide .nav-actions .nav-guide.is-active{background:var(--primary-tint);color:var(--primary)}.page-guide .nav-actions .nav-guide.is-active:hover{background:var(--primary-tint-2)}.page-guide .guide-hero{padding:clamp(48px,8vw,88px) 0 clamp(36px,5vw,56px);position:relative;overflow:hidden}.page-guide .guide-hero::before{content:"";position:absolute;inset:-10% 30% auto -10%;height:420px;background:radial-gradient(ellipse at 30% 40%,var(--primary-tint) 0%,transparent 60%);pointer-events:none;z-index:0}.page-guide .guide-hero-inner{position:relative;z-index:1;max-width:760px}.page-guide .guide-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--surface);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;font-size:13px;font-weight:500;margin-bottom:18px;box-shadow:var(--shadow-sm)}.page-guide .guide-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--income)}.page-guide .guide-hero h1{font-size:clamp(36px,5.5vw,56px);line-height:1.05;font-weight:800;letter-spacing:-0.035em;margin-bottom:18px}.page-guide .guide-hero-sub{font-size:clamp(16px,1.6vw,19px);line-height:1.55;color:var(--text-muted);max-width:620px}.page-guide .guide-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(28px,4vw,56px);padding-bottom:96px}@media (max-width:920px){.page-guide .guide-grid{grid-template-columns:1fr}}.page-guide .toc-wrap{position:sticky;top:84px;align-self:start}@media (max-width:920px){.page-guide .toc-wrap{position:static}.page-guide .toc{display:none}}.page-guide .toc{padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.page-guide .toc-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--primary);margin-bottom:12px}.page-guide .toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.page-guide .toc a{display:block;padding:8px 10px;border-radius:6px;font-size:14px;color:var(--text-muted);font-weight:500;transition:background 0.15s ease,color 0.15s ease}.page-guide .toc a:hover{background:var(--primary-tint);color:var(--primary)}.page-guide .toc a.is-active{background:var(--primary-tint);color:var(--primary);font-weight:600}.page-guide .toc ul ul{padding-left:14px;margin-top:2px}.page-guide .toc ul ul a{font-size:13px;padding:6px 10px}.page-guide .guide-article{min-width:0}.page-guide .guide-section{padding:24px 0 8px;scroll-margin-top:88px}.page-guide .guide-section + .guide-section{border-top:1px solid var(--border);margin-top:48px;padding-top:56px}.page-guide .guide-eyebrow{font-size:12px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:10px;display:inline-block}.page-guide .guide-section h2{font-size:clamp(26px,3.2vw,36px);font-weight:700;letter-spacing:-0.025em;line-height:1.15;margin-bottom:14px}.page-guide .guide-section h3{font-size:21px;font-weight:700;letter-spacing:-0.015em;margin:36px 0 12px;scroll-margin-top:88px}.page-guide .guide-section h3:first-of-type{margin-top:24px}.page-guide .guide-section h4{font-size:17px;font-weight:700;letter-spacing:-0.01em;margin:24px 0 10px}.page-guide .guide-section p{color:var(--text-muted);font-size:16px;line-height:1.65;margin:0 0 14px}.page-guide .guide-section p strong{color:var(--text);font-weight:600}.page-guide .guide-lede{font-size:17px!important;color:var(--text-muted);margin-bottom:24px!important;max-width:660px}.page-guide .values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0 8px}@media (max-width:600px){.page-guide .values-grid{grid-template-columns:1fr}}.page-guide .value-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}.page-guide .value-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.page-guide .value-icon{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:18px}.page-guide .value-icon.blue{background:var(--primary-tint);color:var(--primary)}.page-guide .value-icon.green{background:var(--income-tint);color:var(--income)}.page-guide .value-icon.purple{background:var(--savings-tint);color:var(--savings)}.page-guide .value-icon.orange{background:var(--warning-tint);color:var(--warning)}.page-guide .value-card h4{font-size:16px;font-weight:700;margin:0 0 6px}.page-guide .value-card p{font-size:14px;color:var(--text-muted);line-height:1.55;margin:0}.page-guide .guide-steps{list-style:none;display:flex;flex-direction:column;gap:14px;margin:20px 0 16px;padding:0;counter-reset:step}.page-guide .guide-steps>li{position:relative;padding:18px 18px 18px 64px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);counter-increment:step;transition:border-color 0.15s ease}.page-guide .guide-steps>li:hover{border-color:var(--border-strong)}.page-guide .guide-steps>li::before{content:counter(step);position:absolute;top:18px;left:18px;width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(46,125,50,0.28)}.page-guide .guide-steps>li .step-title{font-size:15.5px;font-weight:700;color:var(--text);margin-bottom:4px;display:block}.page-guide .guide-steps>li .step-body{font-size:14.5px;color:var(--text-muted);line-height:1.55}.page-guide .guide-steps>li .step-body strong{color:var(--text);font-weight:600}.page-guide .tabs-preview{display:inline-flex;gap:4px;padding:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;margin:8px 0 20px;flex-wrap:wrap}.page-guide .tabs-preview .tab{padding:7px 14px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-muted)}.page-guide .tabs-preview .tab.active{background:var(--primary-tint);color:var(--primary);font-weight:600}.page-guide .callout{display:flex;gap:12px;padding:14px 16px;border-radius:var(--radius-md);margin:16px 0;font-size:14.5px;line-height:1.55;border:1px solid}.page-guide .callout .ico{flex-shrink:0;font-size:18px;line-height:1.4}.page-guide .callout strong{font-weight:700}.page-guide .callout.tip{background:var(--primary-tint);color:var(--text);border-color:var(--primary)}.page-guide .callout.tip .ico{color:var(--primary)}.page-guide .callout.success{background:var(--income-tint);color:var(--text);border-color:var(--income)}.page-guide .callout.success .ico{color:var(--income)}.page-guide .callout.warn{background:var(--warning-tint);color:var(--text);border-color:var(--warning)}.page-guide .callout.warn .ico{color:var(--warning)}.page-guide .callout.danger{background:var(--expense-tint);color:var(--text);border-color:var(--expense)}.page-guide .callout.danger .ico{color:var(--expense)}.page-guide .mock{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin:16px 0 22px;box-shadow:var(--shadow-sm)}.page-guide .mock-title{font-size:12px;font-weight:600;color:var(--text-subtle);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px}.page-guide .mock-budgets{display:flex;flex-direction:column;gap:16px}.page-guide .mock-budget{display:grid;gap:6px}.page-guide .mock-budget-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-guide .mock-budget-name{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--text)}.page-guide .mock-budget-name .ico{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.page-guide .mock-budget-amt{font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}.page-guide .mock-budget-amt strong{color:var(--text);font-weight:600}.page-guide .mock-bar{height:8px;background:var(--border);border-radius:999px;overflow:hidden}.page-guide .mock-bar>i{display:block;height:100%;border-radius:999px}.page-guide .mock-bar.safe>i{background:var(--income)}.page-guide .mock-bar.warn>i{background:var(--warning)}.page-guide .mock-bar.over>i{background:var(--expense)}.page-guide .tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.page-guide .tag.safe{background:var(--income-tint);color:var(--income)}.page-guide .tag.warn{background:var(--warning-tint);color:var(--warning)}.page-guide .tag.over{background:var(--expense-tint);color:var(--expense)}.page-guide .mock-txns{display:flex;flex-direction:column}.page-guide .mock-txn{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.page-guide .mock-txn:last-child{border-bottom:none}.page-guide .mock-txn-icon{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.page-guide .mock-txn-icon.food{background:var(--expense-tint);color:var(--expense)}.page-guide .mock-txn-icon.income{background:var(--income-tint);color:var(--income)}.page-guide .mock-txn-icon.transport{background:var(--savings-tint);color:var(--savings)}.page-guide .mock-txn-icon.bills{background:var(--primary-tint);color:var(--primary)}.page-guide .mock-txn-icon.fun{background:var(--warning-tint);color:var(--warning)}.page-guide .mock-txn-meta{min-width:0}.page-guide .mock-txn-name{font-size:14px;font-weight:600;color:var(--text);line-height:1.3}.page-guide .mock-txn-cat{font-size:12px;color:var(--text-muted);line-height:1.3}.page-guide .mock-txn-amt{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.page-guide .mock-txn-amt.pos{color:var(--income)}.page-guide .mock-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:600px){.page-guide .mock-metrics{grid-template-columns:1fr 1fr}.page-guide .mock-metrics>:last-child{grid-column:span 2}}.page-guide .mock-metric{padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.page-guide .mock-metric-label{font-size:11px;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:6px;margin-bottom:6px}.page-guide .mock-metric-label .pip{width:7px;height:7px;border-radius:50%}.page-guide .mock-metric-value{font-size:20px;font-weight:700;letter-spacing:-0.02em;color:var(--text);font-variant-numeric:tabular-nums}.page-guide .mock-metric-delta{font-size:11px;font-weight:500;margin-top:4px}.page-guide .metric-explainer{list-style:none;display:flex;flex-direction:column;gap:10px;margin:8px 0 18px;padding:0}.page-guide .metric-explainer li{padding:12px 14px;border-radius:var(--radius-md);border:1px solid;font-size:15px;color:var(--text)}.page-guide .metric-explainer li.income{background:var(--income-tint);border-color:var(--income)}.page-guide .metric-explainer li.income strong{color:var(--income)}.page-guide .metric-explainer li.expense{background:var(--expense-tint);border-color:var(--expense)}.page-guide .metric-explainer li.expense strong{color:var(--expense)}.page-guide .metric-explainer li.savings{background:var(--savings-tint);border-color:var(--savings)}.page-guide .metric-explainer li.savings strong{color:var(--savings)}.page-guide .guide-section p strong.up{color:var(--income)}.page-guide .guide-section p strong.down{color:var(--expense)}.page-guide .legend-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 4px}@media (max-width:600px){.page-guide .legend-blocks{grid-template-columns:1fr}}.page-guide .legend-block{padding:14px;border-radius:var(--radius-md);border:1px solid}.page-guide .legend-block.safe{background:var(--income-tint);border-color:var(--income)}.page-guide .legend-block.warn{background:var(--warning-tint);border-color:var(--warning)}.page-guide .legend-block.over{background:var(--expense-tint);border-color:var(--expense)}.page-guide .legend-block .label{font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:6px}.page-guide .legend-block.safe .label{color:var(--income)}.page-guide .legend-block.warn .label{color:var(--warning)}.page-guide .legend-block.over .label{color:var(--expense)}.page-guide .legend-block .label .swatch{width:12px;height:12px;border-radius:3px}.page-guide .legend-block.safe .swatch{background:var(--income)}.page-guide .legend-block.warn .swatch{background:var(--warning)}.page-guide .legend-block.over .swatch{background:var(--expense)}.page-guide .legend-block .desc{font-size:13px;color:var(--text);line-height:1.5}.page-guide .tips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:16px 0}@media (max-width:600px){.page-guide .tips-grid{grid-template-columns:1fr}}.page-guide .tip-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px;display:flex;gap:14px}.page-guide .tip-card .icon-wrap{flex-shrink:0;width:36px;height:36px;border-radius:8px;background:var(--primary-tint);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.page-guide .tip-card .icon-wrap.green{background:var(--income-tint);color:var(--income)}.page-guide .tip-card .icon-wrap.purple{background:var(--savings-tint);color:var(--savings)}.page-guide .tip-card .icon-wrap.orange{background:var(--warning-tint);color:var(--warning)}.page-guide .tip-card h4{font-size:15px;margin:0 0 4px}.page-guide .tip-card p{font-size:14px;color:var(--text-muted);line-height:1.55;margin:0}.page-guide .mistakes{display:flex;flex-direction:column;gap:10px;margin:16px 0}.page-guide .mistake{display:flex;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--expense);border-radius:var(--radius-md);font-size:14.5px}.page-guide .mistake .label{font-weight:700;color:var(--expense);flex-shrink:0}.page-guide .mistake .text{color:var(--text);line-height:1.5}.page-guide .mistake .text strong{font-weight:600}.page-guide .bullet-list{list-style:disc;padding-left:22px;color:var(--text-muted);font-size:15.5px;line-height:1.7;margin:0 0 14px}.page-guide .bullet-list li strong{color:var(--text)}.page-guide .numbered-list{padding-left:22px;color:var(--text-muted);font-size:15.5px;line-height:1.7;margin:0 0 8px}.page-guide .numbered-list li strong{color:var(--text)}.page-guide .kbd{display:inline-block;padding:2px 8px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);font-size:12.5px;font-weight:600;color:var(--text);font-family:sans-serif;line-height:1.4;vertical-align:1px}