/* Three primary abilities, with conversion details as children. */
.performance-overview{margin-top:21px;padding-top:17px;border-top:1px solid #e5ebf3}
.performance-topline{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#496586;margin-bottom:12px}
.comparison-period{font-size:11px;color:#8594a8}
.performance-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.primary-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #dfe8f4;border-radius:9px;overflow:hidden;background:white}
.ability{padding:16px 14px 14px;border-right:1px solid #e6edf5;min-width:0}
.ability:last-child{border:0}
.ability h2{font-size:19px;color:#264e80;font-weight:650;line-height:1.4;margin-bottom:13px}
.main-metric>span{font-size:11px;color:#6d819d;display:block;white-space:nowrap}
.main-metric>strong{display:block;font-size:33px;font-weight:650;letter-spacing:-.6px;line-height:1.4;color:#285382;margin:3px 0 1px}
.main-metric>strong small{font-size:15px;font-weight:450;margin-left:3px}
.main-metric .metric-change{margin-top:1px}
.sample-tag{display:inline-block;vertical-align:middle;font-size:9px;font-style:normal;background:#f0f3f7;color:#90a0b3;border-radius:3px;padding:0 3px;line-height:1.5;margin-left:1px}
.metric-change{font-size:10px;line-height:1.7;font-weight:500;white-space:nowrap;display:inline-block}
.metric-change.better{color:#23886e}
.metric-change.worse{color:#b87c35}
.metric-change.neutral{color:#8b98a9}
.ability-secondary{padding-top:10px;border-top:1px solid #e7edf5;margin-top:12px}
.ability-secondary>span{display:block;font-size:11px;color:#7c8ea5;white-space:nowrap}
.ability-secondary>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-top:3px}
.ability-secondary b{font-size:18px;font-weight:600;color:#3e608a;letter-spacing:-.3px}
.ability-secondary b small{font-size:11px;font-weight:400;margin-left:3px}
.ability-secondary .unavailable{font-size:15px;font-weight:400;letter-spacing:0;color:#99a6b5}
.conversion-ability{background:#edf4ff}
.conversion-ability h2,.conversion-ability .main-metric strong{color:#2368df}
.conversion-children{border:1px solid #dfe8f4;border-radius:9px;background:#f9fbfe;padding:13px 17px;min-width:0;position:relative}
.conversion-children:before{content:'';position:absolute;width:20px;left:-21px;top:26px;border-top:1px solid #bdd1f0}
.children-heading{display:flex;align-items:center;gap:7px;border-bottom:1px solid #e2eaf5;padding-bottom:9px;margin-bottom:10px}
.children-heading h3{font-size:13px;color:#5b7cab;font-weight:600;flex:1}
.children-heading .text-button{font-size:10px}
.branch-mark{font-size:18px;line-height:1;color:#79a0d3}
.conversion-process{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:13px}
.child-metric{min-width:0}
.child-metric>span{display:block;font-size:11px;color:#8392a6}
.child-metric>div{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline}
.child-metric strong{display:inline-block;font-size:25px;font-weight:600;color:#46658d;line-height:1.6;letter-spacing:-.4px}
.child-metric strong small{font-size:12px;font-weight:400;margin-left:3px}
.child-metric strong.unavailable{font-size:17px;color:#a2adbb;line-height:2.35;font-weight:400;letter-spacing:0}
.child-metric p{color:#8595a8;font-size:10px;line-height:1.8;display:flex;flex-wrap:wrap;gap:1px 5px;align-items:baseline}
.child-metric p b{font-weight:500;color:#647e9e}
.child-metric p .metric-change{font-size:9px}
.conversion-cost{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e2eaf5;padding-top:10px;margin-top:12px;gap:15px}
.conversion-cost .child-metric strong{font-size:22px;line-height:1.5}
.next-step{margin-top:17px}

/* Practice recommendations are visible on the overview. */
.qa-section{padding:25px 32px 28px;border-top:1px solid #e7edf3;scroll-margin-top:18px}
.qa-section .section-title{margin-bottom:9px}
.qa-intro{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:17px}
.qa-intro p{font-size:12px;color:#7a8ca3}
.qa-intro>span{font-size:10px;border:1px solid #dbe6f4;border-radius:20px;color:#7e99bc;padding:2px 8px;white-space:nowrap}
.qa-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.practice-card{background:#fafcff;border:1px solid #e1eaf5;border-radius:9px;padding:16px 18px;min-width:0}
.practice-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.practice-category{font-size:12px;font-weight:600;color:#517db1}
.practice-source{font-size:10px;color:#91a0b3}
.question-bubble{position:relative;background:#eaf2fe;border-radius:8px 8px 8px 2px;padding:9px 46px 11px 12px;color:#355e95}
.question-bubble>span{font-size:10px;color:#7395c0}
.question-bubble h3{font-size:16px;font-weight:600;line-height:1.7;margin-top:2px}
.copy-question{position:absolute;right:9px;top:10px;font-size:10px;color:#7294c1;border:0;padding:3px 5px;border-radius:3px}
.copy-question:hover{background:#dbe9fe;color:#376eb2}
.answer-draft{padding:12px 1px 9px}
.answer-draft>b{display:block;font-size:10px;font-weight:500;color:#8e9daf;margin-bottom:4px}
.answer-draft p{font-size:13px;color:#506780;line-height:1.9}
.shot-step,.qa-when{font-size:11px;line-height:1.9;color:#7a8da4}
.shot-step>span,.qa-when>span{font-weight:500;color:#5c7fa9;margin-right:8px}
.shot-step{padding:7px 9px;border-radius:5px;background:#eff5fb;margin:1px 0 7px}
.qa-follow{border-top:1px dashed #dce5f0;padding-top:8px;margin-top:9px;font-size:12px;color:#607d9f}
.qa-follow>span{font-size:10px;color:#93a2b5;margin-right:7px}
.qa-rhythm{display:flex;gap:6px 9px;flex-wrap:wrap;align-items:center;font-size:11px;color:#7c91ab;border-top:1px solid #e9eef5;margin-top:19px;padding-top:13px}
.qa-rhythm b{font-weight:600;color:#5278a8;margin-right:5px}
.qa-rhythm i{font-style:normal;color:#b1bdcd}
.qa-rhythm p{flex-basis:100%;font-size:11px;color:#8c9caf;margin-top:1px}
.outline-group{padding:12px 0 17px;border-bottom:1px solid #e8eef6}
.outline-group h3{font-size:15px;color:#547aaa;margin-bottom:10px}
.outline-group>div{display:flex;gap:8px;flex-wrap:wrap}
.outline-group span{background:#f1f6fd;border:1px solid #e2ebf8;border-radius:5px;padding:4px 9px;font-size:12px;color:#718aab}
@media(min-width:1500px){.ability{padding:17px 18px}.ability h2{font-size:21px}.main-metric>strong{font-size:36px}.main-metric>span,.ability-secondary>span{font-size:12px}.metric-change{font-size:11px}.qa-section{padding-left:38px;padding-right:38px}.practice-card{padding:19px 21px}}
@media(max-width:1150px){.performance-layout{grid-template-columns:1fr;gap:12px}.conversion-children:before{display:none}.primary-metrics{width:100%}.main-metric>strong{font-size:32px}.ability{padding:14px 19px}.conversion-process{grid-template-columns:repeat(3,1fr)}.conversion-children{padding:12px 18px}.conversion-cost{grid-template-columns:1fr 1fr}.qa-section{padding-left:22px;padding-right:22px}.practice-card{padding:15px}.question-bubble h3{font-size:15px}.practice-source{font-size:9px}.performance-topline{margin-bottom:10px}}
@media(max-width:760px){.performance-overview{margin-top:17px;padding-top:14px}.performance-topline{font-size:11px}.comparison-period{font-size:10px}.ability{padding:12px 10px}.ability h2{font-size:19px;margin-bottom:10px}.main-metric>strong{font-size:30px}.main-metric>span{font-size:10px}.main-metric strong small{font-size:13px}.sample-tag{font-size:8px}.ability-secondary>span{font-size:10px}.metric-change{font-size:9px}.ability-secondary b{font-size:17px}.conversion-children{padding:12px}.child-metric strong{font-size:23px}.child-metric>span{font-size:10px}.children-heading h3{font-size:12px}.qa-section{padding:22px 18px}.qa-intro{display:block}.qa-intro>span{display:inline-block;margin-top:7px}.qa-cards{grid-template-columns:1fr;gap:12px}.practice-card{padding:15px}.practice-source{font-size:10px}.question-bubble h3{font-size:16px}.qa-rhythm{font-size:10px}.qa-rhythm p{font-size:11px}.qa-intro p{font-size:12px}}
@media(max-width:430px){.ability{padding:11px 7px}.ability h2{font-size:18px}.main-metric>strong{font-size:27px}.main-metric>span{white-space:normal;min-height:32px;line-height:1.5}.sample-tag{margin-left:0}.ability-secondary>span{white-space:normal;min-height:31px;line-height:1.5}.ability-secondary>div{display:block}.ability-secondary .metric-change{display:block}.ability-secondary b{font-size:16px}.performance-topline{gap:7px}.comparison-period{font-size:9px}.conversion-process{gap:12px;grid-template-columns:1.32fr 1fr 1fr}.child-metric strong{font-size:22px}.child-metric strong.unavailable{font-size:15px}.conversion-cost .child-metric strong{font-size:20px}.conversion-cost{gap:10px}.conversion-cost .child-metric>div{gap:1px 7px}.practice-heading{gap:8px}.practice-source{font-size:9px}}
@media print{.performance-layout{grid-template-columns:1fr 1fr}.primary-metrics{break-inside:avoid}.qa-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-card{break-inside:avoid}.copy-question{display:none}.qa-section{break-inside:auto}}