.kyd{margin:0;padding:clamp(36px,6vw,88px) max(24px,calc((100vw - 1140px)/2));background:#edf2e6;color:#203b30;font-family:Arial,Helvetica,sans-serif;line-height:1.55;box-sizing:border-box}.kyd *{box-sizing:border-box}.kyd h2{font-size:clamp(34px,5vw,64px);line-height:1.05;margin:8px 0 20px;letter-spacing:-.04em}.kyd>p{max-width:820px}.kyd-eyebrow{text-transform:uppercase;font-size:12px;font-weight:bold;letter-spacing:.12em}.kyd .kyd-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:850px}.kyd label{display:block;font-weight:bold;margin-bottom:8px}.kyd input,.kyd select{width:100%;min-height:52px;border:1px solid #627467;border-radius:5px;background:#fff;color:#203b30;padding:12px;font:inherit}.kyd .kyd-small{font-size:14px;max-width:850px}.kyd .kyd-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.kyd button,.kyd .kyd-more{font:inherit;font-weight:bold;min-height:48px;padding:12px 22px;border:2px solid #203b30;border-radius:5px;background:#203b30;color:#fff;cursor:pointer;display:inline-block}.kyd button.kyd-reset{background:transparent;color:#203b30}.kyd :focus-visible{outline:3px solid #a54723;outline-offset:4px}.kyd .kyd-error{color:#842c18;font-weight:bold}.kyd .kyd-results{margin-top:32px;scroll-margin-top:24px}.kyd h3{font-size:28px;margin:0 0 16px}.kyd .kyd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.kyd article{background:#fff;padding:24px;border-radius:8px;border:1px solid #cad4c6}.kyd h4{font-size:20px;line-height:1.3;margin:0 0 12px}.kyd article p{margin:0 0 16px}.kyd .kyd-sources{font-size:12px;padding-left:18px;margin:0;overflow-wrap:anywhere}.kyd a{color:#203b30;text-decoration:underline}.kyd [hidden]{display:none!important}.kyd-noscript{margin:24px}@media(max-width:620px){.kyd .kyd-fields,.kyd .kyd-grid{grid-template-columns:1fr}.kyd{padding:36px 20px}.kyd button{width:100%}.kyd article{padding:20px}.kyd .kyd-more{width:100%;text-align:center}}
/* Keep the legacy help control reachable without covering content on narrow screens. */
@media(max-width:620px){body #guide-toggle{position:relative;right:auto;bottom:auto;margin:16px;display:inline-flex}body #site-guide{bottom:16px;max-height:calc(100dvh - 32px)}}
.kyd .kyd-demo{border-top:1px solid #9bad9b;margin-top:40px;padding-top:28px}.kyd .kyd-demo button{text-align:left;background:white;color:#203b30}.kyd .kyd-demo-answer{margin-top:20px;padding:24px;background:white;border-radius:8px}