/* Selective entrances: keep every resource, but reveal depth deliberately. */
html{scroll-behavior:smooth}
#choose-your-role,#guided-start,#role-quick-wins,#complete-role-library{scroll-margin-top:112px}

.selective-role-entry{position:relative}
.selective-library-assurance{max-width:900px;margin:1.15rem 0 0;padding:.85rem 1rem;border-left:4px solid #9a5030;border-radius:9px;background:#f4e7da;color:#5f493d;font-weight:750;line-height:1.55}
.hero-consulting-link{border-color:rgba(255,255,255,.72)}

.selective-quick-section{padding-top:2.25rem;padding-bottom:3rem}
.selective-quick-intro{max-width:850px;margin-bottom:1rem}
.selective-quick-intro h2{margin:.22rem 0 .65rem;font:700 clamp(2.2rem,4.7vw,4rem)/1 Georgia,"Times New Roman",serif;color:#382217}
.selective-quick-intro>p:last-child{color:#6b5549;line-height:1.65}
.selective-quick-footer{display:flex;justify-content:flex-start;margin-top:1.1rem}

.role-entry-choices{width:min(var(--max),calc(100% - 2rem));margin:2rem auto 0;padding:1.3rem;border:1px solid rgba(78,42,25,.17);border-radius:18px;background:radial-gradient(circle at 92% 4%,rgba(225,168,92,.18),transparent 34%),#fff;box-shadow:0 12px 30px rgba(44,22,12,.06)}
.role-entry-copy{max-width:850px}
.role-entry-copy h2{margin:.18rem 0 .65rem;color:#382217;font:700 clamp(2.1rem,4.3vw,3.65rem)/1 Georgia,"Times New Roman",serif}
.role-entry-copy>p:last-child{color:#6b5549;line-height:1.62}
.role-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.05rem}
.role-entry-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:210px;padding:1rem;border:1px solid rgba(78,42,25,.17);border-radius:14px;background:#fffdfa;color:inherit;text-decoration:none;box-shadow:0 8px 22px rgba(44,22,12,.045)}
.role-entry-card:hover,.role-entry-card:focus-visible{border-color:#91482c;background:#fff8f1;transform:translateY(-2px)}
.role-entry-card>span{align-self:flex-start;padding:.3rem .48rem;border-radius:999px;background:#f0dfd0;color:#6e3c26;font-size:.65rem;font-weight:900;letter-spacing:.035em;text-transform:uppercase}
.role-entry-card>strong{margin:.75rem 0 .45rem;color:#382217;font:700 1.28rem/1.18 Georgia,"Times New Roman",serif}
.role-entry-card>small{color:#6d574b;font-size:.82rem;line-height:1.5}
.role-entry-card>b{margin-top:auto;padding-top:.8rem;color:#91482c;font-size:.76rem}
.role-entry-card.is-recommended{border:2px solid #8d472b;background:linear-gradient(145deg,#fffdf9,#f7e7d8)}
.role-entry-card.is-recommended:before{content:"Recommended";position:absolute;top:-10px;right:12px;padding:.26rem .48rem;border-radius:999px;background:#6d3924;color:#fff;font-size:.58rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}

.role-library-gate{width:min(var(--max),calc(100% - 2rem));margin:2.8rem auto 4rem;border:1px solid rgba(78,42,25,.18);border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(44,22,12,.065);overflow:hidden}
.role-library-gate>summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.32rem 1rem;align-items:center;min-height:138px;padding:1.25rem 4.5rem 1.25rem 1.3rem;list-style:none;cursor:pointer;background:radial-gradient(circle at 90% 18%,rgba(225,168,92,.25),transparent 32%),linear-gradient(135deg,#2b1711,#63341f);color:#fff}
.role-library-gate>summary::-webkit-details-marker{display:none}
.role-library-gate>summary:focus-visible{outline:3px solid #efbd75;outline-offset:-4px}
.role-library-gate-kicker{grid-column:1;color:#efbd75;font-size:.7rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.role-library-gate>summary>strong{grid-column:1;color:#fff;font:700 clamp(1.85rem,4vw,3.15rem)/1.03 Georgia,"Times New Roman",serif}
.role-library-gate>summary>small{grid-column:1;max-width:850px;color:#ead8ca;font-size:.86rem;line-height:1.55}
.role-library-gate>summary>b{position:absolute;right:1.25rem;top:50%;display:grid;place-items:center;width:44px;height:44px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.26);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:1.55rem}
.role-library-gate[open]>summary>b{transform:translateY(-50%) rotate(45deg)}
.role-library-gate[open]>summary{border-bottom:1px solid rgba(78,42,25,.16)}
.role-library-index.role-library-index-inner{width:100%;margin:0;padding:1.3rem}

@media(max-width:900px){
  .role-entry-grid{grid-template-columns:1fr}
  .role-entry-card{min-height:150px}
}
@media(max-width:700px){
  #choose-your-role,#guided-start,#role-quick-wins,#complete-role-library{scroll-margin-top:82px}
  .role-entry-choices,.role-library-gate{width:calc(100% - 1rem)}
  .role-entry-choices{margin-top:1rem;padding:.85rem}
  .role-entry-copy h2{font-size:clamp(2rem,9.5vw,3rem)}
  .role-entry-card{min-height:138px;padding:.9rem}
  .role-library-gate{margin:1.5rem auto 3rem}
  .role-library-gate>summary{min-height:160px;padding:1rem 3.7rem 1rem 1rem}
  .role-library-gate>summary>strong{font-size:clamp(1.7rem,8.5vw,2.5rem)}
  .role-library-gate>summary>b{right:.85rem;width:38px;height:38px}
  .role-library-index.role-library-index-inner{padding:.65rem}
  .selective-library-assurance{font-size:.88rem}
}
@media(hover:none){
  .role-entry-card:hover{transform:none}
}
@media print{
  .role-entry-choices,.role-library-gate>summary{display:none!important}
  .role-library-gate{display:block!important;width:100%;margin:0;border:0;box-shadow:none;overflow:visible}
  .role-library-gate>.role-library-index{display:block!important}
}
