:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17213a;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,#e9f5ff 0,transparent 34rem),#f5f7fb}.rule-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:20px 0 40px}.rule-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin:22px 0}.eyebrow{margin:0 0 8px;color:#326ca7;font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}h1{max-width:900px;margin:0;font-size:clamp(1.7rem,3.4vw,2.8rem);line-height:1.06;letter-spacing:-.035em}.subtitle{margin:12px 0 0;color:#52627b;font-size:1.08rem}.local-note{flex:0 0 auto;margin:4px 0;padding:8px 12px;border:1px solid #cbd8ea;border-radius:999px;background:#fff;color:#43607f;font-size:.82rem;font-weight:750}.local-note span{color:#1e9d68}.rule-workspace,.rule-insight{border:1px solid #cfdaea;border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 18px 50px rgba(39,66,108,.1)}.rule-workspace{display:grid;gap:16px;padding:clamp(14px,2.8vw,28px)}.given-card{padding:18px;border:1px solid #cbd8e8;border-radius:18px;background:#f9fbfe;text-align:center}.given-card h2{margin:0 0 10px;color:#466583;font-size:1rem}.given-card p{margin:7px;font-size:1.18rem}.scale-flow{display:grid;gap:12px;padding:18px;border:1px solid #cbd8e8;border-radius:18px;background:#f8fbff}.flow-row{display:grid;grid-template-columns:80px minmax(90px,1fr) 72px minmax(90px,1fr) 72px minmax(90px,1fr);gap:10px;align-items:center;text-align:center}.row-label{font-weight:850;color:#4c637d}.flow-row strong{padding:13px 8px;border-radius:12px;background:#eef3f9;color:#254c73;font-size:clamp(1rem,2.2vw,1.35rem)}.operation{padding:8px;border-radius:999px;background:#efe5f7;color:#74439a;font-weight:900}.example-line{margin:0;padding:14px;border-radius:14px;background:#eef8f3;color:#176744;text-align:center;font-size:1.25rem;font-weight:850}.result-line{background:#f4ecfa;color:#72409a}.rule-explore{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid #cad8e9;border-radius:17px;background:#f8faff}.rule-explore label{font-weight:850}.rule-explore input{width:100%;accent-color:#74439a}.rule-explore output{font-weight:850;color:#74439a}.conclusion-card{padding:17px 20px;border:1px solid #c4abd9;border-radius:17px;background:#f4ecfa;text-align:center}.conclusion-card h2{margin:0 0 5px;color:#72409a;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.conclusion-card p{margin:0;font-size:clamp(1.08rem,2.3vw,1.45rem);font-weight:820}.rule-insight{margin-top:16px;padding:20px 24px}.rule-insight>p{min-height:1.5em;margin:0 0 14px;color:#354964}.rule-controls{display:flex;gap:12px;flex-wrap:wrap}.primary-button,.reset-button{min-height:46px;padding:0 20px;border-radius:13px;font:inherit;font-weight:800;cursor:pointer}.primary-button{border:1px solid #315f97;background:#3974b3;color:#fff}.primary-button:disabled{cursor:not-allowed;opacity:.55}.reset-button{border:1px solid #c4d1e2;background:#fff;color:#344c68}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}[hidden]{display:none!important}@media(max-width:720px){.rule-shell{width:min(100% - 20px,1180px);padding-top:10px}.rule-header{display:block}.local-note{display:inline-block;margin-top:14px}.rule-workspace{padding:10px}.flow-row{grid-template-columns:1fr 1fr}.row-label{grid-column:1/-1}.operation{min-width:64px}.rule-explore{grid-template-columns:1fr}.rule-insight{padding:18px}.rule-controls>*{flex:1 1 140px}}@media(min-width:721px) and (max-width:1040px){.rule-shell{width:min(100% - 28px,1180px)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}