.cs-workspace{max-width:1240px;margin:45px auto;padding:0 28px;color:#111111}.cs-workspace h2{font:600 clamp(28px,3vw,38px)/1.25 Georgia,serif;color:#073f2a}.cs-workspace h3{font:600 25px/1.25 Georgia,serif;color:#073f2a}.cs-workspace p{line-height:1.8;color:#111111}.cs-workspace button,.cs-workspace input,.cs-workspace select,.cs-workspace textarea,#csDialog button,#csDialog input{font:inherit;min-height:44px;border:1px solid #b7c6b4;border-radius:9px;padding:10px 13px;background:#fffefa;color:#111111;max-width:100%}.cs-workspace button,#csDialog button{font-size:13px;font-weight:600;cursor:pointer}.cs-workspace button:hover,#csDialog button:hover{background:#e4edda;color:#073f2a}.cs-workspace button:disabled{opacity:.55;cursor:not-allowed}.cs-workspace :is(a,button,input,select,textarea,summary):focus-visible,#csDialog :focus-visible{outline:3px solid #073f2a;outline-offset:3px}.cs-workspace label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;color:#111111}.cs-workspace input,.cs-workspace select,.cs-workspace textarea{width:100%;min-width:0}.cs-welcome{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;align-items:center;background:#f0ecdf;padding:32px;border-radius:20px}.cs-welcome h2{margin:12px 0;color:#073f2a}.cs-welcome img{width:100%;height:250px;object-fit:cover;border-radius:14px}.cs-progress{background:#073f2a;color:#ffffff;padding:28px 32px;border-radius:18px;margin:28px 0}.cs-progress h2{color:#ffffff;font-size:30px;margin:0 0 20px}.cs-progress p{color:#ffffff}.cs-progress progress{width:100%;height:12px;accent-color:#e7bb54;border:0}.cs-progress progress::-webkit-progress-bar{background:#174e37;border-radius:10px}.cs-progress progress::-webkit-progress-value{background:#e7bb54;border-radius:10px}.cs-progress a{display:inline-block;background:#f5d581;color:#073f2a;border-radius:8px;padding:13px 18px;font-size:14px;font-weight:600}.cs-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:45px}.cs-heading h2{color:#073f2a}.cs-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:20px 0 35px}.cs-paths article{border:1px solid #d9dfc9;background:#fffdf7;padding:25px;border-radius:16px;display:flex;flex-direction:column;align-items:start}.cs-paths h3{margin:0 0 12px;color:#073f2a}.cs-paths p{font-size:14px;margin-top:0;flex:1;color:#111111}.cs-paths small{display:block;color:#333333;margin-bottom:18px}.cs-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:15px;align-items:end;padding:24px;background:#eaf0e2;border-radius:16px}.cs-filters>*{min-width:0}.cs-lessons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;scroll-margin-top:110px}.cs-card{background:#fffefa;border:1px solid #dce1d0;border-radius:16px;overflow:hidden}.cs-card>img{width:100%;height:200px;object-fit:cover;display:block}.cs-card>div{padding:25px}.cs-card small{font-size:11px;color:#333333}.cs-card h3{margin:15px 0;color:#073f2a}.cs-card p{font-size:14px;color:#111111}.cs-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.cs-actions a,.cs-card a{display:inline-block;padding:11px 0;font-weight:600;font-size:13px;text-decoration:underline;color:#073f2a}.cs-actions button[aria-pressed=true]{background:#073f2a;color:#ffffff}.cs-help{background:#eaf0e2;border-radius:18px;padding:30px;margin:45px 0}.cs-help h2{color:#073f2a}.cs-help details{border-top:1px solid #cbd5bd;padding:18px 0}.cs-help summary{min-height:30px;cursor:pointer;font-weight:600;color:#073f2a}.cs-help p{font-size:14px;color:#111111}.cs-help a{text-decoration:underline;color:#073f2a}.cs-empty{grid-column:1/-1;padding:25px;border:1px dashed #c0ccb3;border-radius:12px;color:#111111}#csStatus,#csLessonStatus{font-size:14px;line-height:1.7;min-height:24px;color:#111111}body[data-page=cooking-school-guide] main>.prototype-container{max-width:1240px;padding:0;margin:0 auto}#schoolLesson{margin-top:30px}.cs-meta{font-size:13px;color:#333333}.cs-contents{display:flex;flex-wrap:wrap;gap:12px;background:#eaf0e2;padding:20px;border-radius:12px;margin:25px 0}.cs-contents a{font-size:13px;text-decoration:underline;padding:5px;color:#073f2a;font-weight:600}.cs-reading{max-width:850px}.cs-reading section{padding:18px 0 28px;border-bottom:1px solid #d9dfcd;scroll-margin-top:110px}.cs-reading h2{color:#073f2a}.cs-reading p{font-size:17px;line-height:1.95;color:#111111}.cs-reading li{color:#111111}.cs-workspace .cs-check{display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px 0;font-size:14px;font-weight:400;color:#111111}.cs-check input{width:21px;height:21px;min-height:21px;flex-shrink:0;accent-color:#073f2a}.cs-practice{border-left:4px solid #073f2a;background:#f3eddf;padding:28px;margin:35px 0;border-radius:0 16px 16px 0;scroll-margin-top:110px}.cs-practice h2{margin:10px 0;color:#073f2a}.cs-practice p{color:#111111}.cs-practice p:last-child{max-width:850px}.cs-quiz{background:#fffefa;border:1px solid #dbe2d0;border-radius:16px;padding:30px;margin:30px 0}.cs-quiz h2{margin-top:0;color:#073f2a}.cs-quiz fieldset{border:0;padding:0;margin:0 0 15px}.cs-quiz legend{font-weight:600;margin:10px 0 14px;line-height:1.6;color:#111111}.cs-quiz label{color:#111111}.cs-quiz button,.cs-completion button{background:#073f2a;color:#ffffff}.cs-completion{background:#eaf0e2;border-radius:16px;padding:28px}.cs-completion h2{margin-top:0;color:#073f2a}.cs-completion p{color:#111111}.cs-notes{margin:35px 0}.cs-notes h2,.cs-notes h3{color:#073f2a}.cs-notes textarea{resize:vertical;line-height:1.7;background:white;color:#111111}.cs-notes button{margin-top:15px;background:#073f2a;color:#ffffff}.cs-related{margin:40px 0}.cs-related h2{color:#073f2a}.cs-related .cs-lessons{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-related .cs-card button{margin-left:15px}.cs-next{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:25px 0;border-top:1px solid #d1dbc5;margin:30px 0}.cs-next a{padding:10px 0;font-weight:600;text-decoration:underline;color:#073f2a}#csDialog{width:550px;max-width:calc(100vw - 32px);max-height:85vh;overflow:auto;padding:28px;border:1px solid #c0ccb4;border-radius:16px;color:#111111}#csDialog::backdrop{background:#102b2477}#csDialog h2{font:600 29px Georgia,serif;color:#073f2a}#csDialog p{line-height:1.7;color:#111111}#csDialog button{margin:10px 10px 10px 0}#csDialog input{width:100%;margin-top:15px}@media(max-width:1000px){.cs-lessons{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-filters{grid-template-columns:1fr 1fr}.cs-filters label:first-child{grid-column:1/-1}.cs-paths{gap:16px}.cs-paths article{padding:20px}.cs-welcome{gap:25px;padding:25px}.cs-welcome img{height:240px}}@media(max-width:650px){.cs-workspace{padding-inline:18px;margin-top:30px}.cs-welcome,.cs-paths,.cs-lessons,.cs-related .cs-lessons{grid-template-columns:1fr}.cs-welcome img{height:220px}.cs-heading{display:block}.cs-heading button{margin-bottom:15px}.cs-filters{padding:20px;grid-template-columns:1fr}.cs-progress{padding:25px}.cs-card>img{height:210px}.cs-help,.cs-quiz,.cs-completion{padding:24px}.cs-reading p{font-size:16px}.cs-contents{display:grid}.cs-reading h2{font-size:28px}.cs-practice{padding:24px}.cs-related .cs-card button{margin-left:10px}}@media print{body[data-page=cooking-school-guide]>:not(main),body[data-page=cooking-school-guide] .page-hero .kicker,.cs-actions,.cs-contents,.cs-check,.cs-quiz,.cs-completion,.cs-notes,.cs-related,.cs-next,#csLessonStatus,.explore-more{display:none!important}.page-hero{background:white!important;color:black!important;min-height:0!important;padding:10px!important}.page-hero h1,.page-hero p{color:black!important}.page-hero h1{font-size:30pt!important}.cs-workspace{margin:0;padding:0}.cs-reading{max-width:none}.cs-reading section,.cs-practice{break-inside:avoid}.cs-reading p{font-size:12pt;line-height:1.7}.cs-reading h2{font-size:20pt}.cs-practice{background:white;border:1px solid #aaa}}
/* Keep the portrait intact rather than cropping it into a shallow banner. */
.cs-welcome{grid-template-columns:minmax(0,1.45fr) minmax(240px,.8fr);align-items:center;gap:32px}
.cs-welcome>div{min-width:0}
.cs-welcome img{display:block;width:100%;height:auto;max-height:380px;object-fit:contain;object-position:center;border-radius:14px;justify-self:center}
@media(max-width:1000px){.cs-welcome{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:24px}.cs-welcome img{height:auto;max-height:340px}}
@media(max-width:650px){.cs-welcome{grid-template-columns:minmax(0,1fr);gap:22px}.cs-welcome img{width:auto;max-width:100%;height:auto;max-height:360px;margin-inline:auto}}
/* Fill the introduction photo panel while keeping the portrait framed from the top. */
.cs-welcome{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);overflow:hidden}
.cs-welcome img{display:block;justify-self:stretch;align-self:stretch;width:100%;max-width:100%;height:400px;max-height:none;object-fit:cover;object-position:center 18%;border-radius:16px;margin:0}
@media(max-width:1000px){.cs-welcome{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.cs-welcome img{width:100%;height:360px;max-height:none;object-position:center top}}
@media(max-width:650px){.cs-welcome{grid-template-columns:minmax(0,1fr)}.cs-welcome img{width:100%;height:auto;max-height:none;aspect-ratio:4/5;object-fit:cover;object-position:center top;margin:0;border-radius:14px}}