.home-resources{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#f2efe7;color:#233c49}
.home-resource{display:flex;flex-direction:column;min-width:0;padding:8px 52px 0 0}
.home-resource+.home-resource{border-left:1px solid #b7a47566;padding:8px 0 0 52px}
.home-resource h2{margin:24px 0 18px;font-size:clamp(28px,2.6vw,38px)}
.home-resource>p{font-size:17px;line-height:1.95;margin:0;color:#53636a}
.home-resource .eyebrow{display:flex;flex-wrap:wrap;gap:8px 16px}
.resource-detail{min-height:132px;margin:28px 0 24px;font-size:15px;line-height:1.8}
.resource-note{font-size:13px;letter-spacing:.08em;color:#72664d}.resource-detail p{margin:12px 0 0;max-width:32em}.resource-detail time{display:block;font-size:13px;color:#72664d;margin-bottom:5px}
.resource-sound{display:flex;align-items:center}.resource-sound .sound-lines{height:76px;gap:7px}.resource-sound .sound-lines i{background:#a88e54}
.resource-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;margin-top:auto;border-top:1px solid #9b895b77;border-bottom:1px solid #9b895b77;font-size:16px;position:relative}
.resource-entry:after{content:'';position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:#ad8d49;transform:scaleX(0);transform-origin:left;transition:transform .45s}
.resource-entry-mark{width:8px;height:8px;border:1px solid #a88e54;border-radius:50%;transition:background .3s,box-shadow .3s}
.resource-entry:hover:after,.resource-entry:focus-visible:after{transform:scaleX(1)}.resource-entry:hover .resource-entry-mark,.resource-entry:focus-visible .resource-entry-mark{background:#a88e54;box-shadow:0 0 0 5px #a88e541a}
.resource-entry:focus-visible{outline:2px solid #a88e54;outline-offset:5px}
html[data-theme=dark] .home-resources{background:#172d38;color:#e4e9e7}html[data-theme=dark] .home-resource>p{color:#c3cfd1}html[data-theme=dark] .resource-note,html[data-theme=dark] .resource-detail time{color:#cdb782}
@media(max-width:900px){.home-resource{padding-right:28px}.home-resource+.home-resource{padding-left:28px}.home-resource>p{font-size:16px}}
@media(max-width:620px){.home-resources{grid-template-columns:1fr;gap:42px}.home-resource,.home-resource+.home-resource{padding:0;border:0}.home-resource h2{margin-top:18px;font-size:28px}.resource-detail{min-height:0;margin:22px 0}.resource-sound{height:68px}.resource-entry{min-height:60px}}