.heritage-banner{display:flex;align-items:center;gap:20px;padding:24px 28px;margin:26px 0;background:linear-gradient(115deg,#075d77,#087f85);color:white;text-decoration:none;border-radius:18px;box-shadow:0 8px 25px #0957751a}.heritage-banner strong{display:block;font-size:25px}.heritage-banner small{display:block;font-size:17px;margin-top:4px;color:#e4f9fc}.heritage-banner>span:last-child{font-size:30px;margin-left:auto}.heritage-banner-icon{font-size:58px;color:#ffd15e}.heritage-tabs{display:flex;gap:8px;padding:16px;background:#e6f3f8;overflow:auto}.heritage-tabs button{font:inherit;font-weight:600;color:#175266;border:1px solid #b6d9e1;background:white;border-radius:12px;padding:11px 15px;white-space:nowrap;cursor:pointer;min-height:46px}.heritage-tabs button.active{background:#086c80;border-color:#086c80;color:white}.heritage-context{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.5fr);gap:24px;padding:24px;border-bottom:1px solid #cddfe7;background:#fffdfa}.heritage-context h2,.heritage-work h2{font-size:25px;margin:7px 0;color:#125267}.heritage-context p{font-size:16px;line-height:1.65;margin:10px 0}.heritage-detail{color:#5e6d72}.heritage-question{display:block;font-size:18px;line-height:1.55;color:#8c5900;margin:16px 0}.heritage-context details{font-size:15px;margin:14px 0}.heritage-context summary{cursor:pointer;color:#08677d;font-weight:600}.heritage-context a,.heritage-explain a{color:#006d86;text-underline-offset:3px}.heritage-context .btn{margin-top:12px}.heritage-photo{margin:0;min-width:0}.heritage-photo>a{display:block;background:#e6f3f6;border-radius:12px;overflow:hidden}.heritage-photo img{display:block;width:100%;height:300px;object-fit:contain}.heritage-photo figcaption{font-size:12px;line-height:1.6;margin-top:8px;color:#516871}.heritage-placeholder{background:#eef9fc;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;padding:14px}.heritage-placeholder svg{max-height:270px;max-width:100%}.heritage-placeholder span{font-size:13px;text-align:center;color:#42616b}.heritage-work-head{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:24px}.heritage-choice{display:flex;gap:12px}.heritage-choice label{display:flex;flex-direction:column;gap:5px;font-size:14px;color:#46626b}.heritage-choice select{font:inherit;font-size:15px;min-height:44px;max-width:180px;padding:8px;border-radius:10px;border:1px solid #bfd4de;background:white}.heritage-step{display:flex;gap:14px;align-items:center;background:#e1f5ef;padding:16px 22px;color:#155748;border-block:1px solid #b8e1d1}.heritage-step>span{display:grid;place-items:center;min-width:38px;height:38px;border-radius:50%;background:#087c65;color:white;font-size:19px}.heritage-step strong{font-size:19px}.heritage-step p{font-size:16px;margin:5px 0 0}.heritage-step>b{font-size:14px;white-space:nowrap;margin-left:auto}.heritage-stage{background:#f7fcff;overflow:hidden}.heritage-stage svg{width:100%;display:block;max-height:530px;min-height:290px}.heritage-stage [data-heritage-node]{cursor:crosshair}.heritage-stage [data-heritage-anchor]{cursor:grab}.heritage-stage [data-heritage-node]:focus{outline:none}.heritage-stage [data-heritage-node]:focus circle:first-child{fill:#ffdb7b;stroke:#9c6100;stroke-width:2}.heritage-feedback{display:block;min-height:55px;padding:15px 22px;font-size:15px;background:#fff9e9;color:#654a16;border-block:1px solid #eddbb8}.heritage-options{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:15px}.heritage-options .btn{margin-left:auto}.heritage-options input{width:18px;height:18px;vertical-align:middle}.heritage-explain{padding:20px 24px;border-top:1px solid #d5e3e8;font-size:16px;line-height:1.7}.heritage-explain summary{cursor:pointer;font-size:18px;font-weight:600;color:#0b6479}.heritage-explain p{margin:14px 0}.heritage-math-grid,.heritage-task-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.heritage-task-grid article{background:#f2f8fb;border-radius:12px;padding:18px;margin-top:15px}.heritage-task-grid h3{font-size:19px}.heritage-math-grid .mini-table{width:100%}.heritage-build-note{padding:16px 22px;background:#e6f4fa;color:#154e64;border:1px solid #b7d9e6;border-radius:12px;margin-bottom:18px;font-size:16px}.heritage-build-note strong{display:block;margin-bottom:4px}.heritage-build-note a{color:#006a7d}.lab-card[href$='/heritage'] .card-art{background:#e4f3f8!important}
@media(max-width:740px){.heritage-banner{padding:18px;gap:14px}.heritage-banner strong{font-size:22px}.heritage-banner small{font-size:15px}.heritage-banner-icon{font-size:40px}.heritage-banner>span:last-child{display:none}.heritage-context{grid-template-columns:1fr;gap:16px;padding:18px}.heritage-photo img{height:260px}.heritage-work-head{flex-wrap:wrap;padding:18px}.heritage-choice{width:100%;gap:12px}.heritage-choice label{flex:1}.heritage-choice select{max-width:100%;width:100%}.heritage-tabs{padding:12px}.heritage-tabs button{font-size:14px}.heritage-step{padding:14px 12px;gap:10px}.heritage-step strong{font-size:18px}.heritage-step p{font-size:15px}.heritage-step>b{display:none}.heritage-stage svg{min-height:260px}.heritage-options{gap:12px;font-size:14px}.heritage-options .btn{width:100%;margin:0}.heritage-feedback{font-size:14px;padding:14px}.heritage-explain{padding:18px}.heritage-math-grid,.heritage-task-grid{grid-template-columns:1fr}.heritage-build-note{padding:14px;font-size:15px}}
@media print{.heritage-tabs,.heritage-choice,.heritage-options,.heritage-feedback{display:none}.heritage-photo img{height:230px}.heritage-context{break-inside:avoid}.heritage-stage{break-inside:avoid}}

.heritage-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.heritage-tabs button{white-space:normal}.heritage-stage text{font-size:17px}@media(max-width:740px){.heritage-tabs{gap:8px}.heritage-tabs button{padding:9px 8px;line-height:1.4}.heritage-stage text{font-size:20px}.heritage-stage [data-heritage-node]>circle:first-child{r:20px}}