/* Editorial extension: same brand system; no added animation. */
.inline-example{max-width:300px;margin:30px auto}.plain-code{white-space:pre-wrap;overflow-wrap:anywhere;padding:24px;background:#f2f5fa;border-radius:14px;font:14px/1.8 monospace;color:#263c5a}.article-body .working-surface{width:100%;max-width:none;margin:24px 0;padding:26px}.article-body .planner-layout{grid-template-columns:1fr}.article-body .plan-output{position:static}.article-body .work-head{align-items:flex-start;gap:16px}.article-body .work-head h2{font-size:28px}.article-body .working-surface h3{font-size:21px}.article-body .work-actions{flex-wrap:wrap}.decision-tool{padding:26px;background:#f3f6fb;border-radius:18px}.decision-tool label,.workload-tool label{display:grid;gap:9px;font-size:15px;font-weight:500;color:#283d5c;margin-bottom:20px}.decision-tool select,.workload-tool input{width:100%;min-height:46px;border:1px solid #bdcce2;border-radius:9px;background:#fff;padding:10px 12px;color:#1d293d;font:inherit}.decision-tool .article-callout{margin-bottom:0}.workload-tool{padding:26px;background:#f3f6fb;border-radius:18px}.workload-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.workload-tool fieldset{border:0;padding:0;margin:0;min-width:0}.workload-tool legend{font-size:20px;font-weight:600;margin-bottom:20px}.workload-tool .volume-field{max-width:300px}.workload-results{display:grid;grid-template-columns:1fr;gap:14px;padding:24px 0;margin:12px 0;border-top:1px solid #ccd8e9}.workload-results div{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.workload-results span{color:#506584;font-size:15px}.workload-results strong{font-size:20px}.workload-results p{font-size:14px;margin:4px 0}.workload-tool .tool-status{display:block;margin-top:12px}.workload-tool button:disabled{opacity:.5;cursor:not-allowed}.slide-explanations{display:grid;gap:46px;margin-top:38px}.slide-explanations>article{display:grid;grid-template-columns:minmax(180px,340px) minmax(0,1fr);gap:54px;align-items:center;border-bottom:1px solid #dce4f0;padding-bottom:46px}.slide-explanations .creative{margin:0}.slide-explanations h3{font-size:30px;letter-spacing:-.04em;line-height:1.1;margin:12px 0}.slide-explanations p{color:#506584;max-width:470px;font-size:18px;line-height:1.65}.example-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}.example-index-card{text-decoration:none;color:inherit}.example-index-card>div{background:#edf2f9;border-radius:18px;overflow:hidden;margin-bottom:20px;display:flex;justify-content:center;padding:24px}.example-index-card img{display:block;height:310px;width:auto;max-width:100%;object-fit:contain;border-radius:10px}.example-index-card h2{font-size:26px;line-height:1.18;letter-spacing:-.04em;margin:10px 0 15px}.example-index-card .text-link{font-size:15px}.example-collection{padding-bottom:70px}.article-body a{overflow-wrap:anywhere}.article-hero h1{overflow-wrap:break-word}.evidence-status{padding:20px 24px;background:#fff5de;border:1px solid #dfc78f;border-radius:14px;color:#594719}.evidence-status strong{display:block;margin-bottom:8px}.evidence-status p{margin:0}.review-only .byline span:last-child{display:none}
@media(max-width:900px){.example-index{grid-template-columns:repeat(2,minmax(0,1fr))}.slide-explanations>article{gap:28px}.workload-grid{gap:18px}}
@media(max-width:600px){.example-index{grid-template-columns:1fr;gap:38px}.example-index-card>div{padding:20px}.example-index-card img{height:330px}.slide-explanations>article{grid-template-columns:1fr;gap:22px}.slide-explanations .creative{max-width:340px;margin:auto}.slide-explanations h3{font-size:27px}.workload-tool,.decision-tool{padding:18px}.workload-grid{grid-template-columns:1fr;gap:24px}.workload-tool fieldset+fieldset{border-top:1px solid #ccd8e9;padding-top:24px}.article-body .working-surface{padding:16px}.article-body .work-head{display:block}.article-body .work-head .quiet-button{margin-top:12px}.plain-code{padding:16px;font-size:12px}.workload-results strong{font-size:18px}.article-body .work-actions .button{width:100%}}

.slide-explanations .creative>img{aspect-ratio:4/5;object-fit:contain;height:auto}.example-player .carousel.portrait-five{aspect-ratio:4/5}

/* Keep timing definitions and durations together on narrow screens. */
@media(max-width:600px){.timing-table table{min-width:0;table-layout:fixed}.timing-table th,.timing-table td{padding:12px 10px;overflow-wrap:anywhere}}

/* Product-video input and scene-plan tables stay readable on a phone. */
@media(max-width:600px){.sprint-prose .product-input-table table{min-width:0;table-layout:fixed}.product-input-table th,.product-input-table td{padding:12px 10px;overflow-wrap:anywhere}.product-input-table th:first-child,.product-input-table td:first-child{width:32%}}

/* Keep the complete review action visible without a sideways swipe. */
@media(max-width:600px){.review-record-table table{min-width:0;table-layout:fixed}.review-record-table th,.review-record-table td{padding:12px 8px;overflow-wrap:anywhere}.review-record-table th:first-child{width:28%}.review-record-table thead th:nth-child(2){width:26%}}

/* Exact public-file facts stay available without crowding the creative. */
.example-file-facts{padding-block:0 24px}
.example-file-facts details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.example-file-facts summary{padding:20px 0;cursor:pointer;font-size:17px;font-weight:500;color:var(--ink)}
.example-file-facts summary span{font-weight:400;color:#506584;margin-left:18px}
.example-file-facts summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:2px}
.example-file-facts-content{padding:4px 0 24px;max-width:900px}
.example-file-facts dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0 0 24px}
.example-file-facts dt{font-size:14px;color:#506584;margin-bottom:8px}
.example-file-facts dd{font-size:19px;color:var(--ink);margin:0;overflow-wrap:anywhere}
.example-file-facts p{font-size:16px;line-height:1.65;max-width:75ch;margin:12px 0 0}
.example-file-facts a{text-decoration:underline;text-underline-offset:3px;color:var(--blue)}
@media(max-width:600px){.example-file-facts summary span{display:block;margin:8px 0 0;font-size:15px}.example-file-facts dl{grid-template-columns:1fr 1fr;gap:20px}.example-file-facts dd{font-size:17px}}