/* Chick-to-Coop: start with the planner; keep orientation optional. */
.cp-wide.chick-planner-page .cp-hero.container{grid-template-columns:minmax(0,1fr) minmax(280px,350px);gap:0 44px;padding-block:6px 26px}
.cp-wide.chick-planner-page .cp-wide-links{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:0 24px;margin:0 0 6px}
.cp-wide.chick-planner-page .cp-wide-links a{display:inline-flex;align-items:center;min-height:44px;margin:0;font-size:12px;line-height:1.4;color:var(--blue);text-decoration:underline;text-decoration-color:#a7bac8;text-underline-offset:4px}
.cp-wide.chick-planner-page .cp-wide-links a:focus-visible{outline:3px solid #008b87;outline-offset:3px;border-radius:3px}
.cp-wide.chick-planner-page .cp-hero-copy{grid-column:1;grid-row:2;min-width:0}
.cp-wide.chick-planner-page .cp-hero .cp-kicker{font-size:10px;line-height:1.5;margin:0 0 6px}
.cp-wide.chick-planner-page .cp-hero #planner-title{font-size:clamp(36px,3.6vw,48px);line-height:1.12;margin:0}
.cp-wide.chick-planner-page .cp-hero .cp-intro{max-width:70ch;font-size:14px;line-height:1.55;margin:10px 0 0}
.cp-wide.chick-planner-page .cp-wide-animation{grid-column:2;grid-row:2;position:relative;align-self:center;width:100%;aspect-ratio:21/9;min-width:0;line-height:1}
.cp-wide.chick-planner-page .cp-wide-animation>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.cp-wide.chick-planner-page .cp-wide-replay{position:absolute;inset:0;min-width:44px;min-height:44px;border:0;border-radius:12px;background:transparent;padding:0;color:var(--blue);cursor:pointer;touch-action:manipulation}
.cp-wide.chick-planner-page .cp-wide-replay>svg{position:absolute;right:0;bottom:0;width:23px;height:23px;padding:3px;background:var(--page,#fcf8f1);border-radius:50%}
.cp-wide.chick-planner-page .cp-wide-replay:focus-visible{outline:3px solid #008b87;outline-offset:4px}
.cp-wide.chick-planner-page .cp-wide-replay:hover>svg{background:#ffedb6}
.cp-wide.chick-planner-page .cp-wide-stop,.cp-wide.chick-planner-page .cp-wide-playing .cp-wide-loop{display:none}
.cp-wide.chick-planner-page .cp-wide-playing .cp-wide-stop{display:block}
.cp-wide.chick-planner-page .cp-workspace.container{grid-template-columns:minmax(0,1fr);gap:18px;scroll-margin-top:100px}
.cp-wide.chick-planner-page .cp-editor.cp-card{padding:26px 30px;border-radius:16px}
.cp-wide.chick-planner-page .cp-editor>summary[hidden]{display:none!important}
.cp-wide.chick-planner-page .tf-plan-fields{max-width:900px;margin-inline:auto}
.cp-wide.chick-planner-page .cp-editor .cp-section-head{margin-bottom:12px;gap:12px;flex-wrap:wrap}
.cp-wide.chick-planner-page .cp-editor .cp-section-head .cp-kicker{display:none}
.cp-wide.chick-planner-page .cp-editor .cp-section-head>div{flex:1;min-width:0}
.cp-wide.chick-planner-page .cp-editor .cp-section-head h2{font-size:28px}
.cp-wide.chick-planner-page #try-example{margin-left:auto;flex:none;font-size:12px;min-height:44px;white-space:nowrap}
.cp-wide.chick-planner-page .cp-editor .cp-helper{font-size:12px;line-height:1.6;margin:0 0 18px;max-width:none}
.cp-wide.chick-planner-page #chick-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;align-items:start}
.cp-wide.chick-planner-page #chick-form .cp-field,.cp-wide.chick-planner-page #chick-form .cp-date-basis{margin:0;min-width:0}
.cp-wide.chick-planner-page #chick-form .cp-field :is(input,select,textarea){font-size:16px;min-height:46px}
.cp-wide.chick-planner-page #chick-form .cp-form-pair{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.cp-wide.chick-planner-page #chick-form .cp-age-fields{grid-column:1/-1;margin:0}
.cp-wide.chick-planner-page #chick-form .cp-notes-field{grid-column:1;margin:0}
.cp-wide.chick-planner-page #chick-form .cp-notes-field[open]{grid-column:1/-1}
.cp-wide.chick-planner-page #chick-error{grid-column:1/-1}
.cp-wide.chick-planner-page #chick-error:empty{display:none}
.cp-wide.chick-planner-page #build-plan{grid-column:2;min-height:48px;margin:0;font-size:14px}
.cp-wide.chick-planner-page .cp-storage{margin-top:12px;font-size:11px;line-height:1.5}
.cp-wide.chick-planner-page #plan-empty.cp-empty{display:block;min-height:0;padding:0;border:1px solid #dedbcf;border-radius:12px;text-align:left}
.cp-wide.chick-planner-page #plan-empty[hidden]{display:none!important}
.cp-wide.chick-planner-page .cp-wide-explainer>summary{display:flex;align-items:center;min-height:50px;padding:10px 18px;cursor:pointer;font-size:13px;font-weight:650;color:var(--blue);list-style:none}
.cp-wide.chick-planner-page .cp-wide-explainer>summary::-webkit-details-marker{display:none}
.cp-wide.chick-planner-page .cp-wide-explainer>summary::after{content:'+';margin-left:auto;font-size:22px;font-weight:400}
.cp-wide.chick-planner-page .cp-wide-explainer[open]>summary::after{content:'−'}
.cp-wide.chick-planner-page .cp-wide-explainer-body{padding:4px 18px 18px;font-size:13px;line-height:1.65}
.cp-wide.chick-planner-page .cp-wide-explainer-body .cp-visual-journey{float:right;width:min(42%,320px);margin:0 0 12px 24px;padding:12px;transform:none;box-shadow:none;border-radius:12px}
.cp-wide.chick-planner-page .cp-wide-explainer-body h2{font-size:25px;line-height:1.25}
.cp-wide.chick-planner-page .cp-wide-explainer-body>p:not(.cp-kicker){max-width:65ch;font-size:13px;line-height:1.65;margin:12px 0}
.cp-wide.chick-planner-page .cp-wide-explainer-body::after{content:'';display:block;clear:both}
@media screen and (max-width:760px){
 .cp-wide.chick-planner-page .cp-hero.container,.cp-wide.chick-planner-page .cp-hero.tf-returning-plan{grid-template-columns:minmax(0,1fr) 132px!important;gap:0 14px;padding-block:6px 24px}
 .cp-wide.chick-planner-page .cp-hero #planner-title{grid-column:1;grid-row:3;font-size:34px}
 .cp-wide.chick-planner-page .cp-hero #planner-title>span{display:block}
 .cp-wide.chick-planner-page .cp-hero-copy{display:contents}
 .cp-wide.chick-planner-page .cp-hero .cp-kicker{grid-column:1/-1;grid-row:2;padding:0;min-height:0;display:block;margin-bottom:10px}
 .cp-wide.chick-planner-page .cp-wide-animation{grid-column:2;grid-row:3;min-height:44px}
 .cp-wide.chick-planner-page .cp-wide-replay>svg{width:18px;height:18px}
 .cp-wide.chick-planner-page .cp-hero .cp-intro{grid-column:1/-1;grid-row:4;font-size:14px;max-width:60ch;margin-top:14px}
 .cp-wide.chick-planner-page .cp-editor.cp-card{padding:20px;border-radius:14px}
 .cp-wide.chick-planner-page .cp-editor .cp-section-head{gap:10px;margin-bottom:10px}
 .cp-wide.chick-planner-page .cp-editor .cp-section-head h2{font-size:24px}
 .cp-wide.chick-planner-page .cp-editor .cp-section-head .cp-kicker{display:none}
 .cp-wide.chick-planner-page .cp-editor .cp-section-head>div{min-width:120px}
 .cp-wide.chick-planner-page .cp-section-head .cp-step-number{width:30px;height:30px;font-size:14px}
 .cp-wide.chick-planner-page #try-example{flex-basis:auto;margin:0 0 0 auto;min-height:44px;text-align:left}
 .cp-wide.chick-planner-page #chick-form{grid-template-columns:minmax(0,1fr);gap:18px}
 .cp-wide.chick-planner-page #chick-form>:is(.cp-field,.cp-date-basis,.cp-form-pair,.cp-notes-field),.cp-wide.chick-planner-page #build-plan{grid-column:1/-1}
 .cp-wide.chick-planner-page #chick-form .cp-form-pair{grid-template-columns:minmax(0,1fr);gap:18px}
 .cp-wide.chick-planner-page .cp-editor .cp-helper{margin-bottom:18px}
 .cp-wide.chick-planner-page .cp-wide-explainer-body .cp-visual-journey{float:none;width:100%;max-width:380px;margin:0 0 16px}
}
@media screen and (max-width:360px){
 .cp-wide.chick-planner-page .cp-editor .cp-section-head .cp-step-number{display:none}
 .cp-wide.chick-planner-page .cp-hero.container,.cp-wide.chick-planner-page .cp-hero.tf-returning-plan{grid-template-columns:minmax(0,1fr) 110px!important;gap:0 10px}
 .cp-wide.chick-planner-page .cp-hero #planner-title{font-size:28px}
}
@media (prefers-reduced-motion:reduce){.cp-wide.chick-planner-page .cp-wide-replay{display:none}}
html[data-motion=reduced] .cp-wide.chick-planner-page .cp-wide-replay{display:none}
@media print{.cp-wide.chick-planner-page .cp-wide-animation{display:none!important}}
