.demo-gallery{background:#f4f1ec}.demo-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:35px 0}.demo-levels>div{border-top:2px solid #e34b26;padding-top:18px}.demo-levels span,.demo-kicker{font-size:11px;font-weight:700;letter-spacing:.08em;color:#814027}.demo-levels h3{font-size:15px;margin:8px 0}.demo-levels p,.demo-note{font-size:13px;line-height:1.9}.demo-filters{display:flex;flex-wrap:wrap;gap:16px;margin:32px 0 20px;align-items:end}.demo-filters label{font-size:12px;flex:1;min-width:160px}.demo-filters select{display:block;width:100%;font:inherit;font-size:14px;min-height:46px;border:1px solid #8c847c;background:#fff;padding:10px;margin-top:6px;border-radius:6px;color:#252525}.demo-filters button{min-height:46px;padding:10px 16px;border:1px solid #8c847c;border-radius:6px;background:white;color:#252525;cursor:pointer}.demo-count{font-size:13px;margin-bottom:20px}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.demo-card{background:white;border:1px solid #d6d0c6;border-radius:14px;overflow:hidden;min-width:0}.demo-card[hidden],.demo-gallery [hidden]{display:none!important}.demo-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block}.demo-card-body{padding:23px}.demo-card h3{font-size:19px;margin:12px 0}.demo-card p{font-size:13px;line-height:1.9}.demo-plan-art{display:flex;justify-content:space-between;align-items:end;background:#e8e2d7;min-height:150px;padding:24px;gap:30px}.demo-plan-art>span:first-child{font:65px/1 Georgia,serif;color:#716352}.demo-plan-art>span:last-child{font-size:12px;text-align:right;max-width:150px}.demo-tags{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0;padding:0;list-style:none}.demo-tags li{font-size:10px;padding:4px 8px;background:#f2efeb;border-radius:4px;color:#4c443b}.demo-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin:20px 0;font-size:12px;line-height:1.8}.demo-links a{color:#9c321a;text-decoration:underline;text-underline-offset:4px;min-height:28px;display:inline-flex;align-items:center}.demo-links span{color:#68615b}.demo-empty{padding:30px;border:1px solid #8c847c}.demo-gallery :focus-visible{outline:3px solid #9c321a;outline-offset:4px}.catalog-page{margin:0;color:#242424;background:#fbfaf8;font:15px/1.9 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif}.catalog-page *{box-sizing:border-box}.catalog-page a{color:inherit;text-underline-offset:4px}.catalog-page header,.catalog-page footer{display:flex;justify-content:space-between;gap:20px;padding:25px max(24px,6vw);border-bottom:1px solid #d6d0c6;font-size:13px}.catalog-page main{max-width:1000px;margin:auto;padding:65px 24px}.catalog-page h1{font-size:clamp(30px,5vw,58px);line-height:1.4;letter-spacing:-.03em}.catalog-lead{font-size:20px}.catalog-page section{border-top:1px solid #d6d0c6;margin-top:45px;padding-top:25px}.catalog-page h2{font-size:22px}.catalog-page h2 span{color:#9c321a}.catalog-page li{margin-bottom:8px}.catalog-page dt{font-weight:700;margin-top:22px}.catalog-page dd{margin:5px 0 0}.catalog-note{border-left:3px solid #9c321a;padding:15px 24px;background:#f3ede5}.catalog-cover{width:100%;height:auto;max-height:470px;object-fit:cover;margin-top:20px}.catalog-skip{position:absolute;top:-100px;left:20px;background:white;padding:15px}.catalog-skip:focus{top:10px}.catalog-page :focus-visible{outline:3px solid #9c321a;outline-offset:4px}@media(max-width:1000px){.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-levels{grid-template-columns:1fr 1fr}}@media(max-width:600px){.demo-grid{grid-template-columns:1fr}.demo-levels{gap:20px 14px}.demo-levels h3{font-size:12px}.demo-filters{display:grid;grid-template-columns:1fr}.demo-card-body{padding:22px}.catalog-page header{flex-wrap:wrap}.catalog-page main{padding-top:35px}}
.demo-genre{display:block;font-size:13px;font-weight:500;margin-top:8px;line-height:1.6}.demo-card summary{cursor:pointer;font-size:13px;min-height:40px;padding-block:8px}.demo-card details>ul{padding-left:20px;font-size:13px}.catalog-page .demo-gallery{padding:35px 24px;border-radius:12px}.catalog-page .demo-gallery>.w{max-width:none}.catalog-page .demo-gallery .lead{font-size:15px}.catalog-page .demo-gallery a{color:#9c321a}.catalog-page .demo-card h3{line-height:1.5}.catalog-page .demo-gallery h2{font-size:26px}.catalog-page [hidden]{display:none!important}@media(max-width:600px){.catalog-page .demo-gallery{padding:25px 16px}.catalog-page .demo-grid{grid-template-columns:minmax(0,1fr)}}

/* Consistent native selects in both the school page and standalone catalog. */
.demo-gallery .demo-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:16px;align-items:end}
.demo-gallery .demo-filters label{display:block;min-width:0;font-size:12px;font-weight:600;line-height:1.6}
.demo-gallery .demo-filters select{box-sizing:border-box;appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:50px;margin:8px 0 0;padding:0 42px 0 16px;border:1px solid #c5bdb2;border-radius:8px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23544b42' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;font:inherit;font-size:16px;font-weight:400;line-height:1.5;color:#252525;cursor:pointer;box-shadow:none}
.demo-gallery .demo-filters select:hover{border-color:#8c7561}
.demo-gallery .demo-filters select:focus-visible{border-color:#9c321a;outline:2px solid #9c321a;outline-offset:3px}
.demo-gallery .demo-filters option{background:#fff;color:#252525}
.demo-gallery .demo-filters button{box-sizing:border-box;height:50px;margin:0;padding:0 20px;font:inherit;font-size:14px;line-height:1.5;border-color:#c5bdb2;border-radius:8px;white-space:nowrap}
@media(max-width:900px){.demo-gallery .demo-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.demo-gallery .demo-filters{grid-template-columns:minmax(0,1fr);gap:18px}.demo-gallery .demo-filters button{width:100%}}

.demo-card .demo-brand{margin:8px 0 16px;font-size:11px;font-weight:600;letter-spacing:.12em;color:#68615b}

.demo-card details>ul{display:grid;gap:12px;margin:12px 0 0;padding-left:20px;line-height:1.9}.demo-card details>ul>li{margin:0}

/* Align static copy without sharing the height of expandable learning content. */
.demo-grid{align-items:start}
.demo-card{display:flex;flex-direction:column}
.demo-card>img,.demo-card>.demo-plan-art{box-sizing:border-box;flex:none;width:100%;height:auto;min-height:0;aspect-ratio:16/10}
.demo-card-body{display:flex;flex-direction:column;min-width:0}
.demo-card .demo-kicker{min-height:var(--demo-kicker-height,0px)}
.demo-card h3{min-height:var(--demo-title-height,0px);line-height:1.5}
.demo-card .demo-brand{min-height:var(--demo-brand-height,0px)}
.demo-card .demo-description{min-height:var(--demo-description-height,0px)}
.demo-card .demo-tags{min-height:var(--demo-tags-height,0px);align-content:start;align-items:start}
.demo-card summary{min-height:var(--demo-summary-height,40px)}
.demo-card .demo-links{min-height:var(--demo-links-height,0px);margin:0;padding-top:20px;align-content:start;align-items:start}
.demo-plan-art>span:first-child{flex:none;white-space:nowrap}
.demo-plan-art>span:last-child{min-width:0;overflow-wrap:anywhere}
.demo-card[data-id*="-"]>.demo-plan-art{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:12px}
.demo-card[data-id*="-"]>.demo-plan-art>span:last-child{max-width:100%;text-align:left}
.demo-breadcrumb{font-size:12px;margin-bottom:28px}
.demo-breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px 12px;list-style:none;margin:0;padding:0}
.demo-breadcrumb li+li::before{content:"/";margin-right:12px;color:#777}