.koa-korn{--koa-ink:#103d63;--koa-accent:#e7d900;color:#243342;background:#fff;border:1px solid #d8dde3;border-radius:4px;max-width:1080px;margin:24px auto;font:16px/1.55 Arial,Helvetica,sans-serif;text-align:left;box-sizing:border-box;box-shadow:0 12px 36px #103d6310;overflow:hidden}
.koa-korn *{box-sizing:border-box}
.koa-korn .koa-header{position:relative;isolation:isolate;background:#103d63;padding:36px 44px 32px;border-bottom:7px solid var(--koa-accent);color:#fff;overflow:hidden}
.koa-korn .koa-header:after{content:'';position:absolute;width:280px;height:280px;border:1px solid #ffffff20;border-radius:50%;right:-120px;top:-95px;box-shadow:0 0 0 38px #ffffff08,0 0 0 76px #ffffff06;z-index:-1;pointer-events:none}
.koa-korn .koa-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px;color:var(--koa-ink);margin:0 0 12px}
.koa-korn .koa-header .koa-eyebrow{color:var(--koa-accent)}
.koa-korn h2{font-size:clamp(28px,4vw,40px);line-height:1.15;letter-spacing:-.7px;margin:0 0 14px;color:#fff;font-weight:750}
.koa-korn .koa-intro{max-width:640px;color:#e1e9f0;margin:0;font-size:16px}
.koa-korn .koa-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:start;padding:36px 44px 24px}
.koa-korn .koa-field{margin-bottom:22px}
.koa-korn label{display:block;font-weight:700;margin-bottom:8px;color:var(--koa-ink)}
.koa-korn select{width:100%;max-width:100%;height:auto;min-height:50px;padding:12px;color:#243342;border:1px solid #9aa9b7;background:#fff;border-radius:3px;font:inherit;text-overflow:ellipsis}
.koa-korn select:disabled{background:#f0f2f4;color:#616b75;border-color:#d8dde3;opacity:1}
.koa-korn select:not(:disabled):hover{border-color:var(--koa-ink)}
.koa-korn .koa-help{font-size:13px;color:#57636f;margin:7px 0 0}
.koa-korn .koa-result{container-type:inline-size;background:#f4f5f7;border:1px solid #d8dde3;border-top:5px solid var(--koa-accent);padding:26px;border-radius:3px}
.koa-korn h3{font-size:25px;margin:0 0 20px;color:var(--koa-ink)}
.koa-korn dl{margin:0}
.koa-korn dt{font-size:12px;color:#57636f;margin-top:15px}
.koa-korn dd{margin:2px 0 0;font-weight:600;overflow-wrap:anywhere}
.koa-korn .koa-article-box{background:var(--koa-accent);border:2px solid var(--koa-ink);border-radius:3px;padding:20px 12px;margin:0 0 24px;text-align:center;color:var(--koa-ink)}
.koa-korn .koa-article-label{margin:0 0 8px;font-size:12px;line-height:1.4;font-weight:800;letter-spacing:1.2px;color:var(--koa-ink)}
.koa-korn .koa-article{display:block;font:800 32px/1.15 ui-monospace,monospace;font-size:clamp(26px,15cqi,52px);letter-spacing:1px;color:var(--koa-ink);margin:0;white-space:nowrap;user-select:all}
.koa-korn .koa-copy{margin-top:20px}
.koa-korn button{font:700 14px/1.5 Arial,Helvetica,sans-serif;cursor:pointer;min-height:44px;border-radius:3px;padding:12px 18px;letter-spacing:normal;text-transform:none}
.koa-korn .koa-copy{background:var(--koa-accent);color:#103d63;border:1px solid #d6c900;width:100%}
.koa-korn .koa-copy:hover{background:#f3e600}
.koa-korn .koa-reset{background:#fff;color:var(--koa-ink);border:1px solid #9aa9b7}
.koa-korn .koa-reset:hover{background:#f0f3f6}
.koa-korn :is(button,select,textarea):focus-visible{outline:3px solid #2679bb;outline-offset:3px}
.koa-korn .koa-note{border-top:1px solid #d8dde3;padding:20px 0 0;margin:0 44px 28px;font-size:14px;color:#57636f}
.koa-korn textarea{width:100%;min-height:160px;font:14px/1.6 Arial,Helvetica,sans-serif;margin-top:12px}
@media(max-width:680px){.koa-korn .koa-layout{grid-template-columns:1fr;gap:20px;padding:26px 22px}.koa-korn .koa-header{padding:28px 22px}.koa-korn .koa-result{container-type:inline-size;padding:22px}.koa-korn .koa-note{margin:0 22px 24px}.koa-korn h2{letter-spacing:-.5px}.koa-korn .koa-eyebrow{font-size:11px;letter-spacing:1px}}