.apc{--pc-ink:var(--aaban-ink,#142f43);--pc-blue:#126483;box-sizing:border-box;border:1px solid #cfdee7;border-radius:24px;background:#fff;overflow:hidden;margin:24px 0 36px;color:var(--pc-ink);box-shadow:0 12px 38px #183c5410}.apc *{box-sizing:border-box}.apc [hidden]{display:none!important}.apc .apc-intro{background:linear-gradient(125deg,#eaf5fa,#f2f8f5);padding:28px}.apc .apc-eyebrow{font-size:13px;color:#39755d;font-weight:700}.apc .apc-title{font-size:26px;font-weight:800;line-height:1.6;margin:8px 0}.apc p{font-size:15px;line-height:1.95;margin:10px 0}.apc form{padding:24px 28px 12px}.apc-settings,.apc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.apc label{display:block;font-size:14px;font-weight:600}.apc input,.apc select{display:block;width:100%;height:54px;margin:8px 0 0;border:1px solid #9fb6c6;border-radius:10px;background:#fff;color:#15354a;padding:10px 12px;font-family:inherit;font-size:17px;line-height:1.5}.apc input{text-align:right;direction:ltr}.apc :is(input,select,button,summary):focus-visible{outline:3px solid #2a87ab;outline-offset:3px}.apc [aria-invalid=true]{border:2px solid #b93636}.apc .apc-sketch{display:flex;align-items:center;gap:14px;margin:16px 0;padding:12px 16px;background:#f5f9fb;border-radius:14px}.apc-sketch svg{width:150px;max-width:40%;flex-shrink:0}.apc-sketch p{font-size:13px}.apc .apc-extra{margin-top:24px;border-block:1px solid #e1eaf0;padding:16px 0}.apc summary{cursor:pointer;font-size:14px;font-weight:600}.apc-extra label{margin-top:15px}.apc .apc-extra p{font-size:13px;color:#526779}.apc-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:20px 0 10px}.apc button{font-family:inherit;font-size:15px;border-radius:11px;padding:13px 19px;background:var(--pc-blue);color:#fff;border:1px solid transparent;cursor:pointer;line-height:1.6}.apc button:hover{filter:brightness(.93)}.apc button.apc-secondary{background:#edf5f9;color:#174e68;border-color:#c7dce7}.apc button.apc-text{background:transparent;color:#526779}.apc .apc-error{color:#a52c2c;background:#fff2f0;border-radius:8px;padding:12px;font-size:14px}.apc .apc-result{padding:24px;margin:8px 28px 22px;border-radius:16px;background:#eef8f3;border:1px solid #b9dccb}.apc .apc-result strong{font-size:30px;display:block;color:#15543e;line-height:1.7;overflow-wrap:anywhere}.apc .apc-result .apc-equation{font-size:14px;color:#335e50}.apc .apc-footnote{font-size:12px;color:#526779;padding:0 28px 22px;margin:0}.apc .apc-result p{margin:8px 0}.apc .apc-result b{font-weight:700}.apc .apc-result .apc-result-label{font-size:13px}.apc .apc-result .apc-result-m3{font-size:18px;color:#1c5944}
@media(max-width:560px){.apc{border-radius:18px}.apc .apc-intro{padding:22px 18px}.apc .apc-title{font-size:23px}.apc form{padding:20px 18px 10px}.apc-settings,.apc-fields{grid-template-columns:1fr;gap:14px}.apc .apc-sketch{padding:8px;gap:8px}.apc .apc-result{margin:8px 18px 20px;padding:18px}.apc .apc-result strong{font-size:27px}.apc .apc-footnote{padding:0 18px 20px}.apc-actions button[type=submit]{width:100%}.apc .apc-sketch p{font-size:12px}}
.apc .apc-shape-picker{grid-column:1/-1;min-width:0;margin:0;padding:0;border:0}.apc .apc-shape-picker legend{font-size:15px;font-weight:700;margin-bottom:12px;padding:0}.apc-shape-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.apc .apc-shape-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;cursor:pointer;text-align:center;border:1px solid #c9dce7;border-radius:12px;padding:12px 8px;line-height:1.8;font-size:13px;background:#fff;transition:border-color .15s,background .15s}.apc .apc-shape-option:has(:checked){border:2px solid #126483;padding:11px 7px;background:#eaf6fa;color:#114d65}.apc .apc-shape-option:has(:focus-visible){outline:3px solid #2a87ab;outline-offset:3px}.apc .apc-shape-option input{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0}.apc-shape-option svg{display:block;width:88px;height:62px;fill:#c7edf5;stroke:#267b99;stroke-width:2;stroke-linejoin:round}.apc .apc-sketch{display:block;margin:22px 0;padding:14px 10px;border:1px solid #dceaf0}.apc .apc-diagram svg{display:block;width:100%;max-width:640px;height:auto;max-height:none;margin:auto;overflow:visible}.apc .apc-sketch figcaption{padding:0 8px}.apc .apc-sketch figcaption p{font-size:13px;margin:8px 0}.apc .apc-sketch .apc-diagram-hint{font-size:12px;color:#617586}
@media(max-width:560px){.apc-shape-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.apc .apc-shape-option{font-size:12px;line-height:1.8}.apc .apc-diagram{margin-inline:-5px}.apc .apc-sketch{padding:10px 4px}.apc .apc-sketch figcaption p{font-size:12px}}
@media(max-width:560px){.apc .apc-diagram text{font-size:29px}.apc .apc-diagram text[font-size="21"]{font-size:25px}.apc .apc-diagram text[font-size="23"]{font-size:26px}}
.apc .apc-current{min-width:0;border:1px solid #c7dfe6;border-radius:14px;background:#f1f8fb;padding:18px;margin:26px 0 12px}.apc .apc-current legend{font-size:16px;font-weight:700;padding:0 8px}.apc .apc-current p{font-size:13px;margin:8px 0 14px}.apc .apc-current label{margin:12px 0}.apc .apc-result progress{display:block;width:100%;height:18px;margin:20px 0 8px;accent-color:#278463;border:0;border-radius:12px;overflow:hidden;background:#d8e9df}.apc .apc-result progress::-webkit-progress-bar{background:#d8e9df;border-radius:12px}.apc .apc-result progress::-webkit-progress-value{background:#278463;border-radius:12px}.apc .apc-fill-percent{font-weight:700;color:#15543e}