/* Effortless Math calculator pages: colorful design matching /math-calculators/ (v1.1.0) */
.emcs-page{--ink:#15233d;--muted:#5b6678;--line:#e6e1d8;--cream:#fbf6ee;--c:#0f8a4f;--c2:#e3f5ea;--c3:#0b6b3c}
.emcs-green{--c:#0f8a4f;--c2:#e3f5ea;--c3:#0b6b3c}.emcs-orange{--c:#f26b1d;--c2:#fff0e5;--c3:#b44a0e}.emcs-blue{--c:#2f6fde;--c2:#e8f0ff;--c3:#1f55b8}
.emcs-purple{--c:#7b5cf0;--c2:#f0ecff;--c3:#5a3fd0}.emcs-pink{--c:#e5528a;--c2:#ffeaf2;--c3:#b8336a}.emcs-teal{--c:#11a3a3;--c2:#e2f7f6;--c3:#0b7a7a}
.emcs-yellow{--c:#e0a000;--c2:#fff6db;--c3:#9a6b00}.emcs-red{--c:#e0483d;--c2:#ffe9e7;--c3:#b3322a}.emcs-lime{--c:#7bb52e;--c2:#f1f9e3;--c3:#557f1c}

/* Title block */
.emcs-page .page-intro.article-intro{position:relative;margin:0 0 20px;padding:24px 26px 20px;border-radius:24px;background:var(--cream);border-bottom:5px solid var(--c);overflow:hidden}
.emcs-page .page-intro.article-intro>.container{position:relative;z-index:1}
.emcs-page .page-intro h1{color:var(--ink)!important;font-weight:900!important;font-size:clamp(28px,3.4vw,40px)!important;line-height:1.1!important;letter-spacing:-.015em;margin:8px 0 12px!important;max-width:78%}
.emcs-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;font-weight:700}
.emcs-crumbs a{padding:4px 11px;border-radius:999px;background:#fff;color:var(--c3)!important;text-decoration:none!important;box-shadow:0 1px 0 rgba(21,35,61,.06)}
.emcs-crumbs a:hover{background:var(--c2)}
.emcs-crumbs span{color:var(--muted)}
.emcs-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0!important}
.emcs-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#fff;border:1.5px solid var(--line);color:var(--ink);font-size:13.5px;font-weight:700}
.emcs-chip.on{background:var(--c);border-color:var(--c);color:#fff}
.emcs-chip .emch-ic{width:16px;height:16px}
.emch-ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.emcs-shapes{position:absolute;inset:0;pointer-events:none}
.emcs-sh{position:absolute;display:grid;place-items:center;border-radius:16px;background:var(--c);color:#fff;transform:rotate(45deg);box-shadow:0 10px 22px rgba(21,35,61,.14)}
.emcs-sh i{font:900 24px/1 Georgia,"Times New Roman",serif;font-style:normal;transform:rotate(-45deg)}
.emcs-sh.a{right:42px;top:18px;width:64px;height:64px}
.emcs-sh.b{right:118px;top:58px;width:40px;height:40px;background:#ffd166;color:#15233d}.emcs-sh.b i{font-size:17px}
.emcs-sh.c{right:22px;top:98px;width:44px;height:44px;background:#fff;color:var(--c);border:2px solid var(--c2)}.emcs-sh.c i{font-size:19px}
.emcs-dot{position:absolute;width:14px;height:14px;border-radius:4px;background:var(--c);opacity:.35;transform:rotate(45deg)}
.emcs-dot.d1{right:190px;top:22px}.emcs-dot.d2{right:96px;bottom:14px;background:#ffd166;opacity:1}

/* The calculator */
.emcs-page .entry>.emc{border-radius:20px;box-shadow:0 0 0 3px var(--c2),0 18px 36px rgba(21,35,61,.10)}
.emcs-page .entry>p:first-child{font-size:17px;line-height:1.65;color:#2c3a52}

/* Article */
.emcs-page .entry>h2{position:relative;display:flex;align-items:center;gap:12px;margin:38px 0 14px!important;font-weight:800!important;color:var(--ink)!important;line-height:1.25}
.emcs-page .entry>h2::before{content:"";flex:0 0 auto;width:14px;height:14px;border-radius:4px;background:var(--c);transform:rotate(45deg);box-shadow:5px -5px 0 -1px var(--c2)}
.emcs-page .entry>table{width:100%;border-collapse:separate!important;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:14px 0 22px}
.emcs-page .entry>table th{background:var(--c2)!important;color:var(--c3)!important;font-weight:800;text-align:left}
.emcs-page .entry>table th,.emcs-page .entry>table td{padding:10px 14px!important;border:0!important;border-bottom:1px solid var(--line)!important}
.emcs-page .entry>table tr:last-child td{border-bottom:0!important}
.emcs-page .entry>table tr:nth-child(even) td{background:#fbfaf7}
.emcs-page .entry>ol>li::marker,.emcs-page .entry>ul>li::marker{color:var(--c);font-weight:800}
.emcs-page .entry>ol>li,.emcs-page .entry>ul>li{margin-bottom:6px}
.emcs-page .entry>h3{margin:12px 0 0!important;padding:14px 16px 4px;border-radius:14px 14px 0 0;background:#fff;border:1px solid var(--line);border-bottom:0;border-left:4px solid var(--c);font-size:17px!important;font-weight:800!important;color:var(--ink)!important}
.emcs-page .entry>h3+p{margin:0 0 4px!important;padding:2px 16px 14px;border:1px solid var(--line);border-top:0;border-left:4px solid var(--c);border-radius:0 0 14px 14px;background:#fff}
.emcs-page .entry>.em-pq{border-radius:20px;box-shadow:0 0 0 3px var(--c2)}
.emcs-page .entry .em-xlink{padding:10px 14px;border-radius:12px;background:var(--c2)}

/* After the article */
.emcs-more{margin:40px 0 10px;direction:ltr;text-align:left}
.emcs-more h2{display:flex;align-items:center;gap:12px;font-size:24px!important;font-weight:800!important;color:#15233d!important;margin:30px 0 14px!important}
.emcs-more h2::before{content:"";width:14px;height:14px;border-radius:4px;background:var(--c);transform:rotate(45deg)}
.emcs-solver{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;padding:20px 22px;border-radius:20px;background:linear-gradient(120deg,#0b6b3c,#0f8a4f 60%,#3aa86b);color:#fff;box-shadow:0 14px 30px rgba(15,138,79,.22)}
.emcs-solver>div{flex:1 1 100%}
.emcs-solver-k{display:inline-block;margin:0 0 4px!important;padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.18);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.emcs-solver-t{margin:0!important;font-size:18px;font-weight:800;color:#fff}
.emcs-solver input{flex:1 1 220px;min-width:0;padding:12px 14px!important;border:0!important;border-radius:12px;font:inherit;font-size:16px;color:#15233d;margin:0!important}
.emcs-solver input:focus-visible{outline:3px solid #ffd166}
.emcs-solver button{padding:12px 20px;border:0;border-radius:12px;background:#ffd166;color:#15233d;font-weight:800;font-size:15px;cursor:pointer}
.emcs-solver button:hover{background:#ffc233}
.emcs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.emcs-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:14px 14px 12px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;color:#15233d!important;text-decoration:none!important;overflow:hidden;transition:transform .15s,box-shadow .15s,border-color .15s}
.emcs-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c)}
.emcs-card:hover{transform:translateY(-2px);border-color:var(--c);box-shadow:0 10px 22px rgba(21,35,61,.09)}
.emcs-ct{font-weight:800;font-size:15px;line-height:1.35}
.emcs-cd{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#5b6678;font-size:13.5px;line-height:1.45}
.emcs-go{margin-top:auto;color:var(--c3);font-weight:700;font-size:13.5px}
.emcs-all{margin:16px 0 0!important}
.emcs-all a{display:inline-block;padding:10px 18px;border-radius:12px;background:var(--c2);color:var(--c3)!important;font-weight:800;text-decoration:none!important}
.emcs-all a:hover{background:var(--c);color:#fff!important}
.emch-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media (max-width:640px){
  .emcs-page .page-intro.article-intro{padding:18px 16px 16px;border-radius:18px}
  .emcs-page .page-intro h1{max-width:100%}
  .emcs-sh.a{right:-14px;top:-14px;width:54px;height:54px;opacity:.9}
  .emcs-sh.b,.emcs-sh.c,.emcs-dot{display:none}
  .emcs-grid{grid-template-columns:1fr}
}
@media print{.emcs-shapes,.emcs-more{display:none}}