.pkhi{max-width:1000px;margin:auto;color:#19313e;line-height:1.7}.pkhi *{box-sizing:border-box}.pkhi [hidden]{display:none!important}.pkhi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pkhi label{display:block;font-weight:600}.pkhi input{display:block;width:100%;min-width:0;padding:12px;margin:8px 0 16px;border:1px solid #afc4cd;border-radius:8px;font:inherit;color:#19313e;background:white}.pkhi button{font:inherit;min-height:48px;padding:12px 20px;border:0;border-radius:8px;background:#003e62;color:white;cursor:pointer}.pkhi button:disabled{opacity:.5;cursor:default}.pkhi-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.pkhi :focus-visible{outline:3px solid #008575;outline-offset:3px}.pkhi-result{font-size:1.15rem;font-weight:600}.pkhi-dial{position:relative;width:240px;height:240px;max-width:100%;border:2px solid #afc4cd;border-radius:50%;margin:24px auto;background:#eef8f6}.pkhi-north,.pkhi-south,.pkhi-east,.pkhi-west{position:absolute;font-weight:700}.pkhi-north{top:6px;left:calc(50% - 6px)}.pkhi-south{bottom:6px;left:calc(50% - 6px)}.pkhi-east{right:10px;top:calc(50% - 14px)}.pkhi-west{left:10px;top:calc(50% - 14px)}.pkhi-arrow{position:absolute;inset:30px;display:flex;align-items:center;justify-content:center;font:110px/1 sans-serif;color:#008575;transform-origin:center}.pkhi-direction p{text-align:center}.pkhi-count{font-size:clamp(3rem,12vw,5rem);text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.pkhi .pkhi-tap{display:block;width:100%;min-height:110px;background:#008575;font-size:1.5rem}.pkhi-storage,.pkhi-location-note{font-size:.9rem;color:#47564e}.pkhi h2{font-size:1.6rem}@media(max-width:600px){.pkhi-grid{grid-template-columns:minmax(0,1fr)}.pkhi-actions button{flex:1 1 130px}}

.pkhi{background:#fff;border:1px solid #dbe5e9;border-radius:16px;padding:24px}.pkhi-actions a{display:inline-block;padding:10px 14px;background:#edf8f5;border-radius:8px;color:#003e62;text-decoration:none}.pkhi select{width:100%;padding:12px;font:inherit;border:1px solid #afc4cd;border-radius:8px;background:white}.pkhi form button{margin:12px 8px 12px 0}.pkhi-output table{width:100%;border-collapse:collapse}.pkhi-output th,.pkhi-output td{text-align:left;padding:10px;border-bottom:1px solid #dbe5e9}.pkhi-output{overflow-x:auto}.pkhi-summary{padding:20px;background:#edf8f5;border-radius:12px}@media(max-width:600px){.pkhi{padding:16px}.pkhi-actions a{flex:1 1 140px}.pkhi-output td,.pkhi-output th{padding:8px;font-size:.9rem}}
.pkhi,.pkhi *{min-width:0}.pkhi{overflow-wrap:anywhere}.pkhi-dial{height:auto;aspect-ratio:1}@media(max-width:600px){.pkhi input,.pkhi select{font-size:16px}}