/* Shared Academy learning surfaces; motion respects the device preference. */
.library-card[data-library-type=TOPIC] .library-card-cover{aspect-ratio:16/10;position:relative;background:#24271e}
.library-card[data-library-type=TOPIC] .library-card-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07100a0d 5%,#10170df2 100%)}
.library-topic-title{position:absolute;z-index:2;bottom:20px;left:22px;right:20px;font-size:26px;line-height:1.08;letter-spacing:-.035em;color:#fff;text-wrap:balance;text-shadow:0 2px 12px #0008}
.library-card[data-library-type=TOPIC] .library-type-badge{z-index:3;top:14px;bottom:auto}.library-card[data-library-type=TOPIC] .library-card-copy h2{font-size:17px}
.library-card[data-library-type=TUTORIAL] .library-card-cover{aspect-ratio:2/1}.library-card[data-library-type=TUTORIAL] .library-card-action{color:#9c4725}
.collection[data-collection-type=TOPIC] .collection-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.collection[data-collection-type=TOPIC] .collection-item{border:1px solid #e5e5dc;border-radius:16px;padding:20px;background:#fff;align-items:flex-start;flex-wrap:wrap}
.collection[data-collection-type=TOPIC] .collection-item-copy{flex:1;min-width:140px}.collection[data-collection-type=TOPIC] .collection-item-type{font-size:11px}
.roadmap-task-group{display:flex;flex-direction:column;gap:9px;margin-bottom:20px}.roadmap-task-group h3{display:flex;align-items:center;gap:10px;font-size:15px;color:#394733;margin:8px 0}
.roadmap-task-group h3>span{display:grid;place-items:center;width:27px;height:27px;background:#e9ede0;border-radius:9px;color:#5b6c43;font-size:12px}
.roadmap-task-group:has(h3+div [data-roadmap-check]){animation:learning-arrive .25s ease-out}.roadmap-task-group:last-child{padding:16px;background:#f1f4e9;border:1px solid #dbe2ce;border-radius:15px}
.roadmap-month small{white-space:normal;max-width:96px;line-height:1.4}.roadmap-month.is-current:not(.is-selected){border-color:#dc8252;background:#fff1e2}.roadmap-location{font-size:12px}
.download-library{max-width:1080px;margin:auto}.download-heading h1{font-size:38px;letter-spacing:-.04em;margin:8px 0 12px}.download-heading>p:not(.eyebrow){max-width:650px;color:#6d7464;line-height:1.6;font-size:15px}
.download-switch{display:flex;gap:6px;padding:5px;background:#e9ece2;border-radius:14px;width:max-content;margin:24px 0}.download-switch a{font-size:14px;font-weight:650;padding:12px 20px;border-radius:10px;color:#59664e;text-decoration:none}.download-switch a[aria-current=page]{background:#fff;color:#25341f;box-shadow:0 2px 8px #3247220c}
.file-group{margin-top:32px}.file-group>h2{display:flex;gap:12px;align-items:center;font-size:20px;letter-spacing:-.02em}.file-group>h2>span{font-size:12px;color:#6a755b;padding:4px 8px;background:#e8ece0;border-radius:20px}
.file-tiles{display:grid;gap:10px}.file-tile{display:flex;align-items:center;gap:18px;border:1px solid #e2e6da;background:#fff;border-radius:16px;padding:20px}.file-tile-icon{width:46px;height:52px;flex:none;display:grid;place-items:center;background:#edf2e7;color:#4a6740;border-radius:12px;font-size:25px}.file-tile-icon svg{width:24px;height:24px}.file-tile-copy{min-width:0;flex:1}.file-tile h3{font-size:16px;line-height:1.4;margin:0 0 5px;color:#2d3b26}.file-tile p{font-size:12px;line-height:1.5;margin:0 0 8px;color:#737b6b;max-width:640px}.file-tile small{font-size:11px;color:#737b6b}.file-tile .button{font-size:12px;gap:8px;white-space:nowrap}.file-tile .button svg{width:16px;height:16px}.download-footnote{font-size:12px;color:#747d6b;line-height:1.7;margin-top:30px}
@keyframes learning-arrive{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.library-topic-title{font-size:25px}.collection[data-collection-type=TOPIC] .collection-items{grid-template-columns:1fr}.file-tile{padding:16px;gap:12px;flex-wrap:wrap}.file-tile-icon{width:38px;height:44px}.file-tile .button{margin-left:50px}.file-tile-copy{min-width:calc(100% - 54px)}.download-heading h1{font-size:30px}.download-heading>p:not(.eyebrow){font-size:14px}.roadmap-task-group:last-child{padding:10px}.roadmap-location{font-size:11px}.roadmap-month{min-width:91px}}
@media(prefers-reduced-motion:reduce){.roadmap-task-group{animation:none!important}.library-card{transition:none!important}}