.duo-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:30px 0 24px}.duo-modes{display:flex;flex-wrap:wrap;gap:8px}.duo-modes button{padding:12px 17px;min-height:44px;background:var(--surface,#fff);color:var(--ink);border:1px solid var(--line);border-radius:24px;font:500 12px Inter,sans-serif;cursor:pointer}.duo-modes button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.math-duo-page .save-tool{border:1px solid var(--line);border-radius:24px;padding:10px 15px;white-space:nowrap;font-size:11px;min-height:44px}.math-duo-page .roman-editor label{color:var(--ink);letter-spacing:0;font-size:13px}.math-duo-page .roman-editor input{font-size:26px}.math-duo-page .roman-editor label[for=math-b]{margin-top:28px}.math-duo-page .roman-editor>p:not(.roman-error){font-size:12px;line-height:1.9;color:var(--muted)}#math-input-help{margin-top:20px}#math-context{font-size:15px;overflow-wrap:anywhere;line-height:1.9;margin-top:24px}#math-result{font-size:clamp(26px,3.5vw,44px);font-family:Inter,sans-serif;max-height:240px;overflow:auto}#math-secondary{margin:20px 0;color:#b8bec7}#math-secondary>div{border-top:1px solid #3d444c;padding:14px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}#math-secondary dt{font-size:11px;min-width:95px}#math-secondary dd{margin:0;color:white;font-size:16px;overflow-wrap:anywhere;flex:1;min-width:0}#math-secondary button{background:none;color:#d3d7dc;border:1px solid #646c78;border-radius:8px;min-height:36px;font-size:10px;padding:6px 10px}.fraction-stack{display:inline-flex;vertical-align:middle;flex-direction:column;align-items:stretch;text-align:center;max-width:100%;font-variant-numeric:tabular-nums}.fraction-stack>span:not(.sr-only){display:block;padding:2px 12px;overflow-wrap:anywhere;line-height:1.6}.fraction-stack>span:last-child{border-top:2px solid #b8bec7}#math-exact{border-top:1px solid #3d444c;margin-top:20px;padding-top:18px;color:#b8bec7;font-size:12px}#math-exact summary{cursor:pointer}#math-exact-value{overflow-wrap:anywhere;max-height:160px;overflow:auto}.duo-explanation{border:1px solid var(--line);border-radius:16px;background:var(--surface,#fff);padding:26px;margin:24px 0}.duo-explanation h2{font-size:23px;line-height:1.6}.duo-explanation>p{color:var(--muted);font-size:13px;line-height:1.9}#math-formula{font-size:16px;color:var(--ink);font-weight:600;overflow-wrap:anywhere}.duo-explanation ol{padding-left:22px}.duo-explanation li{font-size:14px;line-height:1.9;overflow-wrap:anywhere;margin:10px 0;color:var(--muted)}.duo-explanation li:last-child{font-weight:600;color:var(--ink)}.duo-explanation .duo-precision,.duo-privacy{font-size:11px;line-height:1.9;color:var(--muted)}.duo-privacy{margin:24px 0 40px}.duo-examples>h2{font-size:25px;line-height:1.6}.duo-examples>p{font-size:13px;line-height:1.9;color:var(--muted)}.duo-examples>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 40px}.duo-examples button{padding:22px;border:1px solid var(--line);border-radius:12px;text-align:left;background:var(--surface,#fff);color:var(--ink);cursor:pointer;min-width:0}.duo-examples button:hover{border-color:var(--orange)}.duo-examples span{display:block;font-size:12px;line-height:1.8;color:var(--muted)}.duo-examples strong{display:block;font:600 19px/1.8 Inter,sans-serif;margin-top:12px;overflow-wrap:anywhere}.math-duo-page .converter-guide{max-width:850px}.math-duo-page button:focus-visible{outline:2px solid var(--focus);outline-offset:4px}@media(max-width:760px){.duo-toolbar{flex-wrap:wrap;gap:16px}.duo-modes{gap:7px;width:100%}.duo-modes button{font-size:11px;padding:11px 14px}.duo-explanation{padding:20px 16px}.duo-examples>div{grid-template-columns:repeat(2,minmax(0,1fr))}.duo-examples button{padding:16px}.duo-examples strong{font-size:17px}.duo-explanation h2,.duo-examples>h2{font-size:22px}#math-secondary>div{gap:9px}#math-secondary button{font-size:10px;padding:6px 8px}}@media(max-width:380px){.duo-examples>div{grid-template-columns:minmax(0,1fr)}}
