.bor{--accent:var(--civics-accent);--accent-hover:var(--civics-accent-hover);--accent-soft:var(--civics-accent-soft);--accent-line:var(--civics-accent-line);max-width:900px;line-height:1.6}.bor,.bor .tc-panel{font-size:var(--t-lede)}.bor button{font:inherit;cursor:pointer}.bor input[type=text]{width:100%}.bor-hero{position:relative}.bor-hero h1{font-size:var(--t-display);margin:0 0 10px;font-weight:700}.bor-hero .sub{max-width:680px;color:var(--ink-2);margin:6px 0}.bor .goal{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-md);max-width:700px;margin-top:16px;padding:12px 14px;position:relative}.bor .goal b{color:var(--accent)}.bor .pillars{width:260px;color:var(--ink);opacity:.06;pointer-events:none;position:absolute;bottom:-6px;right:-10px}.bor .progress{flex-wrap:wrap;justify-content:space-between}.bor .seg{background:var(--surface);border:1px solid var(--rule);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.bor .seg button{color:var(--ink-2);font-family:var(--font-sans);font-size:var(--t-ui);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-weight:600}.bor .seg button[aria-pressed=true]{background:var(--accent);color:var(--on-solid)}.bor .prog{font-family:var(--font-sans);font-size:var(--t-ui);color:var(--ink-2);align-items:center;gap:8px;font-weight:600;display:flex}.bor .progress .bar{flex:0 0 120px}.bor .row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bor .lead{color:var(--ink-2);margin:6px 0 0}.bor .lead.small{font-size:var(--t-ui);margin-top:10px}.bor .who h3{font-size:var(--t-h3);margin-top:16px}.bor ol.route{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.bor ol.route a{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:var(--t-ui);justify-content:space-between;gap:8px;padding:9px 12px;text-decoration:none;display:flex}.bor ol.route a:hover{border-color:var(--accent)}.bor ol.route a span{font-family:var(--font-mono);font-size:var(--t-code);color:var(--ink-2);white-space:nowrap}.bor ol.route a.done{border-color:var(--cool);background:var(--cool-soft)}.bor .station{scroll-margin-top:calc(var(--tc-header-h) + 64px);margin:34px 0}.bor .station>.tc-panel{margin-top:14px}.bor .st-head{align-items:flex-start;gap:14px;margin-bottom:6px;display:flex}.bor .st-num{border-radius:var(--r-md);background:var(--accent);width:44px;height:44px;color:var(--on-solid);font-family:var(--font-sans);font-size:var(--t-h3);flex:none;place-items:center;font-weight:700;display:grid}.bor .st-num.done{background:var(--cool)}.bor .st-head h2{font-size:var(--t-h2)}.bor .time{border-radius:var(--r-sm);font-family:var(--font-mono);font-size:var(--t-meta);letter-spacing:.05em;text-transform:uppercase;color:var(--prep);background:var(--prep-soft);margin-top:6px;padding:5px 8px;font-weight:700;line-height:1;display:inline-block}.bor .score{font-family:var(--font-sans);color:var(--accent);font-weight:700}.bor p.score{margin:12px 0}.bor .intro{margin:0 0 12px}.bor .groupt{font-family:var(--font-sans);font-size:var(--t-h3);color:var(--accent);margin:22px 0 4px;font-weight:700}.bor .groupt small{font-family:var(--font-serif);font-size:var(--t-ui);color:var(--ink-2);font-weight:400;display:block}.bor .grid3{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:10px;display:grid}.bor .flip{perspective:900px;text-align:center;min-height:210px;color:var(--ink);background:0 0;border:0;padding:0}.bor .flip .in{width:100%;height:100%;min-height:210px;transform-style:preserve-3d;transition:transform .5s;position:relative}.bor .flip[aria-pressed=true] .in{transform:rotateY(180deg)}.bor .flip .f,.bor .flip .b{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--r-md);border:1px solid var(--rule);flex-direction:column;justify-content:center;align-items:center;padding:14px;display:flex;position:absolute;inset:0}.bor .flip .f{background:var(--surface)}.bor .flip .f img{width:88px;height:88px}.bor .flip .f b{font-family:var(--font-sans);font-size:var(--t-h3);color:var(--accent);margin-top:6px;font-weight:700;line-height:1.25}.bor .flip .f small{font-family:var(--font-sans);font-size:var(--t-code);color:var(--ink-2)}.bor .flip .b{background:var(--accent-soft);font-size:var(--t-body);transform:rotateY(180deg)}.bor .flip .b b{font-family:var(--font-sans);font-size:var(--t-body);color:var(--accent);margin-bottom:4px;font-weight:700}.bor .flip.seen .f{border-color:var(--cool)}@media (prefers-reduced-motion:reduce){.bor .flip .in{transition:none}}.bor .rounds{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.bor .rnd{border:1px solid var(--rule);background:var(--surface);color:var(--ink-2);font-family:var(--font-sans);font-size:var(--t-ui);border-radius:999px;padding:6px 12px;font-weight:600}.bor .rnd[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-solid)}.bor .rnd.done{border-color:var(--cool);color:var(--cool)}.bor .rnd.done[aria-pressed=true]{background:var(--cool);color:var(--on-solid)}.bor .mcols{grid-template-columns:1fr 1.35fr;gap:12px;display:grid}.bor .mi{text-align:left;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-md);width:100%;min-height:62px;color:var(--ink);font-size:var(--t-body);align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:flex}.bor .mi img{flex:none;width:44px;height:44px}.bor .mi b{font-family:var(--font-sans);font-weight:600}.bor .mi.sel{border-color:var(--accent);background:var(--accent-soft)}.bor .mi.done{border-color:var(--cool);background:var(--cool-soft);cursor:default}.bor .mi.shake{border-color:var(--lesson);animation:.4s bor-shake}@keyframes bor-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.bor .fb{border-radius:var(--r-sm);font-size:var(--t-body);margin-top:10px;padding:8px 12px;display:none}.bor .fb.show{display:block}.bor .fb b{font-family:var(--font-sans)}.bor .fb.ok{background:var(--cool-soft)}.bor .fb.no{background:color-mix(in srgb, var(--lesson) 14%, var(--surface))}.bor .fb.info{background:var(--accent-soft)}.bor .items{gap:10px;margin-top:12px;display:grid}.bor .item{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-md);grid-template-columns:72px 1fr;align-items:start;gap:12px;padding:12px 14px;display:grid}.bor .item img{width:72px;height:72px}.bor .item p{margin:0 0 8px}.bor .itop{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.bor .say{border:1px solid var(--rule);background:var(--field);color:var(--accent);font-family:var(--font-sans);font-size:var(--t-code);border-radius:999px;flex:none;padding:4px 10px;font-weight:600}.bor .say:hover{border-color:var(--accent)}.bor .choice{flex-wrap:wrap;gap:8px;display:flex}.bor .choice button{border:1px solid var(--rule);background:var(--field);color:var(--ink);font-family:var(--font-sans);font-size:var(--t-ui);border-radius:999px;padding:8px 16px;font-weight:600}.bor .choice button.right{background:var(--cool);border-color:var(--cool);color:var(--on-solid)}.bor .choice button.wrong{background:var(--lesson);border-color:var(--lesson);color:var(--on-solid)}.bor .choice button:disabled,.bor .opts button:disabled{cursor:default}.bor .opts{gap:8px;margin-top:4px;display:grid}.bor .opts button{text-align:left;border:1px solid var(--rule);border-radius:var(--r-md);background:var(--field);color:var(--ink);font-size:var(--t-body);padding:9px 12px}.bor .opts button.right{background:var(--cool-soft);border-color:var(--cool)}.bor .opts button.wrong{background:color-mix(in srgb, var(--lesson) 14%, var(--surface));border-color:var(--lesson)}.bor .actions{margin-top:12px}.bor .bonus{background:var(--prep-soft);border:2px solid var(--prep);border-radius:var(--r);margin:14px 0 16px;padding:18px 20px}.bor .bonus h3{font-size:var(--t-h2);margin-bottom:6px}.bor .bonus p{margin:0}.bor .bonus p+p{margin-top:12px}.bor .finish h3{font-size:var(--t-h3)}.bor .sum{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:12px 0;display:grid}.bor .sum div{text-align:center;background:var(--surface);border:1px solid var(--rule-soft);border-radius:var(--r-md);font-family:var(--font-sans);font-size:var(--t-ui);color:var(--ink-2);padding:10px}.bor .sum div b{font-size:var(--t-h2);color:var(--accent);font-weight:700;display:block}.bor-foot{text-align:center;font-family:var(--font-sans);font-size:var(--t-ui);color:var(--ink-2);margin:0;padding:14px 16px 6px}.bor .toast{z-index:50;border-radius:var(--r-md);background:var(--ink);max-width:90vw;color:var(--page);font-family:var(--font-sans);font-size:var(--t-ui);text-align:center;padding:10px 16px;font-weight:700;transition:transform .3s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)translateY(120px)}.bor .toast.show{transform:translate(-50%)translateY(0)}@media (width<=620px){.bor .itop{flex-direction:column;gap:4px}.bor .mcols,.bor .row2{grid-template-columns:1fr}.bor .item{grid-template-columns:52px 1fr}.bor .item img{width:52px;height:52px}.bor .progress .bar{flex-basis:70px}.bor .seg button{font-size:var(--t-code);padding:6px 9px}.bor .pillars{width:160px}}#printReport{display:none}@media print{@page{margin:.6in}body,.bor{font-size:11pt;color:#000!important;background:#fff!important}#printReport *{color:#000!important}body>:not(.shell),.shell>:not(.bor),.bor>:not(#printReport){display:none!important}body>.shell{max-width:none;margin:0;padding:0}.bor{max-width:none}#printReport{font-family:var(--font-sans);color:#000;font-size:11pt;display:block}#printReport h1{margin:0 0 4pt;font:700 18pt Georgia,serif}#printReport h2{border-bottom:1px solid #999;margin:14pt 0 4pt;font:700 13pt Georgia,serif}#printReport table{border-collapse:collapse;width:100%;font-size:10.5pt}#printReport th,#printReport td{text-align:left;border:1px solid #888;padding:5pt}#printReport th{background:#e8e8e8}}
