/* preview-improvements.css */
.more-examples{border:0;background:transparent;color:#286751;font:600 14px/1.4 Inter,Arial,sans-serif;padding:5px 0;margin-top:10px;cursor:pointer;text-underline-offset:4px}
.more-examples:hover{text-decoration:underline}.more-examples:focus-visible{outline:3px solid #bd7b18;outline-offset:4px}
#examples-dialog{width:min(1400px,calc(100vw - 48px));height:calc(100dvh - 48px);max-width:none;max-height:none;padding:0;border:1px solid #cad9c6;border-radius:15px;color:#244f3c;background:#fafcf8;overflow:hidden}
#examples-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
#examples-dialog .examples-header,#examples-dialog .examples-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 26px;background:white}
#examples-dialog .examples-header{border-bottom:1px solid #dce5d7}
#examples-dialog .examples-header>div{display:block}
#examples-dialog .examples-header h2{font-size:22px;margin:3px 0 0}
#examples-dialog .examples-header .menu-eyebrow{font-size:11px;margin:0}
#examples-dialog .examples-footer{border-top:1px solid #dce5d7;font:500 13px/1.4 Inter,Arial,sans-serif}
#examples-stage{min-height:0;overflow:auto;container-type:size}
.selected-storyboard[data-layout="2"] #examples-stage .expanded-gallery{height:100%;width:100%;padding:24px 36px;grid-template-rows:auto minmax(0,1fr);gap:20px;box-sizing:border-box;max-width:none}
#examples-stage .gallery-heading{max-width:1120px;width:100%;margin:auto}
#examples-stage .gallery-heading .eyebrow{display:none}
#examples-stage .gallery-heading h1{font-size:clamp(28px,4.7cqh,40px)}
#examples-stage .gallery-lead{font-size:clamp(17px,2.9cqh,21px);margin-top:9px}
#examples-stage .gallery-showcase{display:grid;grid-template-rows:minmax(0,1fr) auto auto;align-self:stretch;align-items:stretch;gap:10px;width:100%;max-width:1120px;justify-self:center;height:100%;min-height:0;padding:0;border:0;background:transparent}
#examples-stage .gallery-showcase>.feature-media-canvas{container-type:size;height:100%;min-height:0}
#examples-stage .gallery-showcase :is(.product-figure,.image-button){height:100%;width:100%;min-height:0}
#examples-stage .gallery-showcase .image-button>img{max-height:100%;object-fit:contain}
#examples-stage .gallery-showcase .product-shot{width:min(100cqw,calc((100cqh - var(--shot-padding)*2 - 4px)*var(--shot-ratio) + var(--shot-padding)*2))}
#presenter-tools .pt-example-option{display:flex;align-items:flex-start;gap:7px;margin-top:8px;font:500 11px/1.45 Inter,Arial,sans-serif;color:#365b43;cursor:pointer}
#presenter-tools .pt-example-option input{width:15px;height:15px;min-width:15px;accent-color:#285a43;margin:0}
#presenter-tools .pt-share-trigger{font-size:12px;padding:3px 0}
.pt-share-choice{padding:20px 26px;border-bottom:1px solid #e0e8db}
.pt-share-choice:last-of-type{border-bottom:0}
.pt-share-choice h3{margin:0 0 7px;font-size:17px}
.pt-share-choice p{font-size:14px;line-height:1.5;margin:0 0 14px;color:#5a6e60}
.pt-share-choice input{width:100%;box-sizing:border-box;margin-top:10px;font:12px/1.5 Inter,Arial,sans-serif;padding:8px;border:1px solid #bbcdb4;border-radius:5px}
#pt-share-status{padding:0 26px 18px;margin:0;font:500 13px/1.5 Inter,Arial,sans-serif;color:#365b43}
#pt-share-status:empty{padding:0}
.pt-picker-count{font:400 12px/1.4 Inter,Arial,sans-serif;color:#5a6e60;margin:0 0 6px}
.finish-resources{margin:24px 0 0;padding:16px 20px;border:1px solid #cbdac4;border-radius:10px;text-align:left;background:#f6f9f3}
#finish-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
#finish-dialog>.finish-body{min-height:0;overflow:auto;overscroll-behavior:contain}
#finish-dialog>header,#finish-dialog>footer{flex-shrink:0}
.finish-resources>summary{cursor:pointer;font:600 15px/1.5 Inter,Arial,sans-serif;color:#285a43}
.finish-resource-list{display:grid;gap:18px;padding-top:20px}
.finish-resource-list h3{font:600 14px/1.4 Inter,Arial,sans-serif;margin:0 0 7px}
.finish-resource-list a{display:block;width:fit-content;color:#286751;font:400 13px/1.6 Inter,Arial,sans-serif;margin:4px 0;text-underline-offset:3px}
@media(max-width:760px){
 #examples-dialog{width:100vw;height:100dvh;border:0;border-radius:0}
 #examples-dialog .examples-header,#examples-dialog .examples-footer{padding:14px 18px;gap:12px}
 #examples-dialog .examples-header{align-items:flex-start}
 #examples-dialog .examples-header h2{font-size:20px}
 #examples-dialog .examples-header .text-button{font-size:12px;white-space:nowrap}
 #examples-stage{container-type:normal}
 .selected-storyboard[data-layout="2"] #examples-stage .expanded-gallery{height:auto;min-height:100%;padding:24px 20px;grid-template-rows:auto auto;align-content:center;gap:24px}
 #examples-stage .gallery-heading h1{font-size:29px}
 #examples-stage .gallery-lead{font-size:18px}
 #examples-stage .gallery-showcase>.feature-media-canvas{height:calc((100vw - 88px)/var(--media-ratio,1.5))}
 #examples-stage .gallery-showcase{height:auto}
}

/* visual-refinements.css */
/* Proposed visual refinement only. Existing sequence, labels, links and image content remain intact. */
/* Make the current section easy to locate without expanding the rail. */
.selected-storyboard #storyboard .rail-feature.is-active {
  margin-inline:-8px;
  padding:12px 8px 12px 7px;
  border:1px solid #c9ddd4;
  border-left:3px solid #297d77;
  border-radius:9px;
  background:#fff;
}
.selected-storyboard #storyboard .rail-feature.is-active .rail-feature-title strong {font-weight:750;color:#193f38;}
.selected-storyboard #storyboard .rail-steps [aria-current="step"] {background:#246b64;color:#fff;}
.selected-storyboard #storyboard .rail-steps [aria-current="step"] small {opacity:.85;}

/* Resource screenshots get one quiet frame and an aligned caption/action row. */
.selected-storyboard .expanded-gallery:has(.resource-links) .gallery-showcase {
  background:#f6f9f7;
  border-color:#dce7e1;
  padding:16px;
  gap:12px;
}
.selected-storyboard .expanded-gallery:has(.resource-links) .product-shot {
  --shot-padding:0px;
  border-radius:7px;
  box-shadow:none;
}
.selected-storyboard .expanded-gallery:has(.resource-links) .product-shot:after {border-color:#dce7e1;}
.selected-storyboard .expanded-gallery:has(.resource-links) .gallery-showcase:not(:has(.gallery-choices)) {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
}
.selected-storyboard .expanded-gallery:has(.resource-links) .gallery-showcase:not(:has(.gallery-choices))>.feature-media-canvas {grid-column:1/-1;grid-row:1;}
.selected-storyboard .expanded-gallery:has(.resource-links) .gallery-showcase:not(:has(.gallery-choices))>.gallery-controls {grid-column:2;grid-row:2;justify-content:flex-end;}
.selected-storyboard .expanded-gallery:has(.resource-links) .gallery-showcase:not(:has(.gallery-choices))>.gallery-caption {grid-column:1;grid-row:2;text-align:left;line-height:1.5;}
.selected-storyboard .expanded-gallery:has(.resource-links) .gallery-choices {padding:3px;gap:3px;background:#e7efeb;border-radius:8px;}
.selected-storyboard .expanded-gallery:has(.resource-links) .gallery-choices button {border-color:transparent;}
.selected-storyboard .expanded-gallery:has(.resource-links) .gallery-choices button[aria-pressed="true"] {color:#fff;background:#246b64;border-color:#246b64;}
@media(max-width:900px) {
  .selected-storyboard .expanded-gallery:has(.resource-links) .gallery-showcase {padding:10px;}
  .selected-storyboard .expanded-gallery:has(.resource-links) .gallery-showcase>.feature-media-canvas {container-type:inline-size;height:auto;}
  .selected-storyboard .expanded-gallery:has(.resource-links) .gallery-showcase :is(.product-figure,.image-button) {height:auto;}
  .selected-storyboard .expanded-gallery:has(.resource-links) .gallery-showcase .product-shot {width:100%;max-width:100%;}
  .selected-storyboard .expanded-gallery:has(.resource-links) .gallery-caption {font-size:12px;}
  .selected-storyboard .expanded-gallery:has(.resource-links) .gallery-showcase:not(:has(.gallery-choices)) {column-gap:10px;}
}

/* Match the editor's search focus to the established green control palette. */
#presenter-tools #pt-search:focus {
  border-color:#297d77;
  outline:2px solid #297d77;
  outline-offset:2px;
  box-shadow:none;
}

/* Keep the original word break when narrow metric labels wrap on phones. */
@media(max-width:900px) {
  #presentation[data-feature="handouts"] .evidence-screen .metrics p br {display:inline;}
}

/* Show the complete supplied WIDA table, not the existing four-row preview crop. */
.selected-storyboard .tools-alignment .product-shot {
  --shot-ratio:2.66607460035524 !important;
  --shot-height:100% !important;
}