:root{--brutal-orange:#C44200;--brutal-blue:#004E89;--brutal-yellow:#FFE66D;--brutal-pink:#FF006E;--brutal-green:#06FFA5;--brutal-purple:#8338EC;--black:#1A1A1A;--white:#FFF;--gray-light:#F7F7F7;--gray-mid:#E0E0E0;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--shadow-sm:3px 3px 0 var(--black);--shadow-md:5px 5px 0 var(--black);--shadow-hover:10px 10px 0 var(--black);--transition-fast:.2s ease;--touch-target:44px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--gray-light);color:var(--black);line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-md)}h1{font-size:clamp(2rem,6vw,3.5rem)}h2{font-size:clamp(1.4rem,4vw,2.2rem)}h3{font-size:clamp(1.1rem,3vw,1.5rem)}h4{font-size:clamp(1rem,2.5vw,1.2rem)}p{margin-bottom:var(--space-md);font-size:clamp(1rem,2vw,1.125rem)}a{color:var(--black);transition:color var(--transition-fast)}a:hover{color:var(--brutal-orange)}main{padding:var(--space-lg) var(--space-md);max-width:1280px;margin:0 auto;min-height:60vh}article{animation:fadeIn .6s ease}
.breadcrumb{background:var(--white);padding:var(--space-sm) var(--space-md);border-bottom:3px solid var(--black)}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-xs);max-width:1280px;margin:0 auto}.breadcrumb li{display:flex;align-items:center}.breadcrumb li:not(:last-child)::after{content:'\2192';margin-left:var(--space-xs);font-weight:900;color:var(--brutal-orange)}.breadcrumb a{text-decoration:none;font-weight:700;padding:.25rem .5rem}.breadcrumb a:hover{background:var(--brutal-yellow)}.breadcrumb [aria-current="page"]{font-weight:900;color:var(--brutal-orange)}
.card-brutal{background:var(--white);border:4px solid var(--black);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-md)}
.btn-brutal{display:inline-flex;padding:var(--space-md) var(--space-xl);font-size:1.125rem;font-weight:900;text-transform:uppercase;border:4px solid var(--black);background:var(--white);color:var(--black);box-shadow:var(--shadow-md);cursor:pointer;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-brutal.primary{background:var(--brutal-yellow)}.btn-brutal:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.btn-brutal:active{transform:translateY(-2px)}
input[type="text"],input[type="number"],input[type="date"],input[type="time"],select,textarea{width:100%;padding:var(--space-md);font-size:1rem;font-weight:700;border:4px solid var(--black);background:var(--white);box-shadow:var(--shadow-sm);font-family:inherit;transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brutal-orange);box-shadow:var(--shadow-md);transform:translateY(-2px)}label{display:block;font-weight:700;text-transform:uppercase;margin-bottom:var(--space-xs);font-size:.9rem}
table{width:100%;border-collapse:separate;border-spacing:0;margin:var(--space-lg) 0;border:4px solid var(--black);box-shadow:var(--shadow-md)}th,td{padding:var(--space-sm);text-align:left;border-bottom:3px solid var(--black);border-right:3px solid var(--black)}th{background:var(--brutal-yellow);font-weight:900;text-transform:uppercase}td{background:var(--white)}tr:last-child td{border-bottom:none}th:last-child,td:last-child{border-right:none}
ul,ol{margin-left:var(--space-lg);margin-bottom:var(--space-md)}li{margin-bottom:var(--space-xs);line-height:1.7}
details{background:var(--white);border:4px solid var(--black);padding:var(--space-md);margin-bottom:var(--space-md);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}details[open]{box-shadow:var(--shadow-md)}summary{font-weight:900;text-transform:uppercase;cursor:pointer;padding:var(--space-sm);background:var(--brutal-yellow);margin:calc(-1*var(--space-md));margin-bottom:var(--space-md);border-bottom:3px solid var(--black);transition:all var(--transition-fast)}summary:hover{background:var(--brutal-orange);color:var(--white)}summary:focus{outline:3px solid var(--brutal-pink);outline-offset:4px}
.result-card{background:#E6F0FF;border:4px solid var(--black);padding:var(--space-lg);margin-top:var(--space-md);box-shadow:var(--shadow-md);border-radius:4px}
.en-bref{background:#E9F6FF;border:4px solid var(--brutal-blue);padding:var(--space-lg);margin-bottom:var(--space-lg)}.en-bref h2{display:inline-block;background:var(--brutal-blue);color:#fff;padding:.25rem .5rem;border:3px solid var(--black);box-shadow:var(--shadow-sm)}
.calculator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-lg)}.form-group{margin-bottom:var(--space-md)}
.ymql-warning{background:#FFF3CD;border:4px solid #856404;padding:var(--space-md);margin-bottom:var(--space-lg);border-radius:4px}
.related-pages{background:var(--white);padding:2.5rem;border:4px solid var(--black);margin:2rem auto;max-width:1000px}.related-pages h2{margin-bottom:2rem;text-align:center}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.related-card{display:block;padding:1.5rem;background:var(--gray-light);border:3px solid var(--black);text-decoration:none;box-shadow:4px 4px 0 var(--black);transition:all .2s}.related-card:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--black)}.related-card h3{margin-bottom:.75rem;font-size:1.15rem;color:var(--black);text-transform:none}
.toc{background:var(--white);border:4px solid var(--black);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.toc h2{font-size:1.2rem;margin-bottom:var(--space-sm)}.toc ol{counter-reset:toc;margin:0;padding:0;list-style:none}.toc li{counter-increment:toc;padding:var(--space-xs) 0;border-bottom:1px solid var(--gray-mid)}.toc li:last-child{border-bottom:none}.toc li::before{content:counter(toc) ". ";font-weight:900;color:var(--brutal-orange)}.toc a{text-decoration:none;font-weight:700}.toc a:hover{color:var(--brutal-orange)}
.formula-box{background:var(--brutal-yellow);border:4px solid var(--black);padding:var(--space-md);margin:var(--space-md) 0;font-size:1.2rem;font-weight:900;text-align:center;box-shadow:var(--shadow-sm)}
.example-box{background:#f0fdf4;border-left:6px solid var(--brutal-green);padding:var(--space-md);margin:var(--space-md) 0;border-radius:0 8px 8px 0}
.warning-box{background:#fef2f2;border-left:6px solid var(--brutal-pink);padding:var(--space-md);margin:var(--space-md) 0;border-radius:0 8px 8px 0}
.eeat-block{border:4px solid var(--brutal-blue);padding:var(--space-lg);margin-top:var(--space-lg)}.eeat-block .author-name{font-weight:900;font-size:1.1rem}.eeat-block .sources{font-size:.85rem;color:#555;margin-top:var(--space-sm)}
.header-brutal{padding:20px 0;border-bottom:4px solid var(--black);background:var(--white);position:sticky;top:0;z-index:1000}.header-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo-link{text-decoration:none;display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:2rem}.logo-text{font-size:clamp(1.25rem,4vw,2rem);color:var(--brutal-orange);font-weight:900;text-transform:uppercase}.nav-brutal a{text-decoration:none;color:var(--black);font-weight:700;border:3px solid var(--black);padding:12px 24px;text-transform:uppercase;background:var(--white);transition:all var(--transition-fast);display:inline-block}.nav-brutal a:hover{background:var(--brutal-yellow);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.footer-brutal{background:var(--black);color:var(--white);padding:var(--space-xl) var(--space-md);border-top:6px solid var(--brutal-yellow);margin-top:var(--space-2xl)}.footer-inner{max-width:1200px;margin:0 auto;text-align:center}.footer-brutal nav ul{display:flex;justify-content:center;gap:40px;list-style:none;padding:0;margin:0 0 40px;flex-wrap:wrap}.footer-brutal a{color:var(--white);text-decoration:none;font-weight:700;text-transform:uppercase;font-size:14px;transition:color var(--transition-fast)}.footer-brutal a:hover{color:var(--brutal-yellow)}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media(min-width:768px){main{padding:var(--space-xl) var(--space-lg)}}@media(max-width:767px){.nav-brutal{gap:8px}.nav-brutal a{padding:8px 12px;font-size:.85rem}.header-inner{flex-wrap:wrap;gap:10px}}@media print{.breadcrumb,.header-brutal,.footer-brutal{display:none}body{background:white}.card-brutal{border:2px solid black;box-shadow:none;page-break-inside:avoid}}