#wa-circular-flow{
  color-scheme:light;
  --paper:#FAF8F3;--paper2:#F5F2EA;--ink:#14151A;--green:#0E3B2B;--supply:#54907A;
  --sage:#8FAE9F;--stone:#E6E2D8;--stone2:#D7D0C2;--gold:#918766;--muted:#6F7A72;
  --real:#B8862F;--money:#0E6B58;--world:#5E7481;--bad:#8A4F43;--good:#2E684D;--warn:#8A681E;
  --line:rgba(111,122,114,.25);--line2:rgba(14,59,43,.18);--shadow:0 18px 52px rgba(20,21,26,.07);
  --focus:rgba(14,59,43,.22);
}
#wa-circular-flow *{box-sizing:border-box}
#wa-circular-flow{min-width:320px;scroll-behavior:smooth;background:var(--paper)}
#wa-circular-flow{margin:0;min-height:100vh;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
#wa-circular-flow button, #wa-circular-flow input, #wa-circular-flow select, #wa-circular-flow textarea{font:inherit}
#wa-circular-flow button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#wa-circular-flow h1, #wa-circular-flow h2, #wa-circular-flow h3, #wa-circular-flow h4{font-family:"Cormorant Garamond",Cormorant,Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.025em}
#wa-circular-flow p{margin:.45rem 0 0}
#wa-circular-flow .app{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:100vh}
#wa-circular-flow .sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:calc(24px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom));border-right:1px solid var(--line2);background:linear-gradient(180deg,rgba(230,226,216,.48),rgba(250,248,243,.94))}
#wa-circular-flow .brand{color:var(--green);font-size:.75rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
#wa-circular-flow .series{margin-top:5px;color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
#wa-circular-flow .sidebar h1{margin:8px 0 18px;font-size:1.76rem;line-height:1.06}
#wa-circular-flow .progress-shell{padding:13px;border:1px solid var(--line2);border-radius:13px;background:rgba(250,248,243,.76)}
#wa-circular-flow .progress-copy{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.72rem}
#wa-circular-flow .progress-copy strong{color:var(--green)}
#wa-circular-flow .progress-track{height:7px;margin-top:9px;border-radius:999px;background:var(--stone);overflow:hidden}
#wa-circular-flow .progress-fill{width:0;height:100%;background:var(--green);transition:width .2s ease}
#wa-circular-flow .nav-label{margin:18px 2px 8px;color:var(--muted);font-size:.68rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase}
#wa-circular-flow .tabs{display:grid;gap:7px}
#wa-circular-flow .tab{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center;width:100%;padding:9px 10px;border:1px solid rgba(97,90,68,.17);border-radius:10px;color:var(--muted);background:rgba(250,248,243,.74);cursor:pointer;text-align:left;font-size:.77rem;font-weight:650;line-height:1.25;transition:.15s ease}
#wa-circular-flow .tab:hover{border-color:rgba(14,59,43,.42);color:var(--ink);background:rgba(143,174,159,.11)}
#wa-circular-flow .tab.active{border-color:var(--green);color:var(--paper);background:var(--green)}
#wa-circular-flow .tab-number{display:grid;width:25px;height:25px;place-items:center;border:1px solid var(--line2);border-radius:50%;color:var(--green);background:var(--paper);font-size:.64rem;font-variant-numeric:tabular-nums}
#wa-circular-flow .side-footer{margin-top:17px;padding-top:14px;border-top:1px solid var(--line2);font-size:.67rem;color:var(--muted)}
#wa-circular-flow .side-footer strong{display:block;color:var(--green);letter-spacing:.08em;text-transform:uppercase}
#wa-circular-flow .main{min-width:0}
#wa-circular-flow .topbar{position:sticky;top:0;z-index:40;display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:14px;padding:10px 20px;border-bottom:1px solid var(--line2);background:rgba(250,248,243,.96);backdrop-filter:blur(12px)}
#wa-circular-flow .current-copy{min-width:0}
#wa-circular-flow .current-copy span{display:block;color:var(--green);font-size:.66rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
#wa-circular-flow .current-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.98rem}
#wa-circular-flow .top-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#wa-circular-flow .position{font-size:.72rem;color:var(--muted);white-space:nowrap}
#wa-circular-flow .top-btn, #wa-circular-flow .btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 11px;border:1px solid rgba(97,90,68,.34);border-radius:9px;color:var(--ink);background:var(--stone);cursor:pointer;font-size:.74rem;font-weight:750;transition:.14s ease}
#wa-circular-flow .top-btn:hover, #wa-circular-flow .btn:hover{border-color:var(--green);background:#DED9CD}
#wa-circular-flow .top-btn.primary, #wa-circular-flow .btn.primary{border-color:var(--green);color:var(--paper);background:var(--green)}
#wa-circular-flow .top-btn.primary:hover, #wa-circular-flow .btn.primary:hover{background:#0A3023}
#wa-circular-flow .btn.ghost{background:transparent}
#wa-circular-flow .btn.danger{color:var(--bad);border-color:rgba(138,79,67,.4);background:rgba(138,79,67,.06)}
#wa-circular-flow .btn:disabled, #wa-circular-flow .top-btn:disabled{opacity:.42;cursor:not-allowed}
#wa-circular-flow .tab:focus-visible, #wa-circular-flow .top-btn:focus-visible, #wa-circular-flow .btn:focus-visible, #wa-circular-flow .diagram-element:focus-visible, #wa-circular-flow summary:focus-visible, #wa-circular-flow input:focus-visible, #wa-circular-flow select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
#wa-circular-flow .page{display:none;min-height:calc(100vh - 66px)}
#wa-circular-flow .page.active{display:block}
#wa-circular-flow .page-inner{width:min(1200px,calc(100% - 36px));margin:0 auto;padding:42px 0 52px}
#wa-circular-flow .page-hero{padding:10px 0 25px;border-bottom:1px solid var(--line2);margin-bottom:24px}
#wa-circular-flow .eyebrow{color:var(--green);font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
#wa-circular-flow .page-hero h2{margin:8px 0 7px;font-size:clamp(2.1rem,4.4vw,4.15rem);line-height:1}
#wa-circular-flow .page-hero p{max-width:900px;color:var(--muted);font-size:1.02rem}
#wa-circular-flow .hero-actions, #wa-circular-flow .button-row, #wa-circular-flow .quiz-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:18px 0}
#wa-circular-flow .badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;color:var(--paper);background:var(--green);font-size:.62rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
#wa-circular-flow .badge.gold{color:#4E4734;background:rgba(145,135,102,.19)}
#wa-circular-flow .badge.sage{color:var(--green);background:rgba(143,174,159,.24)}
#wa-circular-flow .badge.real{color:#4E3512;background:rgba(184,134,47,.18)}
#wa-circular-flow .badge.money{color:#0A453A;background:rgba(14,107,88,.15)}
#wa-circular-flow .grid-2, #wa-circular-flow .grid-3, #wa-circular-flow .grid-4{display:grid;gap:14px;margin:18px 0}
#wa-circular-flow .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#wa-circular-flow .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#wa-circular-flow .grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#wa-circular-flow .card, #wa-circular-flow .lesson-card, #wa-circular-flow .interactive-card, #wa-circular-flow .quiz-card, #wa-circular-flow .source-note, #wa-circular-flow .faq-card{border:1px solid var(--line2);border-radius:16px;background:rgba(255,255,255,.58);box-shadow:0 8px 28px rgba(39,37,33,.035)}
#wa-circular-flow .card{padding:18px}
#wa-circular-flow .card h3, #wa-circular-flow .card h4{margin:7px 0 4px;font-size:1.32rem}
#wa-circular-flow .card p, #wa-circular-flow .card li{color:var(--muted);font-size:.88rem}
#wa-circular-flow .card ul{margin:.6rem 0 0;padding-left:1.2rem}
#wa-circular-flow .lesson-card, #wa-circular-flow .interactive-card, #wa-circular-flow .quiz-card{padding:22px;margin:18px 0}
#wa-circular-flow .section-heading{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:15px}
#wa-circular-flow .section-heading h3{margin:5px 0 0;font-size:1.72rem;line-height:1.08}
#wa-circular-flow .section-heading>p{max-width:500px;color:var(--muted);font-size:.86rem}
#wa-circular-flow .source-note{display:flex;gap:14px;align-items:flex-start;padding:15px 17px;margin:18px 0;background:rgba(143,174,159,.10)}
#wa-circular-flow .source-note strong{min-width:180px;color:var(--green)}
#wa-circular-flow .source-note span{color:var(--muted);font-size:.88rem}
#wa-circular-flow .source-note.warning{background:rgba(145,135,102,.10);border-color:rgba(145,135,102,.32)}
#wa-circular-flow .rule-strip{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px;margin:15px 0;border-radius:12px;color:var(--paper);background:var(--green)}
#wa-circular-flow .rule-strip span{font-size:.8rem}
#wa-circular-flow .rule-strip strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.28rem}
#wa-circular-flow .identity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
#wa-circular-flow .identity div{padding:14px;border:1px solid var(--line2);border-radius:12px;background:rgba(230,226,216,.28);text-align:center}
#wa-circular-flow .identity strong{display:block;color:var(--green);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.45rem}
#wa-circular-flow .identity span{display:block;margin-top:3px;color:var(--muted);font-size:.78rem}
#wa-circular-flow .diagram-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr);gap:16px;align-items:start}
#wa-circular-flow .diagram-shell{min-width:0;border:1px solid var(--line2);border-radius:16px;background:var(--paper);overflow:hidden}
#wa-circular-flow .diagram-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;border-bottom:1px solid var(--line2);background:rgba(230,226,216,.30)}
#wa-circular-flow .mobile-scroll-hint{display:none;padding:8px 12px;border-bottom:1px solid var(--line2);color:var(--muted);background:rgba(143,174,159,.08);font-size:.72rem;font-weight:700}
#wa-circular-flow .tool-group{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
#wa-circular-flow .tool-label{color:var(--muted);font-size:.69rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
#wa-circular-flow .toggle-btn{appearance:none;min-height:34px;padding:6px 9px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:rgba(250,248,243,.85);cursor:pointer;font-size:.72rem;font-weight:700}
#wa-circular-flow .toggle-btn[aria-pressed="true"]{border-color:var(--green);color:var(--paper);background:var(--green)}
#wa-circular-flow .diagram-scroll{overflow:auto;overscroll-behavior:contain}
#wa-circular-flow .diagram-scroll svg{display:block;width:100%;min-width:850px;height:auto}
#wa-circular-flow .node-shape{fill:rgba(143,174,159,.16);stroke:var(--green);stroke-width:2}
#wa-circular-flow .market-shape{fill:rgba(230,226,216,.72);stroke:var(--gold);stroke-width:2}
#wa-circular-flow .gov-shape{fill:rgba(145,135,102,.14);stroke:var(--gold);stroke-width:2}
#wa-circular-flow .world-shape{fill:rgba(94,116,129,.10);stroke:var(--world);stroke-width:2}
#wa-circular-flow .node-label{font-family:"Cormorant Garamond",Georgia,serif;font-size:25px;font-weight:700;fill:var(--ink);text-anchor:middle}
#wa-circular-flow .node-sub{font-family:Inter,Arial,sans-serif;font-size:13px;fill:var(--muted);text-anchor:middle}
#wa-circular-flow .flow-path{fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;transition:opacity .16s ease,stroke-width .16s ease,filter .16s ease}
#wa-circular-flow .flow-path.real{stroke:var(--real)}
#wa-circular-flow .flow-path.money{stroke:var(--money)}
#wa-circular-flow .flow-path.world{stroke:var(--world)}
#wa-circular-flow .flow-hit{fill:none;stroke:transparent;stroke-width:20;cursor:pointer}
#wa-circular-flow .flow-label{font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:700;fill:var(--ink);paint-order:stroke fill;stroke:var(--paper);stroke-width:5px;stroke-linejoin:round;pointer-events:none}
#wa-circular-flow .flow-world .flow-label{font-size:11px}
#wa-circular-flow .diagram-element{cursor:pointer}
#wa-circular-flow .diagram-element:hover .node-shape, #wa-circular-flow .diagram-element:hover .market-shape, #wa-circular-flow .diagram-element:hover .gov-shape, #wa-circular-flow .diagram-element:hover .world-shape, #wa-circular-flow .diagram-element.selected .node-shape, #wa-circular-flow .diagram-element.selected .market-shape, #wa-circular-flow .diagram-element.selected .gov-shape, #wa-circular-flow .diagram-element.selected .world-shape{stroke-width:4;filter:drop-shadow(0 5px 8px rgba(14,59,43,.15))}
#wa-circular-flow .diagram-element:hover .flow-path, #wa-circular-flow .diagram-element.selected .flow-path, #wa-circular-flow .diagram-element.trace-highlight .flow-path{stroke-width:9;filter:drop-shadow(0 4px 5px rgba(20,21,26,.14))}
#wa-circular-flow .diagram-element.trace-highlight .node-shape, #wa-circular-flow .diagram-element.trace-highlight .market-shape, #wa-circular-flow .diagram-element.trace-highlight .gov-shape, #wa-circular-flow .diagram-element.trace-highlight .world-shape{stroke-width:5;filter:drop-shadow(0 6px 8px rgba(14,59,43,.20))}
#wa-circular-flow .diagram-element.dim{opacity:.13}
#wa-circular-flow .layer-government, #wa-circular-flow .layer-world{display:none}
#wa-circular-flow .show-government .layer-government{display:block}
#wa-circular-flow .show-world .layer-world{display:block}
#wa-circular-flow .filter-money .flow-real{opacity:.12}
#wa-circular-flow .filter-real .flow-money{opacity:.12}
#wa-circular-flow .filter-money .flow-world, #wa-circular-flow .filter-real .flow-world{opacity:.12}
#wa-circular-flow .inspector{position:sticky;top:84px;border:1px solid var(--line2);border-radius:16px;background:rgba(255,255,255,.72);box-shadow:var(--shadow);overflow:hidden}
#wa-circular-flow .inspector-head{padding:16px 17px;color:var(--paper);background:var(--green)}
#wa-circular-flow .inspector-head span{display:block;font-size:.66rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;opacity:.8}
#wa-circular-flow .inspector-head h3{margin:4px 0 0;font-size:1.55rem}
#wa-circular-flow .inspector-body{padding:16px}
#wa-circular-flow .inspector-grid{display:grid;gap:11px}
#wa-circular-flow .inspector-item{padding-bottom:10px;border-bottom:1px solid var(--line2)}
#wa-circular-flow .inspector-item:last-child{padding-bottom:0;border-bottom:0}
#wa-circular-flow .inspector-item strong{display:block;color:var(--green);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
#wa-circular-flow .inspector-item span{display:block;margin-top:4px;color:var(--muted);font-size:.83rem;line-height:1.5}
#wa-circular-flow .inspector-placeholder{color:var(--muted);font-size:.88rem}
#wa-circular-flow .directory-controls{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}
#wa-circular-flow .directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#wa-circular-flow .directory-card{display:flex;flex-direction:column;align-items:flex-start;min-height:155px;padding:15px;border:1px solid var(--line2);border-radius:13px;color:var(--ink);background:rgba(255,255,255,.55);cursor:pointer;text-align:left}
#wa-circular-flow .directory-card:hover{border-color:var(--green);background:rgba(143,174,159,.10)}
#wa-circular-flow .directory-card strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.18rem}
#wa-circular-flow .directory-card span{margin-top:6px;color:var(--muted);font-size:.78rem;line-height:1.45}
#wa-circular-flow .directory-card em{margin-top:auto;padding-top:10px;color:var(--green);font-size:.67rem;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
#wa-circular-flow .role-table{overflow:auto;border:1px solid var(--line2);border-radius:14px}
#wa-circular-flow .role-table table{width:100%;min-width:720px;border-collapse:collapse;background:rgba(255,255,255,.48)}
#wa-circular-flow th, #wa-circular-flow td{padding:13px 14px;border-bottom:1px solid var(--line2);text-align:left;vertical-align:top}
#wa-circular-flow th{color:var(--green);font-size:.69rem;letter-spacing:.08em;text-transform:uppercase}
#wa-circular-flow td{color:var(--muted);font-size:.84rem}
#wa-circular-flow td:first-child{color:var(--ink);font-weight:750}
#wa-circular-flow tr:last-child td{border-bottom:0}
#wa-circular-flow .two-column-list{columns:2;column-gap:28px;margin:.7rem 0 0;padding-left:1.1rem}
#wa-circular-flow .two-column-list li{break-inside:avoid;margin:.32rem 0;color:var(--muted);font-size:.86rem}
#wa-circular-flow .contrast{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#wa-circular-flow .contrast>div{padding:15px;border-radius:12px;border:1px solid var(--line2)}
#wa-circular-flow .contrast .yes{background:rgba(46,104,77,.07)}
#wa-circular-flow .contrast .no{background:rgba(138,79,67,.06)}
#wa-circular-flow .contrast strong{display:block;margin-bottom:5px}
#wa-circular-flow .contrast span{color:var(--muted);font-size:.82rem}
#wa-circular-flow .classify-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#wa-circular-flow .classify-item{padding:15px;border:1px solid var(--line2);border-radius:13px;background:rgba(255,255,255,.55)}
#wa-circular-flow .classify-item p{min-height:50px;color:var(--ink);font-weight:650}
#wa-circular-flow .classify-item .choice-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
#wa-circular-flow .classify-feedback{min-height:34px;margin-top:9px;color:var(--muted);font-size:.8rem}
#wa-circular-flow .classify-feedback.correct{color:var(--good)}
#wa-circular-flow .classify-feedback.incorrect{color:var(--bad)}
#wa-circular-flow .flow-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:13px;border:1px solid var(--line2);border-radius:12px;background:rgba(255,255,255,.48)}
#wa-circular-flow .flow-pair .sidebox{padding:10px;border-radius:9px;background:rgba(230,226,216,.34)}
#wa-circular-flow .flow-pair .sidebox strong, #wa-circular-flow .flow-pair .sidebox span{display:block}
#wa-circular-flow .flow-pair .sidebox span{margin-top:3px;color:var(--muted);font-size:.78rem}
#wa-circular-flow .flow-pair .arrow{font-size:1.4rem;color:var(--green);font-weight:900}
#wa-circular-flow .flow-pairs{display:grid;gap:9px}
#wa-circular-flow .calc-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:16px}
#wa-circular-flow .input-panel, #wa-circular-flow .output-panel{padding:18px;border:1px solid var(--line2);border-radius:15px;background:rgba(255,255,255,.52)}
#wa-circular-flow .field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#wa-circular-flow .field{display:grid;gap:5px}
#wa-circular-flow .field label{color:var(--muted);font-size:.74rem;font-weight:750}
#wa-circular-flow .field input{width:100%;min-height:42px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--paper)}
#wa-circular-flow .equation-board{display:grid;gap:10px}
#wa-circular-flow .equation{padding:13px;border-left:4px solid var(--green);border-radius:0 10px 10px 0;background:rgba(143,174,159,.10)}
#wa-circular-flow .equation strong{display:block;color:var(--green);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.18rem}
#wa-circular-flow .equation span{display:block;margin-top:3px;color:var(--muted);font-size:.8rem}
#wa-circular-flow .balance-status{margin-top:12px;padding:12px;border-radius:10px;font-size:.84rem;font-weight:700}
#wa-circular-flow .balance-status.good{color:var(--good);background:rgba(46,104,77,.09)}
#wa-circular-flow .balance-status.warn{color:var(--warn);background:rgba(138,104,30,.09)}
#wa-circular-flow .trace-layout{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:16px}
#wa-circular-flow .trace-controls{padding:18px;border:1px solid var(--line2);border-radius:15px;background:rgba(255,255,255,.55)}
#wa-circular-flow .trace-controls label{display:block;margin-bottom:6px;color:var(--muted);font-size:.74rem;font-weight:750}
#wa-circular-flow .trace-controls select{width:100%;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--paper)}
#wa-circular-flow .trace-steps{display:grid;gap:9px}
#wa-circular-flow .trace-step{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:13px;border:1px solid var(--line2);border-radius:12px;background:rgba(255,255,255,.48);opacity:.34}
#wa-circular-flow .trace-step.visible{opacity:1}
#wa-circular-flow .trace-step .num{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:var(--paper);background:var(--green);font-size:.72rem;font-weight:800}
#wa-circular-flow .trace-step strong, #wa-circular-flow .trace-step span{display:block}
#wa-circular-flow .trace-step span{margin-top:3px;color:var(--muted);font-size:.8rem}
#wa-circular-flow .trace-summary{margin-top:13px;padding:13px;border-radius:11px;background:rgba(230,226,216,.35);color:var(--muted);font-size:.82rem}
#wa-circular-flow .quiz-block{margin:16px 0;padding:18px;border:1px solid var(--line2);border-radius:15px;background:rgba(255,255,255,.56)}
#wa-circular-flow .question-label{color:var(--gold);font-size:.66rem;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
#wa-circular-flow .question-text{margin:7px 0 12px;color:var(--ink);font-weight:700;line-height:1.5}
#wa-circular-flow .roman-block{margin:8px 0 12px;padding:12px;border-left:3px solid var(--sage);background:rgba(143,174,159,.08);white-space:pre-line;color:var(--muted);font-size:.86rem}
#wa-circular-flow .options{display:grid;gap:7px}
#wa-circular-flow .option{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid var(--line2);border-radius:10px;background:rgba(250,248,243,.8);cursor:pointer}
#wa-circular-flow .option:hover{border-color:var(--green)}
#wa-circular-flow .option input{margin-top:3px;accent-color:var(--green)}
#wa-circular-flow .option span{color:var(--muted);font-size:.84rem}
#wa-circular-flow .quiz-feedback{display:none;margin-top:12px;padding:13px;border-radius:11px;background:rgba(143,174,159,.10)}
#wa-circular-flow .quiz-feedback.visible{display:block}
#wa-circular-flow .quiz-feedback.correct{border-left:4px solid var(--good)}
#wa-circular-flow .quiz-feedback.incorrect{border-left:4px solid var(--bad)}
#wa-circular-flow .quiz-feedback>strong{display:block;color:var(--ink)}
#wa-circular-flow .selected-rationale{margin-top:5px;color:var(--muted);font-size:.83rem}
#wa-circular-flow .all-rationales{margin-top:11px}
#wa-circular-flow .all-rationales summary{cursor:pointer;color:var(--green);font-size:.8rem;font-weight:800}
#wa-circular-flow .rationale-list{display:grid;gap:7px;margin-top:9px}
#wa-circular-flow .rationale{padding:9px 10px;border:1px solid var(--line2);border-radius:9px;background:rgba(255,255,255,.6)}
#wa-circular-flow .rationale strong{display:block;font-size:.78rem}
#wa-circular-flow .rationale span{display:block;margin-top:3px;color:var(--muted);font-size:.78rem}
#wa-circular-flow .rationale.correct{border-color:rgba(46,104,77,.35);background:rgba(46,104,77,.06)}
#wa-circular-flow .faq-list{display:grid;gap:9px}
#wa-circular-flow .faq-card{overflow:hidden}
#wa-circular-flow .faq-card summary{cursor:pointer;padding:14px 16px;color:var(--ink);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.13rem;font-weight:650}
#wa-circular-flow .faq-card[open] summary{color:var(--green);background:rgba(143,174,159,.10)}
#wa-circular-flow .faq-answer{padding:0 16px 15px;color:var(--muted);font-size:.86rem}
#wa-circular-flow .glossary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#wa-circular-flow .term{padding:14px;border:1px solid var(--line2);border-radius:12px;background:rgba(255,255,255,.5)}
#wa-circular-flow .term strong{display:block;color:var(--green)}
#wa-circular-flow .term span{display:block;margin-top:4px;color:var(--muted);font-size:.79rem}
#wa-circular-flow .mastery-strip{padding:18px;border:1px solid rgba(145,135,102,.38);border-radius:14px;color:#5E573F;background:rgba(145,135,102,.09);font-weight:700;text-align:center}
#wa-circular-flow .footer{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:24px;padding:17px 3px 0;border-top:1px solid var(--line2);color:var(--muted);font-size:.72rem}
#wa-circular-flow .footer strong{color:var(--green);font-size:.76rem;letter-spacing:.09em;text-transform:uppercase}
@media (max-width:1550px){#wa-circular-flow .diagram-layout{grid-template-columns:1fr}
#wa-circular-flow .inspector{position:relative;top:auto}}
@media (max-width:1050px){#wa-circular-flow .app{grid-template-columns:290px minmax(0,1fr)}
#wa-circular-flow .directory{grid-template-columns:repeat(2,minmax(0,1fr))}
#wa-circular-flow .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:800px){#wa-circular-flow .mobile-scroll-hint{display:block}
#wa-circular-flow .app{display:block}
#wa-circular-flow .sidebar{position:relative;height:auto;padding:16px 14px;border-right:0;border-bottom:1px solid var(--line2)}
#wa-circular-flow .sidebar h1{font-size:1.45rem;margin-bottom:13px}
#wa-circular-flow .progress-shell, #wa-circular-flow .nav-label, #wa-circular-flow .side-footer{display:none}
#wa-circular-flow .tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scroll-snap-type:x proximity}
#wa-circular-flow .tab{flex:0 0 min(250px,82vw);scroll-snap-align:start}
#wa-circular-flow .topbar{position:relative;align-items:flex-start;flex-wrap:wrap;padding:9px 12px}
#wa-circular-flow .current-copy{flex:1 1 100%}
#wa-circular-flow .top-tools{width:100%;justify-content:flex-start}
#wa-circular-flow .position{display:none}
#wa-circular-flow .page-inner{width:min(100% - 22px,1200px);padding:28px 0 38px}
#wa-circular-flow .grid-3, #wa-circular-flow .grid-4, #wa-circular-flow .identity, #wa-circular-flow .glossary{grid-template-columns:repeat(2,minmax(0,1fr))}
#wa-circular-flow .calc-grid, #wa-circular-flow .trace-layout{grid-template-columns:1fr}
#wa-circular-flow .field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#wa-circular-flow .section-heading{display:block}
#wa-circular-flow .section-heading>p{margin-top:8px}
#wa-circular-flow .two-column-list{columns:1}}
@media (max-width:560px){#wa-circular-flow .grid-2, #wa-circular-flow .grid-3, #wa-circular-flow .grid-4, #wa-circular-flow .identity, #wa-circular-flow .directory, #wa-circular-flow .glossary, #wa-circular-flow .classify-grid, #wa-circular-flow .contrast{grid-template-columns:1fr}
#wa-circular-flow .field-grid{grid-template-columns:1fr}
#wa-circular-flow .top-btn.prevnext{width:42px;padding:0}
#wa-circular-flow .top-btn.prevnext span{display:none}
#wa-circular-flow .source-note{display:block}
#wa-circular-flow .source-note strong{display:block;margin-bottom:5px}
#wa-circular-flow .rule-strip{display:block}
#wa-circular-flow .rule-strip strong{display:block;margin-top:5px}
#wa-circular-flow .footer{display:block}
#wa-circular-flow .footer span{display:block;margin-top:6px}
#wa-circular-flow .flow-pair{grid-template-columns:1fr}
#wa-circular-flow .flow-pair .arrow{transform:rotate(90deg);text-align:center}}
@media print{#wa-circular-flow .sidebar, #wa-circular-flow .topbar, #wa-circular-flow .diagram-toolbar, #wa-circular-flow .button-row, #wa-circular-flow .hero-actions, #wa-circular-flow .quiz-actions{display:none!important}
#wa-circular-flow .app{display:block}
#wa-circular-flow .page{display:block!important;break-before:page}
#wa-circular-flow .page-inner{width:100%;padding:20px}
#wa-circular-flow .inspector{position:static;box-shadow:none}
#wa-circular-flow .diagram-scroll{overflow:visible}
#wa-circular-flow .diagram-scroll svg{min-width:0}
#wa-circular-flow .faq-card{break-inside:avoid}
#wa-circular-flow .faq-card[open] .faq-answer{display:block}}
@media (prefers-reduced-motion:reduce){#wa-circular-flow *, #wa-circular-flow *::before, #wa-circular-flow *::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
body.glossary-modal-open{overflow:hidden;}