/* ==========================================================================
   ETHICARE RESOURCING — PROFESSION PAGES, DIGEST LAYOUT
   The page reads in two passes: seven essentials, each a one-line answer you can
   open, then the detail as a second accordion. Nothing is removed; it is folded.
   ========================================================================== */
.acc-sec .lead{max-width:60ch}
.acc{margin-top:clamp(28px,3.4vw,44px);border-top:2px solid #02615D}
.acc-i{border-bottom:1px solid #C9DED3}
.acc-i>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(150px,.5fr) minmax(0,1.6fr) 40px;gap:8px clamp(20px,3vw,48px);align-items:center;padding:clamp(20px,2.4vw,26px) 0;transition:background .15s ease}
.acc-i>summary::-webkit-details-marker{display:none}
.acc-i>summary:hover .ttl{color:#014E4B}
.acc-i>summary:focus-visible{outline:3px solid #A6C84A;outline-offset:4px;border-radius:6px}
.acc-i .lbl{font-family:var(--display,'Work Sans',sans-serif);font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#2F5E49;line-height:1.4}
.acc-i .ttl{font-family:var(--display,'Work Sans',sans-serif);font-weight:600;font-size:clamp(18px,1.75vw,21px);line-height:1.3;letter-spacing:-.01em;color:#02615D;text-wrap:pretty}
.acc-i .pm{justify-self:end;width:34px;height:34px;border-radius:50%;border:1.5px solid #02615D;position:relative;flex:none;transition:background .15s ease,transform .2s ease}
.acc-i .pm::before,.acc-i .pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.8px;background:#02615D;transform:translate(-50%,-50%);transition:transform .2s ease,background .15s ease}
.acc-i .pm::after{transform:translate(-50%,-50%) rotate(90deg)}
.acc-i[open] .pm{background:#02615D}
.acc-i[open] .pm::before,.acc-i[open] .pm::after{background:#fff}
.acc-i[open] .pm::after{transform:translate(-50%,-50%) rotate(0deg)}
.acc-b{padding:0 0 clamp(26px,3vw,38px) calc(min(33%, 260px) + clamp(20px,3vw,48px));max-width:none}
.acc-b>p,.acc-b .reading>p{max-width:64ch}
.acc-b>p:first-child{margin-top:0}
.acc-b .go{display:inline-block;margin-top:12px;font-family:var(--display,'Work Sans',sans-serif);font-weight:600;font-size:14.5px;color:#2F5E49;border-bottom:1px solid #72A471;padding-bottom:2px}
.acc-b .go:hover{color:#02615D}
/* sections folded into the accordion keep their content, not their page chrome */
.acc-b .wrap,.acc-b .wrap.reading{max-width:none!important;padding:0!important;margin:0!important}
.acc-b .wrap.reading>*{max-width:64ch}
.acc-b .section{padding:0!important;background:none!important}
.acc-b .lead{font-size:17px}
.acc-b .moment{font-size:clamp(24px,2.6vw,32px)}
.acc-b h2{font-size:clamp(22px,2.2vw,27px);margin-top:28px}
.acc-b>*:first-child{margin-top:0}
.acc-b .cols3,.acc-b .paygrid,.acc-b .where4,.acc-b .factrow,.acc-b .vocp-grid,.acc-b .docgrid{margin-top:22px}
#detail .acc-i>summary{grid-template-columns:minmax(150px,.5fr) minmax(0,1.6fr) 40px}
@media (max-width:760px){
  .acc-i>summary{grid-template-columns:1fr 36px;gap:6px 14px}
  .acc-i .lbl{grid-column:1/2}
  .acc-i .ttl{grid-column:1/2}
  .acc-i .pm{grid-row:1/3;grid-column:2}
  .acc-b{padding-left:0}
}
@media print{.acc-i{border:0}.acc-i>summary .pm{display:none}}
.acc-i>summary::after,.acc-i>summary::before{content:none!important;display:none!important}
body:has(header.phero.au) .acc-i .lbl{color:#B32C62}