/* Plan details: one focused sheet, a clear checklist, and a persistent action. */
body[data-ux-review] .ux-plan>.button.ux-plan-commercial{min-height:54px;font-size:16px;font-weight:650;border:1px solid #c6b1ef94;background:linear-gradient(115deg,#7534b5,#3c428e 55%,#17657b);color:#fff;box-shadow:inset 0 1px 0 #ffffff45,0 7px 23px #67409d38;border-radius:10px}
body[data-ux-review] .ux-plan>.button.ux-plan-commercial:hover{border-color:#e3cffc;box-shadow:inset 0 1px 0 #ffffff60,0 9px 27px #8055b64d}
#ux-plan-dialog{width:min(900px,calc(100% - 32px));max-height:calc(100dvh - 40px);border-radius:16px;border-color:#bba7d97a;background:radial-gradient(ellipse at 6% 0,#40265d60,transparent 42%),linear-gradient(135deg,#11121e,#081521);box-shadow:0 32px 110px #000b}
#ux-plan-dialog .ux-plan-dialog-bar{padding:29px 34px 23px;border-bottom:1px solid #b5adcb30;align-items:center;position:relative}
#ux-plan-dialog .ux-plan-dialog-bar:before{content:"";position:absolute;left:34px;right:34px;top:0;height:1px;background:linear-gradient(90deg,transparent,#d0a9eb,#9edfeb,transparent)}
#ux-plan-dialog .ux-plan-dialog-bar .eyebrow{font-size:12px;letter-spacing:.12em;color:#b9adce;margin:0 0 8px}
#ux-plan-dialog .ux-plan-dialog-bar h2{font-size:42px;line-height:1.05;letter-spacing:-.045em;font-weight:550;color:#f0e9fa}
#ux-plan-dialog .ux-plan-close{min-width:44px;min-height:44px;border-radius:50%;background:#9d8bb516;border:1px solid #b7a3d339;font-weight:300}
#ux-plan-dialog .ux-plan-close:hover{background:#bba6d52a}
#ux-plan-dialog .ux-plan-dialog-scroll{padding:25px 34px 28px;scrollbar-gutter:stable;overscroll-behavior:contain}
#ux-plan-dialog #ux-plan-dialog-intro{font-size:20px;font-weight:450;line-height:1.4;letter-spacing:-.02em;color:#e3d9ed;margin:0 0 27px}
#ux-plan-dialog-content{display:grid;grid-template-columns:1fr 1fr;column-gap:34px;row-gap:23px}
#ux-plan-dialog .ux-plan-detail-group{margin:0;padding:0 0 23px;border-bottom:1px solid #a998c32b;min-width:0}
#ux-plan-dialog .ux-plan-detail-group[data-kind="included"],#ux-plan-dialog .ux-plan-detail-group[data-kind="terms"]{grid-column:1 / -1}
#ux-plan-dialog .ux-plan-detail-group h3{font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;line-height:1.4;color:#c4aedc;margin:0 0 15px}
#ux-plan-dialog .ux-plan-detail-group[data-kind="included"] h3{color:#b4dbe6}
#ux-plan-dialog .ux-plan-detail-group ul{display:grid;grid-template-columns:1fr;gap:14px;padding:0;list-style:none;margin:0}
#ux-plan-dialog .ux-plan-detail-group[data-kind="included"] ul{grid-template-columns:1fr 1fr;gap:18px 30px}
#ux-plan-dialog .ux-plan-detail-group li{display:grid;grid-template-columns:21px minmax(0,1fr);gap:10px;align-items:start;margin:0;font-size:15px;line-height:1.65;color:#ddd7e7}
#ux-plan-dialog .ux-plan-item-mark{font-size:16px;line-height:1.55;color:#b3a1d1;text-align:center}
#ux-plan-dialog [data-kind="included"] .ux-plan-item-mark{color:#9edce4}
#ux-plan-dialog .ux-plan-detail-group p{font-size:14px;line-height:1.7;color:#bdb6cc;margin:0}
#ux-plan-dialog .ux-plan-detail-group[data-kind="terms"]{border:0;padding-bottom:0}
#ux-plan-dialog .ux-plan-dialog-action{flex-shrink:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 24px;padding:18px 34px 21px;border-top:1px solid #b9a7d145;background:linear-gradient(110deg,#1c1629f7,#0b1c28fa)}
#ux-plan-dialog .ux-plan-action-note{font-size:13px;line-height:1.5;color:#c4bbd2;margin:0;max-width:32ch}
#ux-plan-dialog .ux-plan-dialog-action>.button{min-height:52px;min-width:220px;font-size:16px;font-weight:650;line-height:1.3;padding:14px 24px;border-radius:10px;border:1px solid #c4b1ee99;background:linear-gradient(115deg,#763eb3,#464c9c 55%,#18647b);box-shadow:inset 0 1px 0 #fff4,0 6px 19px #5f3e8e33;color:#fff;text-align:center}
#ux-plan-dialog .ux-plan-dialog-action>[hidden]{display:none!important}
#ux-plan-dialog .ux-plan-action-status{grid-column:1 / -1;margin:0;padding:13px 0 0;border-top:1px solid #ae9fc333;font-size:14px;line-height:1.6;color:#e0d6ec}
#ux-plan-dialog button:focus-visible,#ux-plan-dialog a:focus-visible{outline:3px solid #ace4f2;outline-offset:4px}
@media(max-width:760px){#ux-plan-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:13px}#ux-plan-dialog .ux-plan-dialog-bar{padding:21px 20px 18px}#ux-plan-dialog .ux-plan-dialog-bar:before{left:20px;right:20px}#ux-plan-dialog .ux-plan-dialog-bar h2{font-size:34px}#ux-plan-dialog .ux-plan-dialog-scroll{padding:21px 20px 23px}#ux-plan-dialog #ux-plan-dialog-intro{font-size:18px;margin-bottom:23px}#ux-plan-dialog-content{grid-template-columns:1fr;gap:22px}#ux-plan-dialog .ux-plan-detail-group[data-kind="included"] ul{grid-template-columns:1fr;gap:13px}#ux-plan-dialog .ux-plan-dialog-action{grid-template-columns:1fr;padding:15px 20px 18px;gap:12px}#ux-plan-dialog .ux-plan-action-note{max-width:none;font-size:12px}#ux-plan-dialog .ux-plan-dialog-action>.button{width:100%;min-width:0;min-height:50px}#ux-plan-dialog .ux-plan-action-status{font-size:13px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){#ux-plan-dialog *,body[data-ux-review] .ux-plan>.ux-plan-commercial{transition:none;animation:none;scroll-behavior:auto}}

/* V26: compact complete plan sheets; overflow remains available when required. */
#ux-plan-dialog{width:min(820px,calc(100% - 32px))}
#ux-plan-dialog .ux-plan-dialog-bar{padding:15px 24px 14px}
#ux-plan-dialog .ux-plan-dialog-bar:before{left:24px;right:24px}
#ux-plan-dialog .ux-plan-dialog-bar .eyebrow{font-size:12px;margin-bottom:5px}
#ux-plan-dialog .ux-plan-dialog-bar h2{font-size:33px}
#ux-plan-dialog .ux-plan-dialog-scroll{padding:14px 24px 15px;scrollbar-gutter:auto}
#ux-plan-dialog #ux-plan-dialog-intro{font-size:17px;line-height:1.35;margin-bottom:13px}
#ux-plan-dialog-content{column-gap:22px;row-gap:9px}
#ux-plan-dialog .ux-plan-detail-group{grid-column:1 / -1;padding-bottom:9px}
#ux-plan-dialog .ux-plan-detail-group h3{font-size:12px;line-height:1.35;letter-spacing:.055em;margin-bottom:8px}
#ux-plan-dialog .ux-plan-detail-group ul,#ux-plan-dialog .ux-plan-detail-group[data-kind="included"] ul{grid-template-columns:1fr 1fr;gap:8px 22px}
#ux-plan-dialog .ux-plan-detail-group li{grid-template-columns:17px minmax(0,1fr);gap:8px;font-size:14px;line-height:1.4}
#ux-plan-dialog .ux-plan-item-mark{font-size:15px;line-height:1.3}
#ux-plan-dialog .ux-plan-detail-group p{font-size:14px;line-height:1.4}
#ux-plan-dialog .ux-plan-detail-group[data-kind="terms"]{padding-bottom:0}
#ux-plan-dialog .ux-plan-dialog-action{padding:12px 24px 14px;gap:10px 20px}
#ux-plan-dialog .ux-plan-dialog-action>.button{min-width:236px;min-height:54px;font-size:17px;font-weight:750;border:1px solid #d9c4fa;background:linear-gradient(112deg,#963ee0,#5552bf 52%,#16809b);box-shadow:inset 0 1px 0 #ffffff88,0 7px 23px #8953cb66,0 0 0 1px #bda8dc29;text-shadow:0 1px 2px #24133966}
#ux-plan-dialog .ux-plan-dialog-action>.button:hover{border-color:#f1e3ff;background:linear-gradient(112deg,#a34beb,#625ecc 52%,#1d8ba4)}
@media(max-width:760px){#ux-plan-dialog{width:calc(100% - 24px)}#ux-plan-dialog .ux-plan-dialog-bar{padding:17px 18px 14px}#ux-plan-dialog .ux-plan-dialog-bar:before{left:18px;right:18px}#ux-plan-dialog .ux-plan-dialog-scroll{padding:18px}#ux-plan-dialog #ux-plan-dialog-intro{font-size:18px;line-height:1.4;margin-bottom:20px}#ux-plan-dialog-content{gap:18px}#ux-plan-dialog .ux-plan-detail-group{padding-bottom:18px}#ux-plan-dialog .ux-plan-detail-group ul,#ux-plan-dialog .ux-plan-detail-group[data-kind="included"] ul{grid-template-columns:1fr;gap:12px}#ux-plan-dialog .ux-plan-detail-group li,#ux-plan-dialog .ux-plan-detail-group p{font-size:15px;line-height:1.6}#ux-plan-dialog .ux-plan-dialog-action{padding:14px 18px 16px}#ux-plan-dialog .ux-plan-dialog-action>.button{min-width:0;width:100%;font-size:16px}}

/* V27: a narrow, upright subscription card with a single reading column. */
#ux-plan-dialog{width:min(520px,calc(100% - 32px));border-radius:17px}
#ux-plan-dialog .ux-plan-dialog-bar{padding:18px 24px 17px}
#ux-plan-dialog .ux-plan-dialog-bar h2{font-size:36px}
#ux-plan-dialog .ux-plan-dialog-scroll{padding:18px 24px 20px}
#ux-plan-dialog #ux-plan-dialog-intro{font-size:18px;line-height:1.4;margin-bottom:18px}
#ux-plan-dialog-content{grid-template-columns:1fr;row-gap:15px}
#ux-plan-dialog .ux-plan-detail-group{grid-column:1;padding-bottom:15px}
#ux-plan-dialog .ux-plan-detail-group h3{font-size:12px;line-height:1.4;margin-bottom:10px}
#ux-plan-dialog .ux-plan-detail-group ul,#ux-plan-dialog .ux-plan-detail-group[data-kind="included"] ul{grid-template-columns:1fr;gap:10px}
#ux-plan-dialog .ux-plan-detail-group li,#ux-plan-dialog .ux-plan-detail-group p{font-size:14px;line-height:1.5}
#ux-plan-dialog .ux-plan-dialog-action{grid-template-columns:1fr;gap:11px;padding:15px 24px 19px}
#ux-plan-dialog .ux-plan-action-note{max-width:none;text-align:center;font-size:12px}
#ux-plan-dialog .ux-plan-dialog-action>.button{width:100%;min-width:0;min-height:56px;font-size:17px}
body[data-ux-review] .ux-plan>ul>li{padding-left:24px}
body[data-ux-review] .ux-plan>ul>li:before{content:'✓';display:block;position:absolute;left:0;top:0;color:#6fe0a2;font-size:17px;font-weight:650;text-shadow:none}
@media(max-width:760px){#ux-plan-dialog{width:min(520px,calc(100% - 24px))}#ux-plan-dialog .ux-plan-dialog-bar{padding:17px 18px 14px}#ux-plan-dialog .ux-plan-dialog-scroll{padding:18px}#ux-plan-dialog .ux-plan-detail-group li,#ux-plan-dialog .ux-plan-detail-group p{font-size:15px;line-height:1.6}#ux-plan-dialog .ux-plan-dialog-action{padding:14px 18px 16px}}
