/* Arbor Survey page styles: resources.css (Resources Hub + method summaries) */
.subnav a[aria-current="page"]{background:var(--pale-green);}

/* methods fan (covers link to the summary pages) */
.methods{text-align:center;}
.methods .lede{margin-left:auto;margin-right:auto;}
.methods .eyebrow,.methods h2,.methods .lede,.mnote{position:relative;z-index:3;}
.fan{position:relative;height:380px;display:flex;align-items:flex-end;justify-content:center;margin:26px 0 14px;}
.fan .fcover{position:absolute;bottom:54px;width:178px;aspect-ratio:1/1.414;transform-origin:bottom center;text-decoration:none;}
.fan .fcover:nth-child(1){transform:rotate(-16deg) translateX(-220px);}
.fan .fcover:nth-child(2){transform:rotate(-8deg) translateX(-110px);}
.fan .fcover:nth-child(3){transform:rotate(0deg) translateX(0);}
.fan .fcover:nth-child(4){transform:rotate(8deg) translateX(110px);}
.fan .fcover:nth-child(5){transform:rotate(16deg) translateX(220px);}
.fan .fcard{display:block;width:100%;height:100%;border-radius:8px;overflow:hidden;background:#fff;border:1px solid var(--light-grey);box-shadow:0 10px 26px rgba(35,31,32,.22);transition:transform .2s ease,box-shadow .2s ease;}
.fan .fcard img{width:100%;height:100%;object-fit:cover;display:block;}
.fan .fcover:hover,.fan .fcover:focus-visible,.fan .fcover.hot{z-index:10;outline:none;}
.fan .fcover:hover .fcard,.fan .fcover:focus-visible .fcard,.fan .fcover.hot .fcard{transform:scale(1.06);box-shadow:0 24px 46px rgba(35,31,32,.34);}
.fan .fcover:focus-visible .fcard{outline:3px solid var(--sage);outline-offset:3px;}
.mnote{color:var(--mid-grey);font-size:.92rem;margin-top:22px;}

/* named method links under the fan */
.method-links{display:flex;flex-wrap:wrap;gap:10px 14px;justify-content:center;margin:42px 0 0;padding:0;list-style:none;position:relative;z-index:3;}
.method-links a{display:inline-block;background:#fff;border:1px solid var(--light-grey);border-radius:999px;padding:9px 18px;font-weight:600;font-size:.92rem;color:var(--dark-green);text-decoration:none;}
.method-links a:hover,.method-links a:focus-visible,.method-links a.hot{border-color:var(--dark-green);background:var(--dark-green);color:#fff;outline:none;}

/* tools card (valuation calculator, gated, Phase 3) */
.toolcard{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;justify-content:space-between;background:#fff;border:1px solid var(--light-grey);border-left:5px solid var(--dark-green);border-radius:10px;padding:24px 28px;}
.toolcard .tc-main{flex:1;min-width:280px;}
.toolcard .gate{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dark-green);margin-bottom:8px;}
.toolcard h3{margin:0 0 .3em;color:var(--dark-green);font-size:1.18rem;}
.toolcard p{margin:0;color:var(--mid-grey);font-size:.95rem;}
.toolcard+.toolcard{margin-top:16px;}

/* method summary page: cover + plain-answer header */
.method-head{display:flex;gap:26px;align-items:flex-start;margin:0 0 1.6rem;}
.method-head .mcover{flex:none;width:150px;aspect-ratio:1/1.414;border-radius:8px;overflow:hidden;border:1px solid var(--light-grey);box-shadow:0 8px 20px rgba(35,31,32,.16);}
.method-head .mcover img{width:100%;height:100%;object-fit:cover;display:block;}
.method-head .lead-para{margin:0;}

@media (max-width:680px){
  .fan{height:auto;flex-wrap:wrap;gap:14px;margin:18px 0;}
  .fan .fcover{position:static;transform:none!important;width:140px;}
  .fan .fcover:hover .fcard,.fan .fcover:focus-visible .fcard{transform:scale(1.03);}
}
@media (max-width:560px){
  .method-head{flex-direction:column;gap:16px;}
  .method-head .mcover{width:120px;}
}
@media (prefers-reduced-motion:reduce){.fan .fcard{transition:no