.c20-shell{--n:#092944;--a:#007b78;--b:#e3eeed;max-width:100%;box-sizing:border-box;margin:2rem 0;padding:clamp(16px,3vw,28px);border:1px solid #b9d3dc;border-radius:20px;background:#fff;font:400 16px/1.55 system-ui,'Segoe UI',sans-serif;color:#1a3044;box-shadow:0 12px 30px rgba(6,44,65,.08)}.c20-shell *{box-sizing:border-box}.c20-shell h2{margin:0 0 .5rem;color:var(--n);font-size:clamp(1.4rem,3vw,1.85rem)}.c20-shell h3{color:var(--n);font-size:1.13rem;margin:1.3rem 0 .5rem}.c20-shell p{margin:.5rem 0 1rem}.c20-shell .sub{color:#516879;font-size:.92rem}.c20-shell .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:12px}.c20-shell label{display:block;color:#203950;font-size:.9rem;font-weight:600}.c20-shell input,.c20-shell select{display:block;width:100%;min-width:0;margin-top:5px;padding:10px 11px;border:1px solid #9eb5c3;border-radius:9px;font:inherit;background:#fff;color:#132e45}.c20-shell input:focus-visible,.c20-shell select:focus-visible,.c20-shell button:focus-visible{outline:3px solid #008f8a;outline-offset:2px}.c20-shell .button-row{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.c20-shell button{border:0;background:var(--n);color:#fff;padding:11px 15px;border-radius:9px;font:600 .92rem system-ui;cursor:pointer}.c20-shell button.secondary{background:#e2eeef;color:#16495a}.c20-shell .head-grid{overflow-x:auto;max-width:100%;margin:10px 0}.c20-shell table{border-collapse:collapse;width:100%;min-width:590px}.c20-shell th,.c20-shell td{border-bottom:1px solid #d5e1e6;padding:8px;text-align:left;vertical-align:top}.c20-shell th{background:#e8f3f4;font-size:.86rem;color:#123951}.c20-shell td input{width:105px;margin:0;padding:9px}.c20-shell .result{margin:12px 0;padding:15px;background:#f0f7f6;border-left:4px solid #087f7b;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}.c20-shell .error{border-left-color:#aa352d;background:#fff0ec;color:#8b201c}.c20-shell .tip{background:#f6f8fa;border:1px solid #e0e8ee;padding:10px 12px;border-radius:9px;margin:10px 0;font-size:.9rem}.c20-shell .muted{color:#546474}.c20-shell .check{display:flex;gap:8px;align-items:flex-start}.c20-shell .check input{width:auto;margin:5px 0 0}.c20-shell details{border:1px solid #dce8ec;border-radius:9px;padding:10px 13px;margin-top:10px}.c20-shell summary{cursor:pointer;font-weight:700;color:var(--n)}@media(max-width:620px){.c20-shell{padding:14px;border-radius:12px}.c20-shell .grid{grid-template-columns:1fr}.c20-shell button{flex:1 1 auto}.c20-shell table{min-width:560px}}