.learning-page{max-width:1200px;margin:auto;padding:58px 28px 88px;color:#242b23}
.learning-hero{max-width:790px;margin-bottom:36px}.learning-hero .eyebrow{color:#9a783b;font:600 12px/1.5 Inter,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.learning-hero h1{font:500 clamp(38px,5vw,65px)/1.08 Georgia,serif;margin:12px 0 22px;letter-spacing:-.025em}.learning-hero p{font:17px/1.7 Inter,Arial,sans-serif;color:#61655c;max-width:720px}
.learning-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:25px}.learning-secondary{font:600 14px/1.5 Inter,Arial,sans-serif;color:#333c2d;text-decoration:underline;text-underline-offset:4px}
.learning-controls{display:flex;align-items:end;flex-wrap:wrap;gap:16px;padding:22px 0 30px;border-top:1px solid #e1d9c8}
.learning-controls label{display:grid;gap:8px;font:600 13px/1.4 Inter,Arial,sans-serif}.learning-search{flex:1;min-width:240px}.learning-controls input,.learning-controls select{box-sizing:border-box;min-height:48px;background:#fff;border:1px solid #d9d3c5;border-radius:9px;padding:12px 14px;color:#252d23;font:15px/1.4 Inter,Arial,sans-serif}.learning-controls select{min-width:210px}
#guideCount{margin:0 0 13px auto;font:14px/1.4 Inter,Arial,sans-serif;color:#73776c}
.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.learning-card{overflow:hidden;border:1px solid #e4dfd3;border-radius:14px;background:#fff;box-shadow:0 5px 25px #252d2305}
.learning-poster{display:block;position:relative;width:100%;padding:0;border:0;cursor:pointer;aspect-ratio:16/9;background:#111713;overflow:hidden}.learning-poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.learning-poster:hover img{transform:scale(1.025)}
.learning-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#d1af63;color:#182014;font:22px/1 Arial;box-shadow:0 3px 15px #0003}.learning-duration{position:absolute;right:10px;bottom:10px;padding:4px 7px;border-radius:5px;background:#111b;color:#fff;font:12px/1.3 Inter,Arial,sans-serif}
.learning-card-copy{padding:22px}.learning-category{font:600 11px/1.4 Inter,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#92703a}.learning-card h2{margin:9px 0 11px;font:600 20px/1.35 Inter,Arial,sans-serif}.learning-card p{min-height:66px;margin:0 0 20px;font:14px/1.6 Inter,Arial,sans-serif;color:#686c62}.learning-watch{padding:0;border:0;background:none;font:600 14px/1.5 Inter,Arial,sans-serif;color:#3a452f;cursor:pointer}.learning-empty{grid-column:1/-1;padding:30px;border:1px solid #e4dfd3;border-radius:12px}
@media(max-width:950px){.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.learning-page{padding:34px 18px 55px}.learning-grid{grid-template-columns:1fr;gap:20px}.learning-controls label{width:100%}.learning-controls select{width:100%}#guideCount{margin:0}.learning-hero p{font-size:16px}.learning-card p{min-height:0}}
@media(prefers-reduced-motion:reduce){.learning-poster img{transition:none}}

body.shared-public main.learning-page{max-width:1200px!important;width:auto!important}body.shared-public .learning-hero h1{font:500 clamp(38px,5vw,65px)/1.08 Georgia,serif!important}body.shared-public .learning-card h2{font:600 20px/1.35 Inter,Arial,sans-serif!important}
