/* RTW performance: shared columns instead of separate period cards. */
html #app#app#app#app .tp300-compact{margin:8px 0 14px!important;padding:0!important;min-width:0!important;color:#223451!important}
html #app#app#app#app .tp300-compact .tp249-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:8px!important;margin:0 0 8px!important;padding:0!important}
html #app#app#app#app .tp300-compact .tp249-heading>div{min-width:0!important}
html #app#app#app#app .tp300-compact .tp249-heading h2{margin:0 0 3px!important;font-size:18px!important;line-height:24px!important;letter-spacing:-.4px!important}
html #app#app#app#app .tp300-compact .tp249-heading p{margin:0!important;font-size:12px!important;line-height:18px!important;color:#52637c!important}
html #app#app#app#app .tp300-compact .tp249-genders{display:flex!important;flex-shrink:0!important;gap:3px!important;padding:3px!important;border:0!important;border-radius:7px!important;background:#edf1f8!important}
html #app#app#app#app .tp300-compact .tp249-genders button{min-height:32px!important;padding:5px 8px!important;border:0!important;border-radius:5px!important;background:transparent!important;font-size:12px!important;line-height:18px!important;color:#52637c!important;-webkit-text-fill-color:currentColor!important}
html #app#app#app#app .tp300-compact .tp249-genders button[aria-pressed=true]{background:#3158d8!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html #app#app#app#app .tp300-compact .tp300-frame{border:1px solid #d7e1f0!important;border-radius:7px!important;overflow:hidden!important;background:#fff!important;min-width:0!important}
html #app#app#app#app .tp300-compact .tp300-table{display:table!important;table-layout:fixed!important;width:100%!important;min-width:0!important;margin:0!important;border:0!important;border-collapse:collapse!important;font-variant-numeric:tabular-nums!important;background:#fff!important}
html #app#app#app#app .tp300-compact .tp300-growth-col{width:30%!important}
html #app#app#app#app .tp300-compact .tp300-table thead{display:table-header-group!important}
html #app#app#app#app .tp300-compact .tp300-table tbody{display:table-row-group!important}
html #app#app#app#app .tp300-compact .tp300-table tr{display:table-row!important;background:transparent!important;border:0!important}
html #app#app#app#app .tp300-compact .tp300-table th,html #app#app#app#app .tp300-compact .tp300-table td{display:table-cell!important;position:static!important;min-width:0!important;width:auto!important;padding:5px 7px!important;border:0!important;border-bottom:1px solid #e5eaf2!important;text-align:right!important;vertical-align:middle!important;background:transparent!important;white-space:normal!important;overflow-wrap:anywhere!important}
html #app#app#app#app .tp300-compact .tp300-table th:before,html #app#app#app#app .tp300-compact .tp300-table td:before{display:none!important}
html #app#app#app#app .tp300-compact .tp300-table thead th{padding:4px 7px!important;font-size:12px!important;line-height:18px!important;font-weight:650!important;color:#52637c!important;background:#f4f7fc!important}
html #app#app#app#app .tp300-compact .tp300-table th:first-child{text-align:left!important}
html #app#app#app#app .tp300-compact .tp300-table tbody tr:last-child>*{border-bottom:0!important}
html #app#app#app#app .tp300-compact .tp300-period{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:2px!important;margin:0 0 2px!important;min-width:0!important}
html #app#app#app#app .tp300-compact .tp300-period>b{font-size:12px!important;line-height:18px!important;font-weight:750!important;color:#52637c!important}
html #app#app#app#app .tp300-compact .tp300-edit{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;min-height:24px!important;min-width:26px!important;width:auto!important;margin:0!important;padding:3px 2px!important;border:0!important;border-radius:4px!important;background:#eff3ff!important;color:#3158d8!important;-webkit-text-fill-color:currentColor!important;font-size:12px!important;line-height:18px!important;font-weight:600!important}
html #app#app#app#app .tp300-compact .tp300-edit:disabled{opacity:.45!important;cursor:default!important}
html #app#app#app#app .tp300-compact .tp300-growth{display:block!important;min-width:0!important;margin:0!important;color:#223451!important;-webkit-text-fill-color:currentColor!important;font-size:19px!important;line-height:22px!important;font-weight:800!important;letter-spacing:-.7px!important;overflow-wrap:anywhere!important}
html #app#app#app#app .tp300-compact .tp300-growth>span{font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;vertical-align:baseline!important}
html #app#app#app#app .tp300-compact .tp300-growth>small{display:inline!important;font-size:12px!important;line-height:1!important;font-weight:700!important;letter-spacing:0!important;vertical-align:baseline!important;color:inherit!important}
html #app#app#app#app .tp300-compact .tp300-growth.is-long{font-size:15px!important;letter-spacing:-.4px!important}
html #app#app#app#app .tp300-compact .tp300-growth.is-positive{color:#3158d8!important}
html #app#app#app#app .tp300-compact .tp300-growth.is-negative{color:#c62828!important}
html #app#app#app#app .tp300-compact .tp300-growth.is-unknown{color:#52637c!important}
html #app#app#app#app .tp300-compact .tp300-money{display:block!important;margin:0!important;font-size:clamp(12px,3.6vw,15px)!important;line-height:18px!important;letter-spacing:-.3px!important;font-weight:550!important;color:#223451!important;overflow-wrap:anywhere!important}
html #app#app#app#app .tp300-compact strong.tp300-money{font-weight:750!important}
html #app#app#app#app .tp300-compact .tp300-source{display:block!important;margin:2px 0 0!important;font-size:12px!important;line-height:18px!important;font-weight:500!important;color:#52637c!important}
html #app#app#app#app .tp300-compact .tp300-table .tp300-target-row>td{padding:4px 7px 6px!important;background:#f7f9fd!important}
html #app#app#app#app .tp300-compact .tp300-targets{display:flex!important;align-items:baseline!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:2px 9px!important;font-size:12px!important;line-height:18px!important;color:#52637c!important}
html #app#app#app#app .tp300-compact .tp300-targets>span{white-space:nowrap!important}
html #app#app#app#app .tp300-compact .tp300-targets b{font-size:inherit!important;font-weight:700!important;color:#223451!important}
html #app#app#app#app .tp300-compact .tp300-track{height:3px!important;min-height:0!important;margin:4px 0 0!important;padding:0!important;border:0!important;border-radius:3px!important;background:#e5ebf7!important;overflow:hidden!important}
html #app#app#app#app .tp300-compact .tp300-track>span{display:block!important;height:100%!important;background:#3158d8!important}
html #app#app#app#app .tp300-compact .tp300-breakdown-row .tp300-part-name{display:block!important;font-size:12px!important;line-height:18px!important;color:#52637c!important;margin:0 0 1px!important}
html #app#app#app#app .tp300-compact .tp300-breakdown-row .tp300-growth{font-size:16px!important;line-height:20px!important}
html #app#app#app#app .tp300-compact .tp300-breakdown-row .tp300-growth.is-long{font-size:14px!important;letter-spacing:-.4px!important}
html #app#app#app#app .tp300-compact .tp300-weekly{margin:7px 0 0!important;padding:0!important;border:1px solid #d7e1f0!important;border-radius:7px!important;background:#fff!important}
html #app#app#app#app .tp300-compact .tp300-weekly>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:34px!important;margin:0!important;padding:6px 9px!important;color:#223451!important;font-size:12px!important;line-height:20px!important;font-weight:650!important;list-style:none!important;cursor:pointer!important}
html #app#app#app#app .tp300-compact .tp300-weekly>summary::-webkit-details-marker{display:none!important}
html #app#app#app#app .tp300-compact .tp300-weekly .tp300-frame{border:0!important;border-top:1px solid #e5eaf2!important;border-radius:0!important}
html #app#app#app#app .tp300-compact .tp249-readonly{margin:6px 0 0!important;padding:0!important;font-size:12px!important;line-height:18px!important;color:#52637c!important}
html #app#app#app#app .tp300-compact :is(button,summary):focus-visible{outline:2px solid #3158d8!important;outline-offset:2px!important}
@media(min-width:800px){html #app#app#app#app .tp300-compact .tp300-growth-col{width:22%!important}html #app#app#app#app .tp300-compact .tp300-money{font-size:15px!important}html #app#app#app#app .tp300-compact .tp300-targets{justify-content:flex-start!important;gap:6px 20px!important;font-size:12px!important}}

html #app#app#app#app .tp300-compact :is(.tp300-edit,.tp300-weekly>summary){box-sizing:border-box!important}

/* Keep growth percentages on one line on narrow phones. */
@media(max-width:360px){html #app#app#app#app .tp300-compact .tp300-growth{font-size:16px!important;line-height:20px!important;white-space:nowrap!important}html #app#app#app#app .tp300-compact .tp300-growth.is-long{font-size:14px!important}}