.pd{border:1px solid var(--mk-line);border-radius:var(--mk-radius);background:var(--surface);min-width:0;box-shadow:var(--mk-shadow-card);color:var(--mk-ink);overflow:hidden}.pd button{font:inherit}.pd-top{border-bottom:1px solid var(--mk-line);min-height:60px;color:var(--mk-soft);justify-content:space-between;align-items:center;gap:12px;padding:4px 24px;font-size:13px;display:flex}.pd-top p{font-weight:700}.pd-reset{min-height:44px;color:var(--mk-green);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:8px;padding:8px 0;display:inline-flex;font-size:13px!important;font-weight:700!important}.pd-reset:hover{text-underline-offset:4px;text-decoration:underline}.pd-reset>span{font-size:20px}.pd-steps{border-bottom:1px solid var(--mk-line);grid-template-columns:repeat(4,minmax(0,1fr));padding:0 24px;list-style:none;display:grid}.pd-steps li{min-height:64px;color:var(--mk-soft);border-bottom:2px solid #0000;align-items:center;gap:10px;padding:12px 4px;font-size:14px;display:flex}.pd-steps .is-current{border-bottom-color:var(--mk-green);color:var(--mk-ink);font-weight:700}.pd-step-number{font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.pd-steps .is-current .pd-step-number,.pd-steps .is-done .pd-step-number{color:var(--mk-green)}.pd-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}.pd-example{background:var(--mk-ground-muted);border-right:1px solid var(--mk-line);padding:clamp(20px,3vw,40px)}.pd-panel{min-width:0;min-height:462px;padding:clamp(24px,3vw,40px)}.pd-title{letter-spacing:-.02em;text-wrap:balance;margin:0;scroll-margin-top:112px;font-size:clamp(21px,2vw,27px);font-weight:600;line-height:1.2}.pd-title:focus{outline:none}.pd-body{color:var(--mk-muted);margin-top:14px;font-size:14px;line-height:1.65}.pd-mail{border:1px solid var(--mk-line);border-radius:var(--mk-radius);background:var(--surface);overflow:hidden}.pd-mail-bar{border-bottom:1px solid var(--mk-line-soft);color:var(--mk-soft);justify-content:space-between;gap:12px;padding:12px 20px;font-size:12px;display:flex}.pd-mail-body{padding:clamp(18px,2vw,26px)}.pd-sender{min-width:0}.pd-mail .mk-mail-addr{overflow-wrap:anywhere;margin-top:3px;font-size:13px;display:block}.pd-mail .mk-mail-subject{line-height:1.6}.pd-mail .mk-mail-btn{min-height:48px;box-shadow:none;cursor:pointer;border:0;font-size:14px;font-weight:700;transition:background .2s,box-shadow .3s}.pd-mail .mk-mail-btn:hover{background:var(--mk-navy)}.pd-mail[data-revealed] .mk-mail-btn{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--error)}.pd-flag{white-space:nowrap;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;margin:0 -3px;padding:1px 3px;transition:background .3s,box-shadow .3s}.pd-flag>.mk-flag-n{opacity:0;transition:opacity .3s}.pd-flag.is-revealed{background:color-mix(in srgb, var(--error) 7%, transparent);box-shadow:inset 0 -2px 0 var(--error)}.pd-flag.is-revealed>.mk-flag-n{opacity:1}.pd-mail .mk-mail-addr,.pd-mail .mk-mail-addr *,.pd-mail .mk-mail-url,.pd-mail .mk-mail-url *,.pd-domain>span:first-child,.pd-flag>.mk-flag-n{font-family:var(--mk-mono)!important}.pd-decisions,.pd-options{gap:10px;margin-top:24px;display:grid}.pd-choice{border:1px solid var(--mk-line);border-radius:var(--mk-radius);background:var(--surface);width:100%;min-height:52px;color:var(--mk-ink);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;line-height:1.5;transition:background .2s,border-color .2s;display:flex;font-size:14px!important;font-weight:700!important}.pd-choice>svg{color:var(--mk-green);flex:none}.pd-choice:hover{background:var(--mk-ground-muted);border-color:var(--mk-green)}.pd-choice[aria-pressed=true],.pd-choice.is-correct{border-color:var(--mk-green);background:var(--mk-mint)}.pd-choice.is-wrong{border-color:var(--error);background:var(--surface)}.pd-domain>span:first-child{overflow-wrap:anywhere;font-size:13px;font-weight:400}.pd-option-mark{color:var(--mk-soft);flex:none;font-size:12px;font-weight:700}.pd-choice.is-correct .pd-option-mark{color:var(--mk-green)}.pd-choice.is-wrong .pd-option-mark{color:var(--error)}.pd-choice[aria-disabled=true]{cursor:default}.pd-clues{border-top:1px solid var(--mk-line);margin:20px 0 0;padding:0;list-style:none;display:grid}.pd-clues li{border-bottom:1px solid var(--mk-line-soft);grid-template-columns:18px minmax(0,1fr);align-items:baseline;gap:10px;padding:12px 0;display:grid}.pd-clues .mk-flag-n{margin:0}.pd-clues strong{font-size:13px;font-weight:700;display:block}.pd-clues p{color:var(--mk-muted);overflow-wrap:anywhere;margin-top:3px;font-size:13px;line-height:1.5}.pd .pd-next{min-height:48px;margin-top:22px;font-size:14px;font-weight:800}.pd-feedback{color:var(--mk-muted);margin-top:14px;font-size:13px;line-height:1.6}.pd-feedback:empty{display:none}.pd-feedback.is-correct{color:var(--mk-green)}.pd-summary{border-top:1px solid var(--mk-line);margin-top:24px}.pd-summary-label{color:var(--mk-soft);padding:14px 0;font-size:13px;font-weight:700}.pd-summary dl>div{border-top:1px solid var(--mk-line-soft);justify-content:space-between;align-items:baseline;gap:18px;padding:14px 0;font-size:14px;display:flex}.pd-summary dt{color:var(--mk-muted)}.pd-summary dd{text-align:right;margin:0;font-weight:700}.pd-summary dd>span{color:var(--mk-green)}.pd-summary-foot{color:var(--mk-muted);margin-top:18px;font-size:13px;line-height:1.6}.pd-note{border-top:1px solid var(--mk-line);color:var(--mk-muted);padding:18px 24px;font-size:13px;line-height:1.6}.pd button:focus-visible{outline:2px solid var(--mk-green);outline-offset:3px}.pd-mail button:focus-visible{outline-color:var(--mk-navy);outline-offset:6px}.pd-mini-body{padding:clamp(20px,2vw,28px)}.pd-mini .pd-title{font-size:20px}.pd-mini .pd-top{padding:14px 20px}.pd-mini .pd-top>span{flex:none;font-size:12px}.pd-mini .pd-mail{margin-top:20px}.pd-mail--compact .pd-mail-bar{display:none}.pd-mail--compact .pd-mail-body{padding:16px}.pd-mail--compact .mk-mail-avatar{display:none}.pd-mail--compact .mk-mail-subject{margin:14px 0 6px;font-size:14px}.pd-mail--compact .mk-mail-text{display:none}.pd-mail--compact .mk-mail-cta{margin-top:14px}.pd-mail-link-text{color:var(--primary-light);text-underline-offset:3px;font-size:13px;text-decoration:underline}.pd-mini .pd-decisions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}.pd-mini .pd-choice{padding:12px;font-size:13px!important}.pd-mini .pd-choice>svg{display:none}.pd-mini .pd-choice[aria-pressed=true]{background:var(--mk-ground-muted);border-color:var(--mk-navy)}.pd-mini-result{animation:pd-appear .25s var(--mk-ease) both}.pd-explanation{border-radius:var(--mk-radius);background:var(--mk-navy);color:var(--mk-on-dark-muted);margin-top:16px;padding:16px;font-size:13px;line-height:1.6}.pd-explanation strong{color:var(--surface);margin-bottom:6px;font-weight:700;display:block}.pd-mini-result>.pd-reset{margin-top:8px}@keyframes pd-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (max-width:1020px){.pd-layout{grid-template-columns:1fr}.pd-example{border-right:0;border-bottom:1px solid var(--mk-line)}.pd-panel{min-height:0}}@media (max-width:680px){.pd-top{padding-left:16px;padding-right:16px;font-size:12px}.pd-steps{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px}.pd-steps li{min-height:48px;font-size:13px}.pd-example{padding:16px}.pd-panel{padding:24px 20px}.pd-mail-body{padding:16px}.pd-mail .mk-mail-from{align-items:flex-start}.pd-mail .mk-mail-avatar{display:none}.pd-mail .mk-mail-addr{font-size:12px}.pd-mail .mk-mail-subject{font-size:16px}.pd-note{padding:16px 20px}.pd-mini .pd-top{padding:14px 16px}.pd-mini-body{padding:20px 16px}.pd-mini .pd-title{font-size:18px}.pd-mini .pd-mail .mk-mail-subject{font-size:14px}}@media (prefers-reduced-motion:reduce){.pd *,.pd :before,.pd :after{transition:none!important;animation:none!important}}
