/* v18.21: home article selector and text-first guide pages */
.home-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,1fr);gap:36px;align-items:start;margin-bottom:34px}
.home-top-intro{min-width:0}.home-top .intro{margin:0 0 28px}.home-top .intro h1{font-size:clamp(48px,5.1vw,70px);line-height:1.02}.home-top .intro p{font-size:18px;line-height:1.65}
.home-top .home-picker-card{width:100%;max-width:430px;margin:0;transform:none;box-sizing:border-box}.home-top .home-picker-card:hover{transform:translateY(-3px)}
.home-practice{position:relative;box-sizing:border-box;min-width:0;padding:25px;border:1px solid #996138;border-radius:27px;background:radial-gradient(ellipse at 100% 0%,rgba(255,129,46,.14),transparent 60%),linear-gradient(145deg,rgba(40,44,46,.98),rgba(24,29,32,.98));box-shadow:0 18px 44px rgba(0,0,0,.3),0 0 24px rgba(255,124,45,.07),inset 0 1px rgba(255,193,139,.13)}
.home-practice-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-practice-top .eyebrow{font-size:10px;letter-spacing:.12em;color:#ffa869}.practice-count{font-size:11px;color:#e5b795;border:1px solid #664c3a;border-radius:20px;padding:3px 9px;white-space:nowrap}
.home-practice h2{font-size:27px;line-height:1.2;margin:14px 0 7px;color:#f5ede2;letter-spacing:-.025em}.home-practice>p{font-size:14px;line-height:1.5;color:#b8b9b7;margin:0 0 18px}
.practice-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.practice-topic{display:flex;flex-direction:column;justify-content:center;min-height:60px;box-sizing:border-box;padding:10px 11px;border:1px solid #424543;border-radius:11px;background:rgba(255,255,255,.025);text-decoration:none;transition:background .18s,border-color .18s,transform .18s}
.practice-topic strong{font-size:13px;line-height:1.35;color:#f0e9df}.practice-topic span{font-size:11px;line-height:1.5;color:#b0b4b4;margin-top:3px}.practice-topic:hover{border-color:#e79052;background:rgba(255,141,60,.08);transform:translateY(-2px)}
.practice-topic:focus-visible,.practice-all:focus-visible{outline:2px solid #ffaf74;outline-offset:3px}.practice-all{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;margin-top:17px;border-top:1px solid #564235;color:#ffb177;font-size:13px;font-weight:750;text-decoration:none}.practice-all span{font-size:21px}
.practice-section-link{margin:28px 0 0}.practice-table-scroll{display:block!important;max-width:100%;overflow-x:auto;margin:16px 0 28px;overscroll-behavior-x:contain}.practice-table-scroll:focus-visible{outline:2px solid #ffad70;outline-offset:3px}.guide-article .practice-table-scroll table{margin:0;display:table!important}.guide-article{min-width:0;overflow:visible}.guide-detail-page .brand img.brand-emblem,.guide-hub .brand img.brand-emblem{width:52px;height:52px;max-width:52px;object-fit:contain;flex:0 0 52px}.guide-detail-page .brand,.guide-hub .brand{display:inline-flex;align-items:center;gap:10px}
@media(max-width:900px){.home-top{grid-template-columns:minmax(0,1fr);gap:26px}.home-top .intro h1{font-size:clamp(46px,8vw,70px)}.home-top .home-picker-card{max-width:none}.home-practice{width:100%}.practice-topic strong{font-size:15px}.practice-topic span{font-size:12px}}
@media(max-width:480px){.home-practice{padding:19px;border-radius:23px}.home-practice h2{font-size:25px}.practice-topic{padding:10px;min-height:76px}.practice-topic strong{font-size:13px}.practice-topic span{font-size:11px}.home-practice-top .eyebrow{font-size:9px}.guide-detail-page .brand img.brand-emblem,.guide-hub .brand img.brand-emblem{width:42px;height:42px;max-width:42px;flex-basis:42px}}
@media(prefers-reduced-motion:reduce){.practice-topic{transition:none}.practice-topic:hover{transform:none}}