.logic-page{max-width:1180px;margin-inline:auto}.logic-hero{border:1px solid var(--line);background:var(--surface);border-radius:28px;grid-template-columns:1.3fr 1fr;align-items:center;gap:32px;margin-bottom:30px;padding:clamp(22px,4vw,44px);display:grid}.logic-hero h1{margin:14px 0;font-size:clamp(32px,4vw,52px);line-height:1.13}.logic-hero p{color:var(--muted);line-height:1.75}.logic-actions{flex-wrap:wrap;gap:12px;margin:22px 0;display:flex}.logic-facts{color:var(--muted);flex-wrap:wrap;gap:12px 20px;font-size:14px;display:flex}.logic-facts span{align-items:center;gap:7px;display:inline-flex}.logic-map{gap:18px;margin:24px 0;display:grid}.logic-module{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:24px}.logic-module-heading{align-items:flex-start;gap:16px;display:flex}.logic-module>summary{cursor:pointer}.logic-module>summary:after{content:"+";color:var(--green);flex-shrink:0;margin-left:auto;font-size:26px}.logic-module[open]>summary:after{content:"−"}.logic-module>summary:focus-visible{outline:3px solid var(--green);outline-offset:6px;border-radius:8px}.logic-module-number{background:var(--mint);width:42px;height:42px;color:var(--green);border-radius:14px;flex:0 0 42px;place-items:center;font-weight:750;display:grid}.logic-module-heading h2{margin:0;font-size:23px}.logic-module-heading p{color:var(--muted);margin:9px 0;line-height:1.7}.logic-module progress{width:100%;height:7px;accent-color:var(--green)}.logic-lessons{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.logic-lessons a{border:1px solid var(--line);background:var(--canvas);height:100%;color:var(--ink);border-radius:15px;align-items:flex-start;gap:12px;padding:17px;text-decoration:none;display:flex}.logic-lessons a:hover{border-color:var(--green)}.logic-lessons a>svg{color:var(--green);flex-shrink:0;margin-top:3px}.logic-lessons strong{display:block}.logic-lessons small{color:var(--muted);margin-top:7px;line-height:1.6;display:block}.logic-overview-note{background:var(--mint);border-radius:20px;padding:20px 24px;line-height:1.75}.logic-hero-art{width:100%;max-width:430px;color:var(--green);margin:auto}.logic-hero-art text{fill:var(--ink);font-family:inherit;font-size:15px}.logic-hero-art .logic-art-node{fill:var(--surface);stroke:var(--line);stroke-width:2px}.logic-hero-art .logic-art-path{fill:none;stroke:var(--green);stroke-width:2px}.logic-lab{border:1px solid var(--line);background:var(--surface);border-radius:20px;min-width:0;margin-block:22px;padding:clamp(17px,3vw,28px)}.logic-lab-heading{color:var(--green);align-items:center;gap:12px;display:flex}.logic-lab-heading h3{color:var(--ink);margin:0;font-size:21px}.logic-lab p{line-height:1.75}.logic-lab label{margin:15px 0 9px;font-weight:650;display:block}.logic-lab select{border:1px solid var(--line);background:var(--canvas);width:100%;max-width:100%;color:var(--ink);font:inherit;border-radius:12px;padding:12px}.logic-switches{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.logic-switches button{border:1px solid var(--line);background:var(--canvas);color:var(--ink);font:inherit;border-radius:12px;padding:12px}.logic-switches button[aria-pressed=true]{border-color:var(--green);background:var(--mint)}.logic-switches output{padding:12px}.logic-table-scroll{border:1px solid var(--line);border-radius:14px;max-width:100%;margin:18px 0;overflow-x:auto}.logic-lab table{border-collapse:collapse;width:100%;font-size:14px}.logic-lab caption{text-align:left;color:var(--muted);padding:13px;line-height:1.5}.logic-lab th,.logic-lab td{border-top:1px solid var(--line);text-align:left;padding:12px 10px}.logic-lab tr[data-selected=true]{background:var(--mint);font-weight:700}.logic-members{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;display:grid}.logic-members button{background:var(--canvas);border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:14px;padding:12px}.logic-members svg{width:100%;height:65px;fill:var(--mint);stroke:var(--green);stroke-width:2px}.logic-members .logic-tick{fill:none;stroke-width:4px}.logic-members span{font-size:13px;display:block}.logic-verdicts{background:var(--mint);border-radius:14px;padding:12px 18px}.logic-verdicts p{margin:6px 0}.logic-argument{background:var(--mint);border-radius:14px;gap:12px;margin:18px 0;padding:18px;display:grid}.logic-frequency{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.logic-frequency>div{background:var(--canvas);border:1px solid var(--line);border-radius:14px;gap:8px;padding:16px;display:grid}.logic-frequency strong{font-size:30px}.logic-frequency small{color:var(--muted)}.logic-frequency-chart{width:100%;height:40px}.logic-frequency-rest{fill:var(--line)}.logic-frequency-correct{fill:var(--green)}.logic-range input{width:100%;accent-color:var(--green);min-height:30px}.logic-lab .logic-lab-note{color:var(--muted);border-top:1px solid var(--line);margin-bottom:0;padding-top:14px;font-size:13px}.logic-lab button:focus-visible,.logic-lab select:focus-visible,.logic-lessons a:focus-visible{outline:3px solid var(--green);outline-offset:3px}.logic-lab-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.logic-lab-grid>.logic-lab{margin:0}.logic-entry-card{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:22px;align-items:center;gap:18px;margin-bottom:24px;padding:24px;text-decoration:none;display:flex}.logic-entry-card>svg{color:var(--green);flex-shrink:0}.logic-entry-card strong{font-size:21px}.logic-entry-card p{color:var(--muted);margin-bottom:0;line-height:1.6}.logic-saved-summary{align-items:center;gap:10px;display:flex}.logic-saved-summary progress{width:110px;accent-color:var(--green)}@media (max-width:900px){.logic-hero{grid-template-columns:1fr}.logic-hero-art{max-width:350px}.logic-lab-grid{grid-template-columns:1fr}}@media (max-width:600px){.logic-lessons{grid-template-columns:1fr}.logic-module{padding:18px}.logic-module-heading h2{font-size:21px}.logic-members{grid-template-columns:repeat(2,1fr)}.logic-lab td,.logic-lab th{padding:10px 7px;font-size:12px}.logic-frequency{gap:8px}.logic-frequency>div{padding:12px}.logic-frequency strong{font-size:25px}.logic-hero{border-radius:22px}.logic-entry-card{padding:18px}}