/* Price-course rev8: page-local presentation. Course data and selection logic remain intact. */
.price-course-page{--price-rose:#ac5577;--price-blue:#2e769c}
.price-course-page .course-features{padding:30px 0;background:linear-gradient(180deg,#fff,#f7fbfd)}
.course-features .section-heading{gap:26px;margin-bottom:20px}
.course-features .section-heading h2{font-size:26px;line-height:1.4;font-weight:650}
.course-features .section-heading h2 em{color:var(--price-rose)}
.course-features .section-heading>p{font-size:13px;line-height:1.8;max-width:440px}
.course-feature-grid{gap:16px}
.course-feature{isolation:isolate;padding:20px 24px 0;border-radius:22px;border-color:#d5e6ee;background:radial-gradient(ellipse at 90% 10%,#d8f4ff8c,transparent 58%),linear-gradient(145deg,#fff,#f6fbff);box-shadow:inset 0 1px 0 #fff,0 5px 16px #345f7e08;overflow:hidden}
.course-feature.is-monthly{background:radial-gradient(ellipse at 90% 10%,#ffe0eb6b,transparent 58%),linear-gradient(145deg,#fff,#fff9fb);border-color:#ecdae2}
.course-feature-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.course-feature-label{font-size:12px;line-height:1.5;letter-spacing:.03em;margin:0;font-weight:600;color:#496d82}
.is-monthly .course-feature-label{color:#87536a}
.course-feature-badge{padding:4px 8px;border:1px solid #b8dbe9;border-radius:7px;color:#387898;font-size:10px;line-height:1.35;white-space:nowrap;background:#ffffff9c;font-weight:550}
.is-monthly .course-feature-badge{border-color:#e7c7d5;color:#9a5270}
.course-feature h3{display:flex;align-items:baseline;gap:9px;font-size:20px;line-height:1.2;letter-spacing:-.025em;margin:12px 0 0;color:#295f7b}
.course-feature h3 strong{font-size:58px;font-weight:600;line-height:1;letter-spacing:-.065em;font-variant-numeric:lining-nums tabular-nums}
.course-feature h3>span{font-size:18px;font-weight:650;letter-spacing:.01em}
.course-feature-name{margin-left:5px}
.is-monthly h3{color:#9b4f70}
.course-feature-format{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 0;font-size:12px;line-height:1.5;color:#54748a;font-weight:500}
.is-monthly .course-feature-format{color:#896477}
.course-feature-light{display:flex;gap:4px;align-items:center}
.course-feature-light i{position:relative;width:27px;height:9px;overflow:hidden;border-radius:6px;background:linear-gradient(#f8ffff 0%,#bdeafb 45%,#70c7ea 55%,#c7f5ff);box-shadow:inset 0 0 0 1px #7dbed64d,0 2px 4px #377b9b12}
.course-feature-light i:nth-child(2){margin-right:5px}
.course-feature-loop{font-size:26px;font-weight:400;line-height:10px;color:#c17f99;padding-right:4px}
.course-feature-description{font-size:13px;line-height:1.8;max-width:none;margin:12px 0 0;color:#4e6476}
.course-feature-price{gap:6px 10px;margin:13px 0 16px;color:#617587;font-size:11px}
.course-feature-price strong{font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.04em;color:var(--price-blue)}
.course-feature-price strong small{font-size:12px;font-weight:500}
.is-monthly .course-feature-price strong{color:var(--price-rose)}
.course-feature-action{width:calc(100% + 48px);margin:auto -24px 0;padding:12px 24px;min-height:44px;font-size:12px;line-height:1.5;font-weight:600;border-color:#d4e5ee;background:linear-gradient(180deg,#ffffffb0,#eaf7fc7a);transition:background .2s,color .2s}
.course-feature-action>span{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:50%;background:linear-gradient(#fff 0%,#e5f8ff 46%,#b3e7f8 51%,#dff7ff);border:1px solid #b6d9e8;box-shadow:inset 0 1px 0 #fff;font-size:14px;line-height:1}
.is-monthly .course-feature-action{background:linear-gradient(180deg,#ffffffb0,#fff0f67a);border-color:#ecdbe3;color:#9e5272}
.is-monthly .course-feature-action>span{background:linear-gradient(#fff 0%,#fff0f5 46%,#f2ccdc 51%,#ffeaf3);border-color:#e6c2d2}
.course-feature-action:hover{text-decoration:none;color:#173e58;background:#e6f5fd}
.is-monthly .course-feature-action:hover{background:#fbe8f0;color:#803a56}
.course-feature-action:focus-visible,.finder-howto summary:focus-visible{outline:2px solid #327da7;outline-offset:-4px}
.course-feature-terms,.course-feature-evidence{font-size:11.5px;line-height:1.8}
.course-feature-terms{margin-top:12px}.course-feature-evidence{margin-top:3px}
.price-tools-intro{padding:18px 0}
.price-tools-inner{gap:24px;grid-template-columns:1fr 1fr}
.course-choice-guide h2{font-size:18px;margin:5px 0}
.price-tools-inner .console-top{font-size:9px;padding-bottom:6px}
.price-tools-inner .console-flow button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 5px;border-radius:12px;box-shadow:inset 0 1px 0 #fff}
.price-tools-inner .console-flow button b{font-size:12px;font-weight:500;color:#9a6480;line-height:1.3}
.price-tools-inner .console-flow button span{font-size:11px;line-height:1.3}
.price-course-page .finder-section>.shell>.section-heading{margin-bottom:10px}
.finder-howto{margin:0 0 16px;font-size:12px;color:#54738a}
.finder-howto summary{cursor:pointer;width:fit-content;text-decoration:underline;text-underline-offset:4px;padding:4px 0}
.finder-howto p{max-width:640px;margin:8px 0 0;line-height:1.8}
.price-course-page .price-strengths .section-heading{margin-bottom:12px}
.scale-positioning h3{display:flex;flex-wrap:wrap;gap:5px 16px}
.scale-positioning h3 .metric-nowrap{display:inline-block}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.course-feature-light i::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,#fff,transparent);transform:translateX(-130%)}.course-feature:hover .course-feature-light i::after{animation:price-light .8s ease both}.course-feature:hover .course-feature-light i:nth-child(2)::after{animation-delay:.1s}.course-feature:hover .course-feature-light i:nth-child(3)::after{animation-delay:.2s}.course-feature:hover .course-feature-light i:nth-child(4)::after{animation-delay:.3s}}
@keyframes price-light{to{transform:translateX(130%)}}
@media(max-width:760px){
 .price-course-page .course-features{padding:24px 0}
 .course-features .section-heading{gap:9px;margin-bottom:15px}
 .course-features .section-heading h2{font-size:23px;line-height:1.4}
 .course-features .section-heading>p{font-size:12px;line-height:1.75}
 .course-feature-grid{gap:12px}
 .course-feature{padding:17px 19px 0;border-radius:19px}
 .course-feature-label{font-size:11px}.course-feature-badge{font-size:9px;padding:4px 6px}
 .course-feature h3{margin-top:10px;gap:8px}.course-feature h3 strong{font-size:50px}.course-feature h3>span{font-size:17px}
 .course-feature-format{margin-top:8px;font-size:11px}.course-feature-light i{width:23px;height:8px}
 .course-feature-description{font-size:12px;line-height:1.75;margin-top:10px}
 .course-feature-price{margin:11px 0 12px;gap:5px 9px}.course-feature-price strong{font-size:27px}
 .course-feature-action{width:calc(100% + 38px);margin:0 -19px;padding:10px 19px;font-size:11.5px;min-height:44px}
 .course-feature-terms,.course-feature-evidence{font-size:10.5px;line-height:1.8}
 .price-tools-inner{grid-template-columns:1fr;gap:13px}
 .price-tools-inner .console-top{display:none}.price-tools-inner .console-flow{gap:6px}
 .price-tools-inner .console-flow button{display:flex;gap:4px;min-height:44px;padding:7px 3px;border-radius:11px}
 .price-tools-inner .console-flow button b{display:inline;font-size:11px}
 .price-tools-inner .console-flow button span{font-size:10px;line-height:1.4}
 .price-course-page .section-heading>p{font-size:13px;line-height:1.8}
 .price-course-page .course-features .section-heading>p{font-size:12px;line-height:1.75}
}
@media(max-width:360px){.course-feature{padding-inline:16px}.course-feature-action{width:calc(100% + 32px);margin-inline:-16px;padding-inline:16px}.course-feature h3>span{font-size:16px}.course-feature-name{margin-left:3px}.course-feature-price{gap:5px 7px}.course-feature-price strong{font-size:26px}.price-tools-inner .console-flow button b{display:none}}
/* Keep the selected-condition title in a text column even when its old dot is hidden. */
.selected-strip-title{align-items:center}
.selected-strip-title>span{min-width:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr);gap:2px}
.selected-strip-title>span i{display:none}
.selected-strip-title>span strong,.selected-strip-title>span small{grid-column:1;grid-row:auto}
.selected-strip-title>span strong{font-size:13px;line-height:1.5;white-space:nowrap}
.selected-strip-title>span small{font-size:11px;line-height:1.5;font-weight:400}
.selected-strip-title>button{flex-shrink:0;min-height:40px}
@media(max-width:760px){.selected-strip-title{gap:10px}.selected-strip-title>span strong{font-size:12px}.selected-strip-title>span small{font-size:10px}.selected-strip-title>button{font-size:11px;padding:6px 9px}.finder-toolbar{gap:8px;margin-bottom:12px}.finder-toolbar>span{font-size:11px}}
@media(max-width:360px){.selected-strip-title>span small{max-width:130px}.selected-strip-title>button{font-size:10px;padding-inline:7px}}

/* Rev9: readable category shortcuts with a visible destination. */
.price-tools-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:24px}
.price-tools-inner .hero-console{background:transparent;box-shadow:none;border:0}
.price-tools-inner .console-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0}
.price-tools-inner .console-flow>[data-hero-category]{display:grid;grid-template-columns:17px minmax(0,1fr) 10px;align-items:center;gap:6px;min-width:0;min-height:46px;padding:10px 9px;border:1px solid #cfe3ef;border-radius:12px;background:linear-gradient(180deg,#fff,#f0faff);box-shadow:inset 0 1px 0 #fff;text-decoration:none;color:#365f7e;cursor:pointer;transition:background .15s,border-color .15s}
.price-tools-inner .console-flow>[data-hero-category]>b{display:block;place-items:normal;min-width:0;width:auto;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font:500 11px/1.4 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;color:#ad5c7d}
.price-tools-inner .console-flow>[data-hero-category]>span{display:block;min-width:0;white-space:normal;margin:0;font-size:11px;font-weight:600;line-height:1.5;color:#365f7e}
.price-tools-inner .console-flow>[data-hero-category]>.shortcut-arrow{font-size:13px;font-weight:400;color:#6096b4}
.price-tools-inner .console-flow>[data-hero-category]:hover{background:#e9f7ff;border-color:#91bdd5}
.price-tools-inner .console-flow>[data-hero-category].is-selected{background:linear-gradient(180deg,#fff,#e2f5ff);border-color:#6da6c6}
.price-tools-inner .console-flow>[data-hero-category]:focus-visible{outline:2px solid #337fa7;outline-offset:3px}
#course-filters{scroll-margin-top:calc(var(--dbs-header-height,112px) + 12px)}
[data-filter-title]:focus{outline:none}
@media(max-width:1100px){.price-tools-inner .console-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.price-tools-inner .console-flow>[data-hero-category]{min-height:46px;padding:10px 12px}.price-tools-inner .console-flow>[data-hero-category]>span{font-size:12px}}
@media(max-width:760px){.price-tools-inner{grid-template-columns:minmax(0,1fr);gap:14px}.price-tools-inner .console-flow{gap:8px}.price-tools-inner .console-flow>[data-hero-category]{min-height:46px;grid-template-columns:19px minmax(0,1fr) 12px;padding:10px 12px;border-radius:12px}.price-tools-inner .console-flow>[data-hero-category]>b{font-size:12px}.price-tools-inner .console-flow>[data-hero-category]>span{font-size:12px}.price-tools-inner .console-flow>[data-hero-category]>.shortcut-arrow{font-size:14px}}
