/* Task 19.9: three real product views, using the approved page palette/type. */
.home-intro.home-design{max-width:1504px;padding:0 40px}
.home-intro.home-design .three-opening{padding:34px 0 40px}
.home-intro.home-design .three-intro{display:flex;align-items:center;justify-content:space-between;gap:36px;margin-bottom:32px}
.home-intro.home-design .three-intro .eyebrow{margin-bottom:12px;font-size:12px}
.home-intro.home-design .three-intro h1{font-size:46px;line-height:1.12;letter-spacing:-1.7px;max-width:none;margin:0 0 12px}
.home-intro.home-design .three-intro h1 span{color:#255d4d}
.home-intro.home-design .three-lead{margin:0;font-size:18px;color:#596963}
.home-intro.home-design .three-intro .action{flex-shrink:0;margin:0;font-size:15px;display:flex;align-items:center;gap:20px}
.home-intro.home-design .three-panels{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);gap:10px;align-items:start}
.home-intro.home-design .journey-panel{min-width:0}
.home-intro.home-design .journey-panel>header{min-height:115px;padding:0 0 18px;border-bottom:1px solid #cbd5cb;margin-bottom:20px}
.home-intro.home-design .step-number{font-size:11px;letter-spacing:1.4px;font-weight:700;color:#255d4d;display:block;margin-bottom:12px}
.home-intro.home-design .journey-panel h2{font-size:24px;line-height:1.15;letter-spacing:-.6px;margin:0 0 8px}
.home-intro.home-design .journey-panel>header p{font-size:14px;margin:0;color:#596963}
.home-intro.home-design .journey-arrow{font-size:28px;color:#255d4d;padding-top:260px;text-align:center}
.home-intro.home-design .student-screen{border:1px solid #cad4ca;border-radius:12px;background:#f7f8f4;overflow:hidden;box-shadow:0 8px 22px #173b3408}
.home-intro.home-design .screen-label{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #d8dfd5;font-size:12px;color:#596963;min-height:44px;background:white}
.home-intro.home-design #question-pause{font:inherit;color:#255d4d;border:0;background:transparent;min-height:44px;padding:8px}
.home-intro.home-design .screen-enlarge{display:block;width:100%;padding:12px;border:0;background:transparent;cursor:zoom-in}
.home-intro.home-design .screen-enlarge img{display:block;width:100%;height:500px;object-fit:contain;object-position:top}
.home-intro.home-design .screen-controls{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.home-intro.home-design .screen-controls button{font:inherit;font-size:12px;min-height:44px;min-width:44px;border:1px solid #bac8bd;border-radius:6px;background:transparent;color:#173b34;padding:8px 10px}
.home-intro.home-design .screen-controls button[aria-pressed=true]{background:#255d4d;color:white;border-color:#255d4d}
.home-intro.home-design .panel-foot{font-size:12px;line-height:1.55;color:#596963;margin:12px 0 0}
.home-intro.home-design .result-panel .report-card{padding:20px 18px;border-radius:12px;box-shadow:0 8px 22px #173b3408}
.home-intro.home-design .result-panel .report-heading h3{display:none}
.home-intro.home-design .result-panel .sample-label{font-size:12px;margin:0 0 12px;line-height:1.5}
.home-intro.home-design .result-panel .legend{font-size:10px;gap:7px 10px;margin:0 0 15px}
.home-intro.home-design .result-panel .objective{margin:0 0 15px}
.home-intro.home-design .result-panel .objective-select{font-size:13px;padding:0 0 9px;min-height:0}
.home-intro.home-design .result-panel .count-hint{display:block;font-size:11px;margin:2px 0 0}
.home-intro.home-design .result-panel .bar{height:28px}
.home-intro.home-design .result-panel .bar button{line-height:28px;font-size:12px;min-height:28px}
.home-intro.home-design .result-panel .names{font-size:12px;margin:10px 0 0}
.home-intro.home-design .result-panel .question-peek{display:none}
.home-intro.home-design .result-panel .report-footer{font-size:12px;padding-top:10px}
.home-intro.home-design .result-panel #sample-overview{min-height:0}
.home-intro.home-design .gap-bridge{border-left:3px solid #255d4d;padding:0 0 0 13px;margin:19px 0 0}
.home-intro.home-design .gap-bridge>span{display:block;font-size:11px;color:#596963}
.home-intro.home-design .gap-bridge strong{display:block;font-size:15px;margin:4px 0}
.home-intro.home-design .gap-bridge a{font-size:12px;min-height:32px;display:inline-flex;align-items:center;gap:8px}
.home-intro.home-design .resource-screen{display:block;background:white;border:1px solid #cad4ca;border-radius:4px;overflow:hidden;text-decoration:none;box-shadow:0 8px 22px #173b3408}
.home-intro.home-design .resource-screen img{display:block;width:100%;height:auto}
.home-intro.home-design .resource-screen>span{display:block;font-size:12px;padding:13px 14px;border-top:1px solid #dde3dc;color:#255d4d;text-decoration:underline;text-underline-offset:3px}
.home-intro.home-design .resource-caption{margin:17px 0 0}
.home-intro.home-design .resource-caption strong{display:block;font-size:15px}
.home-intro.home-design .resource-caption>span{display:block;font-size:12px;color:#596963;margin-top:5px}
.home-intro.home-design .teaching-focus{margin:0 0 18px}
.home-intro.home-design .teaching-focus>span{display:block;font-size:11px;color:#596963;margin-bottom:4px}
.home-intro.home-design .teaching-focus strong{display:block;font-size:19px;line-height:1.3;letter-spacing:-.3px}
.home-intro.home-design .teaching-focus p{font-size:13px;color:#596963;margin:7px 0 0;line-height:1.5}
.home-intro.home-design .teaching-steps{margin:13px 0 0}
.home-intro.home-design .teaching-steps>div{display:grid;grid-template-columns:65px minmax(0,1fr);gap:12px;border-top:1px solid #d8dfd5;padding:11px 0;font-size:13px;line-height:1.5}
.home-intro.home-design .teaching-steps dt{font-weight:650;color:#255d4d}
.home-intro.home-design .teaching-steps dd{margin:0;color:#394f49}
.home-intro.home-design .teaching-notes-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-underline-offset:4px}
.home-intro.home-design .three-included{border-top:1px solid #d8dfd5;padding-top:20px;margin:28px 0 0;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:#596963}
.home-intro.home-design #student-screen-dialog{max-width:min(600px,calc(100vw - 24px))}
.home-intro.home-design #student-screen-dialog img{display:block;max-width:100%;height:auto;margin:18px auto 0}
.home-intro.home-design .resource-bookmark[hidden]{display:none}
.home-intro.home-design .three-summary{display:none}
.home-intro.home-design .report-section{margin:0;padding:40px 28px}
@media(min-width:1100px){body:has(.three-opening) .site-header{max-width:1504px!important;padding-left:40px!important;padding-right:40px!important}}
@media(max-width:1100px){.home-intro.home-design{padding:0 24px}.home-intro.home-design .three-intro{display:block}.home-intro.home-design .three-intro .action{width:max-content;margin-top:20px}.home-intro.home-design .three-intro h1{font-size:40px}.home-intro.home-design .three-panels{grid-template-columns:1fr;max-width:580px;margin:auto;gap:20px}.home-intro.home-design .journey-arrow{padding:0;transform:rotate(90deg);line-height:1}.home-intro.home-design .journey-panel>header{min-height:0;margin-bottom:18px;padding-bottom:18px}.home-intro.home-design .screen-enlarge img{height:auto;max-height:580px}.home-intro.home-design .resource-screen img{max-height:620px;object-fit:contain}.home-intro.home-design .three-included{display:block}.home-intro.home-design .three-included span{display:block;margin-top:8px}.home-intro.home-design .result-panel .legend{font-size:12px}.home-intro.home-design .result-panel .bar{height:44px}.home-intro.home-design .result-panel .bar button{line-height:44px;min-height:44px}.home-intro.home-design .result-panel .objective-select{font-size:15px;min-height:44px}}
@media(max-width:600px){.home-intro.home-design{padding:0 18px}.home-intro.home-design .three-opening{padding:20px 0 30px}.home-intro.home-design .three-intro{margin-bottom:32px}.home-intro.home-design .three-intro h1{font-size:36px;letter-spacing:-1.2px}.home-intro.home-design .three-intro h1 span{display:block}.home-intro.home-design .three-lead{font-size:16px}.home-intro.home-design .three-intro .action{width:100%;justify-content:space-between}.home-intro.home-design .journey-panel h2{font-size:26px}.home-intro.home-design .report-section{padding:30px 0}.home-intro.home-design .screen-enlarge{padding:12px}.home-intro.home-design .result-panel .report-card{padding:22px 18px}}
@media(max-width:1100px){.home-intro.home-design .three-summary{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;margin:16px 0}.home-intro.home-design .three-summary a{min-height:32px;display:inline-flex;align-items:center;text-underline-offset:4px}}