:root{--page-max:1120px;color-scheme:light}html[data-color-mode=dark]{color-scheme:dark}body{background:var(--ds-surface,#fff);color:var(--ds-text,#172b4d)}.page{max-width:var(--page-max);margin:0 auto;padding:24px 24px 64px}.nav{border-bottom:1px solid var(--ds-border,#dfe1e6);background:var(--ds-surface,#fff)}.nav-inner{max-width:var(--page-max);margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:24px}.nav-brand{font-weight:700;font-size:16px;color:var(--ds-text,#172b4d);text-decoration:none}.nav a.nav-link{color:var(--ds-text-subtle,#44546f);text-decoration:none;font-weight:500;padding:6px 8px;border-radius:3px}.nav a.nav-link:hover,.nav a.nav-link[aria-current=page]{background:var(--ds-background-neutral-subtle-hovered,#f4f5f7);color:var(--ds-text,#172b4d)}select{background:var(--ds-background-input,#fff);color:var(--ds-text,#172b4d);border:1px solid var(--ds-border-input,#8590a2);border-radius:3px;padding:4px 6px;font:inherit;font-size:14px}.mode-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:3px;border:1px solid var(--ds-border,#dfe1e6);background:var(--ds-background-neutral-subtle,transparent);color:var(--ds-text-subtle,#44546f);font:inherit;font-size:13px;font-weight:500;cursor:pointer}.mode-toggle:hover{background:var(--ds-background-neutral-subtle-hovered,#f4f5f7);color:var(--ds-text,#172b4d)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:16px;gap:16px}.card{border:1px solid var(--ds-border,#dfe1e6);border-radius:8px;padding:16px;background:var(--ds-surface-raised,#fff);box-shadow:var(--ds-shadow-raised,0 1px 1px rgba(9,30,66,.25));display:flex;flex-direction:column;gap:10px}.card h3{margin:0;font-size:16px}.card p{margin:0;color:var(--ds-text-subtle,#44546f);font-size:14px;line-height:20px}.prose p{margin:0 0 12px;line-height:22px}.prose ul{margin:0 0 12px;padding-left:22px}.prose li{line-height:22px}.prose strong{font-weight:600}.tradeoff{border:1px solid var(--ds-border,#dfe1e6);border-radius:8px;padding:16px;margin-bottom:16px}.tradeoff-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:12px;gap:12px;margin-top:12px}.option{border:1px solid var(--ds-border,#dfe1e6);border-radius:6px;padding:12px;background:var(--ds-surface-sunken,#f7f8f9)}.option h4{margin:0 0 8px;font-size:14px}.option ul{margin:0 0 8px;padding-left:18px;font-size:13px}.option .pro li::marker{color:var(--ds-icon-success,#22a06b)}.option .con li::marker{color:var(--ds-icon-danger,#e34935)}.option .pick{font-size:13px;color:var(--ds-text-subtle,#44546f)}.diagram{height:520px;border:1px solid var(--ds-border,#dfe1e6);border-radius:8px;overflow:hidden;background:var(--ds-surface,#fff)}.diagram .react-flow__controls{box-shadow:var(--ds-shadow-raised,0 1px 1px rgba(9,30,66,.25))}.diagram .react-flow__controls-button{background:var(--ds-surface-raised,#fff);border-bottom:1px solid var(--ds-border,#dfe1e6);color:var(--ds-text,#172b4d);fill:var(--ds-text,#172b4d)}.diagram .react-flow__controls-button:hover{background:var(--ds-background-neutral-subtle-hovered,#f4f5f7)}.rf-node{padding:8px 12px;border-radius:6px;border:1px solid var(--ds-border-bold,#758195);background:var(--ds-surface-raised,#fff);color:var(--ds-text,#172b4d);font-size:12px;font-weight:500;min-width:120px;text-align:center}.rf-node.client{background:var(--ds-background-neutral,#f1f2f4)}.rf-node.service{background:var(--ds-background-information,#e9f2ff);border-color:var(--ds-border-information,#1d7afc)}.rf-node.store{background:var(--ds-background-success,#dcfff1);border-color:var(--ds-border-success,#22a06b)}.rf-node.cache{background:var(--ds-background-warning,#fff7d6);border-color:var(--ds-border-warning,#e2b203)}.rf-node.queue{background:var(--ds-background-discovery,#f3f0ff);border-color:var(--ds-border-discovery,#6e5dc6)}.rf-node.external{background:var(--ds-background-danger,#ffeceb);border-color:var(--ds-border-danger,#e34935)}.rf-node.entity{background:var(--ds-surface-raised,#fff);border-color:var(--ds-border-success,#22a06b);border-width:2px;text-align:left}.rf-node.note{background:var(--ds-background-neutral-subtle,#fafbfc);border-style:dashed;max-width:220px}.rf-node-detail,.rf-node.note{font-weight:400;color:var(--ds-text-subtle,#44546f)}.rf-node-detail{margin-top:4px;font-size:10.5px;line-height:1.35;white-space:pre-line}.rf-handle{width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;background:transparent!important;border:none!important;opacity:0}.diagram-block{margin-bottom:28px}.diagram-block .diagram-caption{font-size:14px;color:var(--ds-text-subtle,#44546f);margin:8px 0 0;max-width:860px}.practice-layout{display:grid;grid-template-columns:1fr 320px;grid-gap:24px;gap:24px}@media (max-width:880px){.practice-layout{grid-template-columns:1fr}}.stage-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.stage-list li{padding:8px 10px;border-radius:6px;font-size:14px;display:flex;justify-content:space-between;gap:8px}.stage-list li.active{background:var(--ds-background-selected,#e9f2ff);font-weight:600}.stage-list li.done{color:var(--ds-text-subtle,#44546f)}.timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.timer.over{color:var(--ds-text-danger,#ae2a19)}.calc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.result-table{width:100%;border-collapse:collapse;margin-top:16px}.result-table td,.result-table th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--ds-border,#dfe1e6);font-size:14px}.result-table td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.score-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.followups{padding-left:20px}.followups li{margin-bottom:6px;line-height:20px}