/* Homepage "For organisations" block (owner review, 27 Sep 2026), with home-organisations.mjs. */

/* One column: the heading, the introduction, then the block's one button with its note. */
.homepage-page #home-organisations .hp-org-intro{grid-template-columns:minmax(0,1fr)}
.homepage-page #home-organisations .hp-copy>.hp-org-action{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:26px}
.homepage-page #home-organisations .hp-copy>.hp-org-action>span{margin:0}

/* The stages read as choices: full-contrast titles on every tab, the selected one white like the panel beside it, with
   no line on its edge (owner, 29 Sep 2026); the tiles take their own height instead of stretching to the panel's. */
.homepage-page #home-organisations .team-workspace .team-tabs{align-self:start;grid-template-rows:none;gap:8px}
.homepage-page #home-organisations .team-workspace .team-tabs button{background:transparent;color:var(--ink,#203432);padding:18px 20px;box-shadow:inset 0 0 0 1px #d6e2d9}
.homepage-page #home-organisations .team-workspace .team-tabs button>span,
.homepage-page #home-organisations .team-workspace .team-tabs button small{color:#526d64}
.homepage-page #home-organisations .team-workspace .team-tabs strong{font-size:22px}
.homepage-page #home-organisations .team-workspace .team-tabs button:not([aria-selected=true]):hover{background:#fff}
.homepage-page #home-organisations .team-workspace .team-tabs button[aria-selected=true]{background:#fff;color:var(--forest,#244140);box-shadow:0 1px 2px rgba(20,45,40,.08)}
.homepage-page #home-organisations .team-workspace .team-tabs button[aria-selected=true] small{color:#526d64}

/* The example report: one label, bars in one colour, the priority marked on its row. */
.homepage-page #home-organisations .assessment-top{justify-content:flex-start}
.homepage-page #home-organisations .assessment-skill.priority .assessment-track>span{background:#258f79}
.homepage-page #home-organisations .assessment-skill>div:first-child{align-items:center}
.homepage-page #home-organisations .assessment-skill>div:first-child>span{margin-right:auto}
.homepage-page #home-organisations .assessment-flag{padding:2px 9px;border-radius:6px;background:#c1f99b;color:#244140;font-size:12px;font-style:normal;font-weight:600;line-height:1.5}
/* AML Assess, the Assess stage's second offer, on a pale tile under the example report. */
.homepage-page #home-organisations .assessment-hire{margin:26px 0 0;padding:14px 18px;border-radius:12px;background:#f3f7f3;font-size:14px;line-height:1.55;color:#526d64}
.homepage-page #home-organisations .assessment-hire strong{font-weight:600;color:var(--ink,#203432)}
/* Four programmes, FIAR included, in the height three took. */
@media(min-width:761px){.homepage-page #home-organisations .programme-map>a{padding:15px 0}.homepage-page #home-organisations .programme-map>a:first-child{padding-top:4px}.homepage-page #home-organisations .programme-map>a:last-child{padding-bottom:4px}}

/* Switching stages no longer moves the page: every panel shares one cell, so the block keeps the tallest panel's height.
   Phones keep their own heights, where the panels differ most. */
@media(min-width:761px){
 .homepage-page #home-organisations .team-panels{display:grid}
 .homepage-page #home-organisations .team-panels>.team-panel{grid-area:1/1}
 .homepage-page #home-organisations .team-panels>.team-panel[hidden]{display:grid!important;visibility:hidden}
 .homepage-page #home-organisations .team-panels>.assessment-panel[hidden]{display:flex!important}
 /* The report is the shortest panel: its link settles at the foot instead of leaving an empty band below it. */
 .homepage-page #home-organisations .assessment-panel>.assessment-link{margin-top:auto}
}

/* Phones: the stages as a segmented control; no text under 12px. */
@media(max-width:760px){
 .homepage-page #home-organisations .team-workspace .team-tabs{padding:4px;gap:4px;border-radius:12px;background:#e6eee9}
 .homepage-page #home-organisations .team-workspace .team-tabs button{padding:14px 10px;box-shadow:none;border-radius:9px!important;min-height:52px}
 .homepage-page #home-organisations .team-workspace .team-tabs button[aria-selected=true]{box-shadow:0 1px 2px rgba(20,45,40,.14)}
 /* The segmented control needs no dividers: the shared tablet rule's left border drew a line beside each stage. */
 .homepage-page #home-organisations .team-workspace .team-tabs button+button{border-left:0!important}
 .homepage-page #home-organisations .team-workspace .team-tabs strong{font-size:16px}
 .homepage-page #home-organisations .team-workspace .team-tabs button>span,
 .homepage-page #home-organisations .assessment-top{font-size:12px}
}

/* Develop rows (owner, 2 October 2026): each offer's icon sits in a tinted circle the size of a programme badge's visible
   artwork, its column less the badges' transparent edge, so the gap to the text matches Certify: 16px on laptops, 13px
   on phones. A fixed 64px circle overflowed the 50px column and touched the text. */
.homepage-page #home-organisations .develop-map .develop-icon{display:grid;place-items:center;width:calc(100% - 4px);aspect-ratio:1;justify-self:center;border-radius:50%;background:var(--ds-surface-tint);color:var(--amlcc-forest)}
.homepage-page #home-organisations .develop-map .develop-icon svg{width:24px;height:24px}
.homepage-page #home-organisations .develop-map .develop-icon img{width:26px;height:26px}
@media(max-width:760px){
 .homepage-page #home-organisations .develop-map .develop-icon svg{width:20px;height:20px}
 .homepage-page #home-organisations .develop-map .develop-icon img{width:22px;height:22px}
}