.art-reader .ald-article-hero{display:block;margin-bottom:18px}.art-reader .ald-article-hero h1{font-size:clamp(1.9rem,3.5vw,2.8rem);max-width:40ch;line-height:1.13}.art-reader .ald-article-hero .intro{max-width:82ch;font-size:1.05rem;line-height:1.65;margin:16px 0}.art-reader .sg-byline{margin:16px 0 24px}.art-reader .art-route{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}.art-route a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 14px;border:1px solid var(--border-color,#414767);border-radius:12px;background:var(--card-bg,#1d2039);text-decoration:none;color:inherit;font-size:.9rem}.art-route b{color:#b9aaff;font-size:.8rem}.art-reader .art-start{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);border:1px solid var(--border-color,#414767);border-radius:24px;overflow:hidden;background:var(--card-bg,#1d2039);margin-bottom:24px;scroll-margin-top:120px}.art-rule,.art-visual{padding:26px;min-width:0}.art-rule{background:linear-gradient(145deg,rgba(133,104,223,.15),transparent)}.art-reader .art-start h2{font-size:1.55rem;line-height:1.3;margin:9px 0 14px}.art-reader .art-start h3{font-size:1.14rem;margin:0 0 10px;line-height:1.4}.art-reader .art-start p{font-size:.95rem;line-height:1.6;margin:0 0 15px}.art-reader .art-kicker{display:block;color:#b9aaff;letter-spacing:.08em;font-size:.73rem;font-weight:800}.art-answer-format{display:flex;gap:12px;border-top:1px solid var(--border-color,#414767);padding-top:18px;margin-top:22px}.art-answer-format>span{color:#80ddc3;flex:0 0 22px}.art-answer-format svg{width:22px;height:22px}.art-answer-format strong{display:block;margin-bottom:6px}.art-rule small{font-size:.77rem;color:var(--text-secondary,#b5bdd1)}.art-visual{border-left:1px solid var(--border-color,#414767);background:rgba(12,15,28,.12)}.art-reader .art-controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.art-reader .art-controls button{min-height:44px;border:1px solid var(--border-color,#414767);background:var(--card-bg,#252a45);border-radius:11px;color:inherit;padding:9px 14px;font:inherit;font-size:.86rem;cursor:pointer}.art-reader .art-controls button[aria-pressed=true]{background:#6e58ba;color:#fff;border-color:#9c88ec}.art-controls button:disabled{opacity:.5;cursor:default}.art-reader .art-output{display:block;font-size:.97rem;font-weight:700;background:rgba(151,126,219,.12);border-radius:12px;padding:13px;overflow-wrap:anywhere;color:inherit;line-height:1.55;min-height:48px}.art-reader .art-note{font-size:.85rem;color:var(--text-secondary,#b5bdd1);margin:12px 0;min-height:42px}.art-reader .art-visual details{font-size:.83rem}.art-visual summary{cursor:pointer;padding:8px 0}.art-url{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.art-url>span{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border-color,#4a5477);border-radius:12px;padding:12px;transition:border-color .2s,background .2s,transform .2s;min-width:70px}.art-url code{font-size:.95rem;color:inherit;white-space:normal;overflow-wrap:anywhere}.art-url small{font-size:.7rem;color:#b7abd9}.art-url em{font-style:normal;font-size:.7rem;color:var(--text-secondary,#b5bdd1)}.art-url .is-done{background:rgba(101,159,185,.12)}.art-url .is-active{border-color:#b9aaff;box-shadow:0 0 0 2px rgba(172,142,255,.12);transform:translateY(-3px)}.art-venn,.art-paths{width:100%;display:block;height:auto;max-height:215px;margin:10px 0}.art-region{stroke:#8e9abb;stroke-width:2;fill:#38405d;fill-opacity:.45;transition:fill .25s,fill-opacity .25s}.art-left.is-active{fill:#8b6ac7;fill-opacity:.8}.art-right.is-active{fill:#207f98;fill-opacity:.8}.art-middle.is-active{fill:#86d5ba;fill-opacity:1}.art-venn-labels{fill:#fff;font-size:19px;font-family:inherit;pointer-events:none}.art-edges{stroke:#6f7d9f;stroke-width:3;fill:none;color:#7d89ab}.art-edges path.is-active{stroke:#c2adff;color:#c2adff;stroke-width:5}.art-node circle{fill:#2b314a;stroke:#7fa9bd;stroke-width:2}.art-node text{fill:#fff;font-size:21px;font-family:inherit}.art-node .art-path-count{fill:#aac8f0;font-size:23px;font-weight:800}.art-node.is-active circle{fill:#6e58ba;stroke:#d2c2ff;stroke-width:3}.art-reader .art-first{border:1px solid #7865af;border-radius:24px;background:var(--card-bg,#1d2039);padding:24px;margin-bottom:16px;scroll-margin-top:120px}.art-first-heading{display:flex;align-items:flex-start;gap:14px}.art-round{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;background:rgba(143,114,220,.2);border-radius:13px;color:#b9aaff}.art-round svg{width:26px;height:26px}.art-reader .art-first h2{font-size:1.5rem;line-height:1.3;margin:6px 0 10px}.art-reader .art-first-heading p{font-size:.9rem;color:var(--text-secondary,#b5bdd1);margin:0 0 12px}.art-reader .art-first .exercise{background:transparent;padding:12px 0;border:0;margin:0}.art-reader .art-first label{font-size:.98rem;line-height:1.65}.art-reader .art-first .answer-row{max-width:540px}.art-first .feedback:empty{display:none}.art-reader .art-first .practice-progress{margin:10px 0}.art-small-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}.art-small-links a{color:var(--text-secondary,#b5bdd1);font-size:.85rem;text-underline-offset:4px}.art-reader .art-success{display:flex;align-items:center;gap:12px;border:1px solid rgba(98,211,169,.3);background:rgba(66,155,121,.12);border-radius:14px;padding:16px;margin:16px 0;animation:art-arrive .3s ease}.art-success[hidden]{display:none!important}.art-success>span{color:#8cdeb9;flex:0 0 25px}.art-success svg{width:25px;height:25px}.art-reader .art-success p{font-size:.85rem;line-height:1.5;margin:5px 0 0}.art-success a{margin-left:auto;flex:0 0 auto;color:inherit;text-decoration:none;font-weight:700;font-size:.86rem;border-bottom:1px solid}.art-reader .art-help{display:flex;align-items:center;gap:14px;padding:18px 22px;border:1px solid var(--border-color,#414767);border-radius:18px;background:var(--card-bg,#1d2039);margin-bottom:30px}.art-help img{border-radius:16px;object-fit:cover;width:56px;height:56px;flex:0 0 56px}.art-reader .art-help strong{font-size:.98rem}.art-reader .art-help p{font-size:.86rem;line-height:1.5;color:var(--text-secondary,#b5bdd1);margin:6px 0 0}.art-help a{display:flex;align-items:center;gap:8px;min-height:44px;flex:0 0 auto;margin-left:auto;font-size:.86rem;color:inherit;padding:10px 14px;border:1px solid var(--border-color,#414767);border-radius:12px;text-decoration:none}.art-help a svg{width:22px;height:22px}.art-reader #practice-more{scroll-margin-top:120px}.art-reader .ald-toc{align-self:start}.art-reader .art-controls button:focus-visible,.art-route a:focus-visible,.art-small-links a:focus-visible,.art-help a:focus-visible{outline:3px solid #a38ade;outline-offset:4px}@keyframes art-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:800px){.art-reader .art-start{grid-template-columns:1fr}.art-visual{border-left:0;border-top:1px solid var(--border-color,#414767)}.art-rule,.art-visual{padding:20px}.art-answer-format{margin-top:15px;padding-top:14px}.art-reader .art-help{flex-wrap:wrap;padding:16px}.art-help>div{flex:1;min-width:180px}.art-help a{margin-left:70px}.art-reader .art-first{padding:20px}.art-reader .ald-article-hero h1{font-size:2rem}.art-reader .art-success{flex-wrap:wrap}.art-success a{margin-left:37px}.art-rule small{display:none}}
@media(max-width:480px){.art-route a{flex:1 1 100%;padding:8px 12px}.art-rule,.art-visual{padding:16px}.art-reader .art-start h2{font-size:1.3rem}.art-reader .art-first{padding:16px}.art-first-heading{gap:10px}.art-round{width:38px;height:38px;flex-basis:38px}.art-reader .art-first h2{font-size:1.25rem}.art-url>span{padding:10px;min-width:62px}.art-set-controls button{flex:1 1 42%}.art-help a{margin-left:0;justify-content:center;width:100%;flex-basis:100%}.art-reader .art-first .answer-row{flex-wrap:wrap}.art-first .answer-row input{width:100%;min-width:0}.art-first .answer-row button{min-height:44px}.art-reader .ald-article-hero h1{font-size:1.8rem}.art-reader .ald-article-hero .intro{font-size:.95rem}.art-venn-labels{font-size:20px}}
@media(prefers-reduced-motion:reduce){.art-reader *{scroll-behavior:auto!important}.art-success{animation:none!important}.art-url>span,.art-region{transition:none!important}.art-url .is-active{transform:none}}

.art-converter{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin:18px 0}.art-converter label,.art-decimal{display:grid;gap:8px;font-size:.9rem}.art-converter input,.art-converter select,.art-decimal input{width:100%;min-width:0;min-height:46px;padding:10px;border:1px solid var(--border-color,#515774);border-radius:10px;background:var(--bg-color,#121428);color:inherit;font:inherit;box-sizing:border-box}.art-binary{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;margin:18px 0}.art-binary button{min-height:66px;min-width:0;padding:7px 2px;border:1px solid var(--border-color,#515774);border-radius:9px;background:var(--bg-color,#121428);color:inherit;cursor:pointer}.art-binary button strong,.art-binary button small{display:block}.art-binary button strong{font-size:1.4rem}.art-binary button small{font-size:.72rem;margin-top:6px}.art-binary button[aria-pressed=true]{background:#614cad;border-color:#b9aaff;color:#fff}.art-decimal{max-width:260px;margin-bottom:18px}.art-binary button:focus-visible,.art-converter :focus-visible,.art-decimal :focus-visible{outline:3px solid #b9aaff;outline-offset:3px}@media(max-width:480px){.art-converter{grid-template-columns:1fr 1fr}.art-converter label:first-child{grid-column:1/-1}.art-binary{gap:3px}.art-binary button{min-height:62px}.art-binary button small{font-size:.65rem}}