
:root{--content-width:1440px}
.workspace-tabs [hidden]{display:none!important}
.quarter-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 28px}
.quarter-tabs button{min-height:52px;padding:12px 16px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font:inherit;text-align:center;cursor:pointer}
.quarter-tabs button[aria-selected=true]{background:#b3c224;color:#171a12;border-color:#b3c224;font-weight:600}
.quarter-tabs button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
[data-tab-group=annual-review]>.quarter-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
.workspace-tabs [role=tabpanel]>.resource-grid{margin-top:24px}
.workspace-tabs [role=tabpanel]>p{line-height:1.8;color:var(--muted)}
.download-resource-grid,.content-sample-grid,.launch-grid{align-items:stretch;}
.download-resource-grid .resource,.content-sample-grid .resource,.launch-grid .resource{display:flex;flex-direction:column;min-width:0}
.resource-placeholder{display:block;margin-top:auto;padding-top:16px;font-size:13px;color:var(--muted)}
.content-sample-grid .sample-date{font-size:12px;color:var(--muted);margin:12px 0}
.content-sample-grid .work-actions{margin-top:auto;padding-top:16px}
.content-sample-grid h3,.download-resource-grid h3{line-height:1.5}
.quota-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.quota-rows .quota-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;background:var(--surface);border:1px solid var(--line);padding:24px;min-width:0}
.quota-row .quota-item{min-width:0}.quota-row .quota-points{flex-shrink:0;text-align:right}
.quarter-caption{font-size:13px;color:var(--muted);margin:0 0 24px;line-height:1.8}
@media(max-width:980px){}
@media(max-width:700px){.quarter-tabs{gap:6px}.quarter-tabs button{font-size:14px;padding:10px 4px}.quota-rows{grid-template-columns:1fr}.quota-rows .quota-row{padding:18px;gap:12px}.content-sample-grid .resource,.download-resource-grid .resource,.launch-grid .resource{padding:16px}.content-sample-grid h3,.download-resource-grid h3,.launch-grid h3{font-size:18px}.content-sample-grid p,.download-resource-grid p,.launch-grid p{font-size:13px}.content-sample-grid .button{padding:10px 12px;font-size:13px}}
.quota-rows .quota-row.quota-brand-fill{background:#b3c224;border-color:#b3c224}.quota-row.quota-brand-fill h3,.quota-row.quota-brand-fill p,.quota-row.quota-brand-fill span,.quota-row.quota-brand-fill strong{color:#171a12}

/* All eight resource cards share identical field tracks; absent data stays empty. */
.download-resource-grid{grid-auto-rows:1fr}
.download-resource-grid>.resource{display:grid!important;grid-template-rows:20px 30px minmax(76px,1fr)24px 48px;gap:12px;min-height:302px;align-content:stretch}
.download-resource-grid>.resource>.state,.download-resource-grid>.resource>h3,.download-resource-grid>.resource>p,.download-resource-grid>.resource>.resource-meta,.download-resource-grid>.resource>.resource-action{margin:0!important;min-width:0;align-self:start}
.download-resource-grid>.resource>.state{line-height:20px}
.download-resource-grid>.resource>h3{line-height:30px}
.download-resource-grid>.resource>p{line-height:1.7}
.download-resource-grid>.resource>.resource-meta{line-height:24px}
.download-resource-grid>.resource>.resource-action{height:48px;display:flex;align-items:stretch}
.download-resource-grid>.resource>.resource-action .download-button{display:inline-flex;align-items:center;justify-content:center;margin:0;min-height:48px}
@media(max-width:700px){.download-resource-grid>.resource{grid-template-rows:20px 28px minmax(112px,1fr)24px 44px;gap:10px;min-height:300px}.download-resource-grid>.resource>h3{font-size:16px;line-height:28px;white-space:nowrap}.download-resource-grid>.resource>.resource-action{height:44px}.download-resource-grid>.resource>.resource-action .download-button{min-height:44px;padding:10px 12px;font-size:13px}}

/* Compact equal-height resources: two intentional summary lines. */
.download-resource-grid>.resource{grid-template-rows:20px 30px 44px 20px 44px;gap:8px;min-height:0}
.download-resource-grid .resource-summary-line{display:block;white-space:nowrap;line-height:22px}
.download-resource-grid .resource-pending{display:flex;align-items:center;color:var(--muted);font-size:13px}
@media(max-width:700px){.download-resource-grid>.resource{grid-template-rows:18px 28px 40px 18px 40px;gap:8px;min-height:0}.download-resource-grid .resource-summary-line{font-size:12px;line-height:20px}.download-resource-grid>.resource>.resource-action{height:40px}.download-resource-grid>.resource>.resource-action .download-button{min-height:40px}}
@media(max-width:360px){.download-resource-grid .resource-summary-line{font-size:11px}}

/* Pending resources use a non-interactive brand-outline status. */
.download-resource-grid .resource-pending{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #b3c224;color:#b3c224;background:transparent;padding:0 16px;line-height:1.4;box-sizing:border-box;cursor:default}
.download-resource-grid>.resource>.resource-action .download-button{min-height:44px}
@media(max-width:700px){.download-resource-grid .resource-pending{min-height:40px;padding:0 12px}.download-resource-grid>.resource>.resource-action .download-button{min-height:40px}}
.sidebar .product-name{justify-self:end;align-items:flex-end;text-align:right;max-width:100%}

/* Keep the brand and navigation available while the workspace scrolls. */
.sidebar{position:sticky;top:0;z-index:50;background:var(--sidebar-bg,#0d0f11)}


.sidebar .product-name{border-left:0;padding-left:0}


/* The website return action owns the middle header slot. */
.sidebar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"brand return product" "nav nav nav"}
.sidebar>.feedback191-logo-link{grid-area:brand;justify-self:start;width:auto}
.sidebar>.product-name{grid-area:product}
.sidebar>.side-nav{grid-area:nav}
.sidebar>.feedback191-return{grid-area:return;justify-self:center;align-self:center;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;margin:0;border:1px solid var(--lime,#b3c224);background:var(--lime,#b3c224);color:#171a12;text-decoration:none;white-space:nowrap}
.sidebar>.feedback191-return:hover{filter:brightness(1.08)}
.sidebar>.feedback191-return:focus-visible{outline:2px solid var(--lime,#b3c224);outline-offset:3px}
@media(max-width:700px){.sidebar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"brand product" "return return" "nav nav";row-gap:12px}}
