body[data-page=liczby] .numbers-main{max-width:1180px;margin:0 auto;padding:30px 28px 70px;color:#493e2f}.number-back{display:inline-flex;align-items:center;min-height:42px;border-radius:10px;font-size:.78rem;margin-bottom:20px}.numbers-heading{display:grid;grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:28px;background:radial-gradient(ellipse at 100% 0,#e5efd6,transparent 60%),linear-gradient(110deg,#fff8e9,#f9e9ce);border:1px solid #e0cfb1;border-radius:24px;padding:34px}.numbers-heading .eyebrow{font-size:.64rem;letter-spacing:.16em;color:#92713d}.numbers-heading h1{font:700 clamp(30px,4vw,46px)/1.2 Georgia,serif;letter-spacing:-.035em;margin:16px 0;color:#573e25}.numbers-heading h1>span{display:block;font:600 .5em/1.5 system-ui;letter-spacing:0;color:#9c7b50;margin-top:6px}.numbers-heading p{font-size:.95rem;line-height:1.8;max-width:60ch;color:#77634d}.numbers-premium{display:inline-block;padding:7px 10px;border-radius:8px;background:#eae6ce;color:#7b7047;font-size:.68rem;font-weight:700}.numbers-art{background:#fffaf0a8;border:1px solid #dfd4b9;border-radius:22px;display:flex;flex-direction:column;align-items:center;gap:16px;padding:30px 16px;color:#789064}.numbers-art>span{font-size:1.3rem}.numbers-art strong{font-size:1.6rem;font-weight:600;color:#9b7848}.number-system-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}.number-system-cards article{padding:24px;border:1px solid #d5dec0;border-top:4px solid #a8ba88;border-radius:17px;background:linear-gradient(160deg,#f3f8e9,#fffdf7 70%)}.number-system-cards article+article{border-color:#d5deea;border-top-color:#90aec8;background:linear-gradient(160deg,#eff5fb,#fffdf7 70%)}.number-system-label{font-size:.65rem;font-weight:750;letter-spacing:.07em;color:#738159}.number-system-cards article+article .number-system-label{color:#64839b}.number-system-cards h2{font:700 1.6rem/1.6 system-ui;color:#4e6240;margin:12px 0}.number-system-cards article+article h2{color:#4e6a84}.number-system-cards p{margin:0;font-size:.85rem;line-height:1.8;color:#80705b;max-width:60ch}.numbers-browser{background:#fffdf8;border:1px solid #e3d4bc;border-radius:22px;padding:28px;overflow:hidden}.numbers-browser-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.numbers-browser-heading h2{font-size:1.15rem;margin:0;color:#654d32}.numbers-browser-heading>span{font-size:.72rem;color:#a18a6e}.number-filters{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,2fr);gap:18px;background:#f2f5e9;padding:20px;border:1px solid #d5dec0;border-radius:14px;margin-bottom:24px}.number-filters label{display:flex;flex-direction:column;gap:8px;font-size:.76rem;color:#697557}.number-filters input,.number-filters select{box-sizing:border-box;width:100%;min-width:0;height:46px;padding:11px 13px;border:1px solid #c6d0b0;border-radius:10px;background:#fffef9;color:#3e4935;font: .9rem system-ui}.number-filters :is(input,select):focus-visible,.number-listen:focus-visible{outline:3px solid #a8ba8870;outline-offset:2px}.number-table-wrap{border:0;border-radius:0;overflow-x:auto}.number-table{width:100%;table-layout:fixed;border-collapse:collapse;background:transparent;min-width:0}.number-table th:first-child{width:16%}.number-table thead th{padding:14px 16px;text-align:left;background:#f7f0e2;border:0;border-bottom:1px solid #e3d4bc;color:#8b7456;font-size:.74rem;font-weight:700}.number-table tbody td{padding:14px 16px;border:0;border-bottom:1px solid #eee5d6;background:transparent;vertical-align:middle}.number-table tbody tr:nth-child(even){background:#fcf8ef}.number-table tbody tr:hover{background:#f5f1e6}.number-value{font-size:1.15rem;font-weight:750;color:#9b7b4e;font-variant-numeric:tabular-nums}.number-word{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.number-hangul{font-size:1.35rem;line-height:1.6;overflow-wrap:anywhere;color:#4d6442}.number-table td:nth-child(3) .number-hangul{color:#4c6b85}.number-listen{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;background:#edf1e2;border:1px solid #d6dfc4;color:#61774a;border-radius:10px;font-size:.75rem;cursor:pointer}.number-table td:nth-child(3) .number-listen{background:#eaf0f7;border-color:#d2ddea;color:#5e7d99}.number-listen:hover{filter:brightness(.96)}.number-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 0;flex-wrap:wrap}.number-pagination button{min-height:44px;border-radius:10px;font-size:.8rem;padding:11px 16px}.number-pagination button:disabled{opacity:.4;cursor:default}.number-pagination>span{font-size:.75rem;color:#9b856a;text-align:center}.number-note{padding:18px 22px;border-radius:14px;background:#f4ead8;color:#8e765a;font-size:.8rem;line-height:1.85;margin-top:22px}.number-note strong{color:#806143}#numberStatus:empty{display:none}#numberStatus{font-size:.82rem;color:#8e765a;line-height:1.7}.number-empty{text-align:center;color:#9b856a;font-size:.85rem}
@media(max-width:700px){body[data-page=liczby] .numbers-main{padding:22px 16px 50px}.numbers-heading{grid-template-columns:1fr;padding:25px}.numbers-art{display:none}.number-system-cards{gap:12px}.number-system-cards article{padding:17px}.number-system-cards h2{font-size:1.25rem}.number-system-label{font-size:.57rem}.number-system-cards p{font-size:.76rem}.numbers-browser{padding:18px 12px}.numbers-browser-heading{padding:0 6px}.numbers-browser-heading>span{display:none}.number-filters{grid-template-columns:1fr;padding:16px;gap:14px}.number-table thead th{font-size:.64rem;padding:12px 7px}.number-table th:first-child{width:15%}.number-table tbody td{padding:12px 7px}.number-word{gap:7px;flex-direction:column;align-items:flex-start}.number-hangul{font-size:1.13rem}.number-value{font-size:1rem}.number-listen{flex-basis:36px;width:36px;height:36px}.number-pagination{gap:10px}.number-pagination>span{order:-1;flex-basis:100%}.number-pagination button{flex:1;padding-inline:10px;font-size:.75rem}.number-note{padding:16px}}
@media(max-width:380px){.number-system-cards{grid-template-columns:1fr}.number-table thead th{font-size:.59rem}.number-hangul{font-size:1rem}}
.numbers-heading .lesson-mascot{display:none}