/* combined-enhancements.css */
/* Shared usability layer for the combined local preview. */
.course-view-controls{
  position:relative;
  flex:none;
  align-self:center;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}
.course-view-header{display:flex;align-items:center}
.course-view-drawer{display:none;margin:18px 8px 4px;padding:16px 0 0;border-top:1px solid var(--line,#dedbd1)}
.course-zoom-popup{position:absolute;right:0;top:calc(100% + 10px);width:204px;padding:16px;background:#fff;border:1px solid var(--line,#dedbd1);border-radius:8px;box-shadow:0 6px 20px #243e2c18;z-index:10}
.course-zoom-popup[hidden]{display:none}
.course-view-controls .course-zoom-toggle{display:grid;place-items:center;width:40px;height:40px;min-width:40px;margin:0;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--forest,#35503b);font:600 20px/1 var(--sans,Arial,sans-serif);box-shadow:none;cursor:pointer}
.course-zoom-toggle>span{display:block;line-height:1}
.course-zoom-toggle>span>span{font-size:15px}
.course-view-controls .course-zoom-toggle:hover,.course-view-controls .course-zoom-toggle[aria-expanded="true"]{background:#eaf0e6;color:var(--forest,#35503b)}
.course-zoom-toggle:focus-visible{outline:2px solid var(--forest,#35503b);outline-offset:2px}
.course-view-label{
  display:block;
  margin-bottom:9px;
  color:var(--forest,#243e2c);
  font:700 13px/1.3 var(--sans,Arial,sans-serif);
}
.course-zoom-control{
  display:grid;
  grid-template-columns:40px 72px 40px;
  justify-content:center;
  gap:4px;
  align-items:center;
}
.course-view-controls :is(.course-zoom-step,.course-zoom-value){
  display:grid;
  place-items:center;
  min-width:0;
  height:40px;
  margin:0;
  padding:0;
  border:1px solid var(--line-strong,#c8c5bb);
  border-radius:6px;
  background:#fff;
  color:var(--forest,#243e2c);
  font-family:var(--sans,Arial,sans-serif);
  font-weight:600;
  line-height:1;
  box-shadow:none;
  cursor:pointer;
}
.course-zoom-step{font-size:23px;line-height:1}
.course-zoom-value{font-size:14px}
.course-zoom-step:hover,.course-zoom-value:hover,
.course-zoom-step:focus-visible,.course-zoom-value:focus-visible{
  border-color:var(--forest,#243e2c);
  background:#f2f4ed;
}
.course-zoom-step:focus-visible,.course-zoom-value:focus-visible{
  outline:3px solid #6e794d;
  outline-offset:2px;
}
.course-zoom-step:disabled{opacity:.42;cursor:not-allowed}

.psec img,.psec video,.psec canvas{max-width:100%;height:auto}
.psec :is(.wrap,.cp-reading-layout,.cp-reading-main,.p1-reading-layout,.p1-reading-main)>*{min-width:0}
.psec :is(h1,h2,h3,h4,h5,h6,p,li,a,button,summary,figcaption){overflow-wrap:break-word}

@media(max-width:760px){
  .course-view-controls.course-view-header{display:none}
  .course-view-controls.course-view-drawer{display:block;align-self:stretch}
  .topbar-inner{min-width:0;gap:10px}
  .brand{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hamb{flex:0 0 auto;padding:10px 13px}
  .psec table{display:block;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
  .psec :is(input,select,textarea){max-width:100%}
}

@media(max-width:360px){
  .brand{font-size:14px}
  .hamb{gap:6px;padding-inline:10px}
  .menu-panel{width:100vw}
  .menu-item{padding-inline:8px}
}

@media print{
  .course-view-controls{display:none!important}
  body{zoom:1!important}
}


/* course-template.css */
/* Combined course template: one visual contract for every chapter. */
:root{
  --ct-reading-font:16px;
  --ct-body-size:16px;
  --ct-body-line:1.65;
  --ct-h1-size:calc(var(--ct-reading-font) * 2.25);
  --ct-h2-size:calc(var(--ct-reading-font) * 1.6875);
  --ct-h3-size:calc(var(--ct-reading-font) * 1.3125);
  --ct-h4-size:calc(var(--ct-reading-font) * 1.125);
  --ct-section-gap:20px;
  --ct-section-pad-y:24px;
  --ct-section-pad-x:28px;
  --ct-radius:8px;
  --ct-image-width:36%;
  --ct-image-max:460px;
  --ct-positive-bg:#f1f3ed;
  --ct-positive-line:#91a17b;
  --ct-warning-bg:#fbf2ed;
  --ct-warning-line:#bd8d78;
}

:root[data-course-zoom="85"]{--ct-reading-font:13.6px}
:root[data-course-zoom="100"]{--ct-reading-font:16px}
:root[data-course-zoom="115"]{--ct-reading-font:18.4px}
:root[data-course-zoom="130"]{--ct-reading-font:20.8px}

body.course-template{
  --global-palette1:#59643b;--global-palette2:#424e2c;
  --global-palette-highlight:#59643b;--global-palette-highlight-alt:#424e2c;
  --global-palette-btn-bg:#59643b;--global-palette-btn-bg-hover:#424e2c;
}
body.course-template #ca{font:400 var(--ct-reading-font)/var(--ct-body-line) var(--sans,Arial,sans-serif)}
body.course-template #ca .psec :is(h1,h2,h3,h4,h5,h6){font-family:var(--serif,"Lora",Georgia,serif)!important;letter-spacing:0!important}
body.course-template #ca .psec :is(.prose,.prose p,.sec>p,.cp-detail-body>p,.p1-source-prose){font-size:1em!important;line-height:var(--ct-body-line)!important}
body.course-template #ca .psec :is(.prose,.p1-r02-development-intro,.p1-r02-development-intro>p,.sec>p){width:auto;max-width:none!important}

body.course-template #ca .psec .pl-hero-split.course-template-hero{
  display:block!important;
  min-height:0;
  padding:10px 0 18px;
}
body.course-template #ca .psec .course-template-hero>.pl-hero-text{display:flow-root;min-width:0}
body.course-template #ca .psec .course-template-hero .pl-hero-photo{
  float:right!important;
  width:var(--ct-image-width)!important;
  max-width:var(--ct-image-max)!important;
  margin:8px 0 22px 32px!important;
}
body.course-template #ca .psec .course-template-hero .pl-hero-photo img{
  display:block;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:var(--ct-radius)!important;
}
body.course-template #ca .psec .course-template-hero h1{
  font:700 var(--ct-h1-size)/1.12 var(--serif,Georgia,serif)!important;
  color:var(--forest,#35503b);
  margin:14px 0 16px!important;
  letter-spacing:0!important;
}
body.course-template #ca .psec .course-template-hero :is(.prose,.plsub){font-size:1em!important;line-height:var(--ct-body-line)!important}

body.course-template #ca .psec .sec{
  min-width:0;
  margin:0;
  padding:var(--ct-section-pad-y) var(--ct-section-pad-x);
  border-radius:var(--ct-radius)!important;
}
body.course-template #ca .psec .wrap{gap:var(--ct-section-gap)}
body.course-template #ca .psec .sec-head{gap:10px;margin-bottom:16px}
body.course-template #ca :is(#tab-intro,#tab-p1,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).psec .sec-head :is(h2,.cp-section-title){
  font:700 var(--ct-h2-size)/1.2 var(--serif,Georgia,serif)!important;
  letter-spacing:0!important;
}
body.course-template #ca .psec .sec h2:not(.sec-head h2):not(.cp-section-title),
body.course-template #ca .psec .sec h3,
body.course-template #ca .psec .sec :is(.cp-summary-copy,.p1-r05-summary-copy),
body.course-template #ca .psec .sec [class$="-summary-title"],
body.course-template #ca .psec .sec .p1-r05-summary-copy>div>div:not(.expv){font:700 var(--ct-h3-size)/1.3 var(--serif,Georgia,serif)!important;letter-spacing:0!important}
body.course-template #ca .psec .sec h4{font:700 var(--ct-h4-size)/1.35 var(--serif,Georgia,serif)!important;letter-spacing:0!important}
body.course-template #ca .psec .sec :is(h5,h6){font-size:var(--ct-reading-font)!important;line-height:1.4!important}
body.course-template #ca .psec :is(.sico-ic,.impico-ic){flex:none}

body.course-template #ca .psec .course-template-flow{display:flow-root;max-width:none!important}
body.course-template #ca .psec .course-template-flow-photo{
  float:right!important;
  width:32%!important;
  max-width:320px!important;
  margin:2px 0 20px 28px!important;
}
body.course-template #ca .psec .course-template-flow-photo img{
  display:block;width:100%!important;height:auto!important;max-height:none!important;
  object-fit:cover;border-radius:var(--ct-radius)!important;
}
body.course-template #ca .psec .course-template-flow-photo figcaption{font-size:13px!important;line-height:1.45!important;margin-top:8px;text-align:center}

body.course-template #ca .psec .course-template-compare-group{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch;
  margin:16px 0 0!important;
}
body.course-template #ca .psec .course-template-compare{
  min-width:0;
  margin:0!important;
  padding:18px!important;
  border:1px solid #d8ddd2!important;
  border-left:4px solid var(--ct-positive-line)!important;
  border-radius:var(--ct-radius)!important;
  background:var(--ct-positive-bg)!important;
  color:#283228!important;
  font:400 1em/1.6 var(--sans,Arial,sans-serif)!important;
}
body.course-template #ca .psec .course-template-compare[data-course-tone="warning"]{
  border-color:#ead8ce!important;
  border-left-color:var(--ct-warning-line)!important;
  background:var(--ct-warning-bg)!important;
  color:#4f3b32!important;
}
body.course-template #ca .psec .course-template-compare :is(p,div){font-size:inherit!important;line-height:inherit!important}
body.course-template #ca .psec .course-template-compare>p:last-child{margin-bottom:0!important}
body.course-template #ca .psec .course-template-compare :is(.p4-contrast-title,.p7-contrast-title,.p8-contrast-title,.p9-contrast-title,.course-template-compare-title){
  display:block;
  margin:0 0 8px!important;
  color:var(--forest,#35503b)!important;
  font:800 12px/1.4 var(--sans,Arial,sans-serif)!important;
  text-transform:uppercase;
  letter-spacing:0!important;
}
body.course-template #ca .psec .course-template-compare[data-course-tone="warning"] :is(.p4-contrast-title,.p7-contrast-title,.p8-contrast-title,.p9-contrast-title,.course-template-compare-title){color:#a13d2f!important}

body.course-template #ca .psec .course-template-clear-photo{clear:both}
body.course-template #ca .psec .course-template-warning{
  margin:20px 0!important;padding:18px!important;
  border:1px solid #eadbd1!important;border-left:3px solid #bd9480!important;
  border-radius:var(--ct-radius)!important;background:#fbf3ed!important;color:#543f35!important;
  font:400 var(--ct-reading-font)/1.7 var(--sans,Arial,sans-serif)!important;
}
body.course-template #ca .psec .sec .course-template-warning>.course-template-warning-title{
  display:flex;align-items:center;gap:8px;
  margin:0 0 14px!important;padding:0!important;
  font:700 var(--ct-h4-size)/1.35 var(--serif,"Lora",Georgia,serif)!important;
  color:#795441!important;letter-spacing:0!important;
}
body.course-template #ca .psec .course-template-warning .course-template-warning-icon{
  display:block;flex:none;width:20px!important;height:20px!important;max-width:none!important;
  margin:0!important;border:0!important;border-radius:0!important;object-fit:contain;
}
body.course-template #ca .psec .course-template-warning :is(p,li){
  font-size:1em!important;line-height:1.7!important;color:inherit!important;
}
body.course-template #ca .psec .course-template-warning p{margin:0 0 13px!important}
body.course-template #ca .psec .course-template-warning>p:last-child,
body.course-template #ca .psec .course-template-warning>.p1-warning-comparison>p:last-child{margin-bottom:0!important}
body.course-template #ca .psec .course-template-warning>.p1-warning-comparison{padding:0!important;margin:0!important}

body.course-template #ca .psec .course-infographic>a:has(>img){display:block;line-height:0;border-radius:var(--ct-radius)}
body.course-template #ca .psec .course-infographic-trigger{cursor:zoom-in}
body.course-template #ca .psec .course-infographic-trigger:focus-visible{outline:3px solid #59643b;outline-offset:4px}
body.course-template #course-infographic-dialog{
  width:max-content;height:max-content;max-width:96vw;max-height:calc(100dvh - 110px);
  margin:auto;padding:0;border:0;background:transparent;overflow:visible;
}
body.course-template #course-infographic-dialog::backdrop{background:rgba(22,16,8,.88)}
body.course-template #course-infographic-dialog>img{
  display:block;width:auto;height:auto;max-width:96vw;max-height:min(82dvh,calc(100dvh - 110px));
  object-fit:contain;border-radius:8px;box-shadow:0 22px 60px rgba(0,0,0,.55);
}
body.course-template #course-infographic-dialog>.course-infographic-close{
  position:fixed;top:14px;right:22px;display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:6px;
  background:transparent;color:#fff;font:400 34px/1 Arial,sans-serif;cursor:pointer;
}
body.course-template #course-infographic-dialog>.course-infographic-download{
  position:absolute;left:50%;top:calc(100% + 12px);transform:translateX(-50%);
  display:block;width:max-content;max-width:96vw;padding:10px 16px;border-radius:8px;
  background:#59643b;color:#fff;text-decoration:none;font:700 14px/1.4 var(--sans,Arial,sans-serif);
}
body.course-template #course-infographic-dialog>.course-infographic-download:hover{background:#424e2c}
body.course-template #course-infographic-dialog :is(button,a):focus-visible{outline:2px solid #fff;outline-offset:4px}

body.course-template #ca .psec :is(.cp-card-grid,.startgrid){grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr))!important}
body.course-template #ca .psec :is(section,[id]){scroll-margin-top:92px}
body.course-template #ca .psec :is(.cp-reading-nav,.p1-reading-nav){max-height:calc(100dvh - 92px)!important}

@media(max-width:1099px){
  :root{--ct-image-width:38%;--ct-image-max:380px}
}
@media(max-width:760px){
  :root{--ct-section-pad-y:20px;--ct-section-pad-x:15px;--ct-section-gap:16px;--ct-h1-size:calc(var(--ct-reading-font) * 1.75);--ct-h2-size:calc(var(--ct-reading-font) * 1.5);--ct-h3-size:calc(var(--ct-reading-font) * 1.1875);--ct-h4-size:calc(var(--ct-reading-font) * 1.0625)}
  .menu-panel{width:min(100vw,390px);max-width:100vw;height:100dvh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}
  body.course-template #ca .psec .course-template-hero .pl-hero-photo,
  body.course-template #ca .psec .course-template-flow-photo{
    float:none!important;width:min(100%,400px)!important;max-width:100%!important;margin:8px auto 20px!important;
  }
  body.course-template #ca .psec .course-template-compare-group{grid-template-columns:1fr!important;gap:12px!important}
  body.course-template #ca .psec .course-template-compare{padding:15px!important}
  body.course-template #ca .psec .course-template-warning{padding:14px 12px!important}
}
@media(max-width:380px){
  :root{--ct-section-pad-x:12px}
  :root[data-course-zoom="85"]{--ct-reading-font:13.2px}
  :root[data-course-zoom="100"]{--ct-reading-font:15.5px}
  :root[data-course-zoom="115"]{--ct-reading-font:17.8px}
  :root[data-course-zoom="130"]{--ct-reading-font:20.1px}
}
@media print{
  .course-view-controls{display:none!important}
  #course-infographic-dialog{display:none!important}
  body{zoom:1!important}
}


/* p1-layout.css */
/* P1-only R02 prototype; inherited compact R01 presentation, complete-content structure. */
.p1-brand-logo,.p1-header-button,.p1-player-collapse{display:none}
body.p1-layout-r03{--nav-h:64px;--audio-h:62px}
body.p1-layout-r03 .topbar{height:64px}
body.p1-layout-r03 .topbar-inner{max-width:1480px;padding:0 24px;gap:12px}
body.p1-layout-r03 .brand{margin-right:auto;min-width:0;flex:1}
body.p1-layout-r03 .p1-original-brand{display:none}
body.p1-layout-r03 .p1-brand-logo{display:block;width:280px;max-width:100%;height:48px;object-fit:contain;object-position:left center;border-radius:0}
body.p1-layout-r03 .p1-header-button,body.p1-layout-r03 .p1-player-collapse{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid var(--line-strong);border-radius:9px;background:transparent;color:var(--forest);font:600 14px/1.2 var(--sans);cursor:pointer;white-space:nowrap}
body.p1-layout-r03 .hamb{min-height:40px;padding:8px 14px;margin-left:0;box-shadow:none;border-radius:9px}
body.p1-layout-r03 .p1-contents-button,body.p1-layout-r03 .p1-mini-pause{display:none}
body.p1-layout-r03.p1-audio-playing:not(.p1-audio-open) .p1-mini-pause{display:inline-flex;min-width:40px;padding:8px}
body.p1-layout-r03:not(.p1-audio-open) #ab{display:none}
body.p1-layout-r03 #ca.content.with-audio{padding-top:80px}
body.p1-layout-r03.p1-audio-open #ca.content.with-audio{padding-top:142px}
body.p1-layout-r03 .audio-inner{max-width:1480px;padding:0 24px;gap:14px}
body.p1-layout-r03 #ab .aicon{display:none}
body.p1-layout-r03 #ab .aplay{width:40px;height:40px;box-shadow:none}
body.p1-layout-r03 #ab .atitle{font-size:14px}
body.p1-layout-r03 #ab .alabel{font-size:10px;margin-bottom:0}
body.p1-layout-r03 #ab .aprog-wrap{max-width:240px;min-width:60px}
body.p1-layout-r03 .p1-header-button:hover,body.p1-layout-r03 .p1-player-collapse:hover{background:#e7ede7;color:var(--forest)}
#tab-p1 .p1-reading-layout{max-width:1480px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:194px minmax(0,1fr);gap:28px;align-items:start}
#tab-p1 .wrap{width:100%;max-width:none;min-width:0;padding:0;gap:20px}
#tab-p1 .p1-reading-nav{position:sticky;top:80px;max-height:calc(100dvh - 96px);overflow:auto;padding:4px 16px 12px 0;border-right:1px solid var(--line);font:14px/1.4 var(--sans)}
body.p1-layout-r03.p1-audio-open #tab-p1 .p1-reading-nav{top:142px;max-height:calc(100dvh - 158px)}
#tab-p1 .p1-nav-heading{display:flex;justify-content:space-between;align-items:center;color:var(--forest);margin-bottom:20px;font-size:16px}
#tab-p1 .p1-nav-close{display:none}
#tab-p1 .p1-age-choice{margin:0;padding:0;border:0}
#tab-p1 .p1-age-choice legend{font-weight:700;margin-bottom:8px;font-size:14px}
#tab-p1 .p1-age-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#tab-p1 .p1-age-options button{border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:var(--forest);font:600 13px/1.25 var(--sans);padding:9px 5px;min-height:40px;cursor:pointer}
#tab-p1 .p1-age-options button[aria-pressed="true"]{background:var(--forest);color:#fff;border-color:var(--forest)}
#tab-p1 .p1-age-options button:hover{background:#e7ede7;color:var(--forest)}
#tab-p1 .p1-age-explanation{font-size:12px;line-height:1.45;color:var(--muted);margin:8px 0 16px}
#tab-p1 .p1-reading-nav nav{display:flex;flex-direction:column;gap:3px}
#tab-p1 .p1-reading-nav nav a{display:block;padding:8px 10px;line-height:1.35;border-left:3px solid transparent;border-radius:0 7px 7px 0;text-decoration:none}
#tab-p1 .p1-reading-nav nav a:hover{background:#f3f3ed}
#tab-p1 .p1-reading-nav nav a[aria-current]{border-left-color:var(--forest);background:#eaf0e9;color:var(--forest);font-weight:700}
#tab-p1 .p1-age-status{display:flex;justify-content:space-between;align-items:center;gap:12px;font:600 13px/1.3 var(--sans);color:var(--muted);border-bottom:1px solid var(--line);padding:0 0 8px;margin-bottom:-12px}
#tab-p1 .p1-age-status button{font:600 13px/1.3 var(--sans);color:var(--forest);background:transparent;border:0;text-decoration:underline;padding:5px 0;cursor:pointer}
#tab-p1 .p1-section-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 12px;background:#edf2ec;border-radius:8px;margin:0 0 18px;font:600 14px/1.4 var(--sans)}
#tab-p1 .p1-section-tools label{display:flex;align-items:center;gap:8px}
#tab-p1 .p1-section-tools select{min-height:40px;max-width:100%;border:1px solid var(--line-strong);border-radius:7px;background:#fff;color:var(--forest);font:600 14px var(--sans);padding:6px 28px 6px 10px}
#tab-p1 .p1-section-tools a{text-decoration:underline;color:var(--forest);text-underline-offset:3px}
#tab-p1 [data-p1-age][hidden]{display:none!important}
#tab-p1[data-selected-age]:not([data-selected-age="all"]) .startgrid{grid-template-columns:1fr}
#tab-p1 .p1-jump-target{scroll-margin-top:82px}
body.p1-layout-r03.p1-audio-open #tab-p1 .p1-jump-target{scroll-margin-top:146px}
#tab-p1 .pl-hero-split{grid-template-columns:minmax(0,1.65fr) minmax(200px,1fr);gap:24px;padding:8px 0 16px;align-items:start}
#tab-p1 .pl-hero-text .plbadge{font-size:12px;padding:6px 12px;margin-bottom:9px}
#tab-p1 .pl-hero-text h1{font-size:clamp(28px,2.7vw,36px);line-height:1.1;letter-spacing:-.02em;margin-bottom:14px}
#tab-p1 .pl-hero-text p{margin-bottom:12px}
#tab-p1 .pl-hero-text .prose{font-size:16px;line-height:1.6}
#tab-p1 .pl-hero-photo{align-self:start;margin:10px 0 0}
#tab-p1 .pl-hero-photo img{max-height:300px;object-fit:contain;object-position:top right;border-radius:12px;box-shadow:none}
#tab-p1 .sec{padding:24px 28px;border-radius:17px;box-shadow:0 4px 18px rgba(58,44,25,.035)}
#tab-p1 .sec-head{gap:10px;margin-bottom:14px}
#tab-p1 .sec h2{font-size:clamp(22px,2vw,27px);line-height:1.18}
#tab-p1 .sec h3{line-height:1.25}
#tab-p1 .sico-ic{width:38px;height:38px}
#tab-p1 .prose{font-size:16px;line-height:1.65}
#tab-p1 .cojeg-grid{gap:24px}
#tab-p1 .cojeg-foto{margin-top:0}
#tab-p1 .gm-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));grid-auto-flow:row;gap:8px}
#tab-p1 .gm-label{font-size:15px}
#tab-p1 .gm-desc{font-size:14px;line-height:1.4}
#tab-p1 .gm-hint{font-size:12px;line-height:1.4}
#tab-p1 .gm-item{padding:14px 10px 12px}
#tab-p1 .nav-foot{gap:12px;flex-wrap:wrap}
#tab-p1 :is(button,a,select):focus-visible,body.p1-layout-r03 .topbar button:focus-visible,body.p1-layout-r03 #ab button:focus-visible{outline:3px solid #8F632D;outline-offset:3px}
@media(max-width:1099px){
 body.p1-layout-r03 .p1-contents-button{display:inline-flex}
 #tab-p1 .p1-reading-layout{display:block;max-width:980px}
 #tab-p1 .p1-reading-nav{display:none;position:fixed;z-index:205;top:64px;left:auto;right:12px;width:min(350px,calc(100vw - 24px));max-height:calc(100dvh - 78px);padding:20px;background:#fffdf8;border:1px solid var(--line);border-radius:0 0 14px 14px;box-shadow:0 14px 32px #243e2c22}
 body.p1-layout-r03.p1-contents-open #tab-p1 .p1-reading-nav{display:block}
 #tab-p1 .p1-nav-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--forest);font-size:24px}
 #tab-p1 .p1-nav-heading{margin-bottom:12px}
 #tab-p1 .p1-reading-nav nav a{min-height:40px}
}
@media(max-width:760px){
 body.p1-layout-r03 .topbar-inner{padding:0 12px;gap:6px}
 body.p1-layout-r03 .p1-brand-logo{width:220px;height:42px}
 body.p1-layout-r03 .p1-header-button,body.p1-layout-r03 .hamb{padding:7px 9px;min-height:40px;font-size:12px}
 body.p1-layout-r03 .hamb{font-size:0;gap:0;min-width:40px;padding:8px}
 body.p1-layout-r03 .hamb svg{display:block;width:20px;height:20px}
 body.p1-layout-r03 .p1-mini-pause{min-width:32px!important;padding:5px!important}
 body.p1-layout-r03 .p1-podcast-button{font-size:0;width:40px;min-width:40px;max-width:40px;padding:8px}
 body.p1-layout-r03 .p1-podcast-button::before{content:"";display:block;width:20px;height:20px;background:center/20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2335503b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 14v-3a9 9 0 0 1 18 0v3M3 13h3v8H4a1 1 0 0 1-1-1zm18 0h-3v8h2a1 1 0 0 0 1-1-1z'/%3E%3C/svg%3E")}
 body.p1-layout-r03 .audio-inner{padding:0 12px;gap:9px}
 body.p1-layout-r03 #ab .ameta{display:none}
 body.p1-layout-r03 #ab .aprog-wrap{max-width:none;min-width:36px}
 body.p1-layout-r03 #ab .atime{font-size:12px}
 body.p1-layout-r03 .p1-player-collapse{padding:7px 9px;font-size:12px}
 #tab-p1 .p1-reading-layout{padding:0 16px}
 #tab-p1 .wrap{gap:16px}
 #tab-p1 .pl-hero-split{display:block;padding-top:6px}
 #tab-p1 .pl-hero-text h1{font-size:28px;line-height:1.12}
 #tab-p1 .pl-hero-text .prose{font-size:16px;line-height:1.55}
 #tab-p1 .pl-hero-photo{max-width:320px;margin:16px auto 0}
 #tab-p1 .pl-hero-photo img{max-height:190px;object-position:center}
 #tab-p1 .sec{padding:20px 16px;border-radius:14px}
 #tab-p1 .sec h2{font-size:23px}
 #tab-p1 .sico-ic{width:32px;height:32px}
 #tab-p1 .agec{padding:14px 10px}
 #tab-p1 .agebody{padding:16px 12px}
 #tab-p1 .startc{padding:14px 12px}
 #tab-p1 .gm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #tab-p1 .gm-label{font-size:14px}
 #tab-p1 .gm-desc{font-size:13px}
 #tab-p1 .gm-hint{font-size:12px}
 #tab-p1 .gm-item{padding:12px 7px}
 #tab-p1 .expc figure{float:none!important;display:block;width:130px!important;max-width:100%!important;margin:14px auto!important}
 #tab-p1 .expc img{display:block;width:100%;height:auto}
 #tab-p1 .p1-section-tools{padding:10px;gap:8px}
 #tab-p1 .p1-section-tools label{flex-wrap:wrap}
 #tab-p1 .p1-section-tools a{font-size:13px}
 #tab-p1 .nav-foot span{order:3;flex-basis:100%;text-align:center}
 #tab-p1 .nav-foot button{max-width:100%;font-size:13px;padding:10px 12px}
}
@media(max-height:500px){
 body.p1-layout-r03 .topbar{position:relative}
 body.p1-layout-r03 #ca.content.with-audio{padding-top:16px}
 body.p1-layout-r03 #ab{position:relative;top:0}
 body.p1-layout-r03.p1-audio-open #ca.content.with-audio{padding-top:16px}
 #tab-p1 .p1-reading-nav{top:12px;max-height:calc(100dvh - 24px)}
 #tab-p1 .p1-jump-target{scroll-margin-top:16px}
 body.p1-layout-r03.p1-audio-open #tab-p1 .p1-jump-target{scroll-margin-top:16px}
 body.p1-layout-r03.p1-audio-open #tab-p1 .p1-reading-nav{top:12px;max-height:calc(100dvh - 24px)}
}

/* R02: overview, independent local choices, complete topics and workbook manual. */
#tab-p1 .p1-section-title{font:700 clamp(22px,2vw,27px)/1.18 var(--serif);color:var(--forest);margin:0}
#tab-p1 .p1-side-podcast{display:block;width:100%;margin:0 0 12px;min-height:40px;padding:9px 10px;border:1px solid var(--line-strong);border-radius:8px;background:#f1eee5;color:var(--forest);font:600 14px/1.3 var(--sans);text-align:left;cursor:pointer}
#tab-p1 .p1-nav-heading{margin-bottom:12px}
#tab-p1 .p1-reading-nav nav a{padding:7px 9px;font-size:13px}
#tab-p1 .p1-topic{margin:24px 0 0;padding-top:22px;border-top:1px solid var(--line)}
#tab-p1 .p1-topic>h3{margin:0 0 12px;color:var(--forest);font-size:22px}
#tab-p1 .p1-ladder-band>div:first-of-type{margin-top:0!important}
#tab-p1 .p1-ladder-band>h3{font-size:20px}
#tab-p1 .p1-context-links,#tab-p1 .p1-topic-links{display:flex;gap:10px 18px;flex-wrap:wrap;margin:14px 0 0;align-items:center}
#tab-p1 .p1-context-link{display:inline-flex;align-items:center;min-height:40px;font:600 14px/1.45 var(--sans);color:var(--forest);text-decoration:underline;text-underline-offset:3px;padding:6px 0;max-width:100%}
#tab-p1 .p1-topic-links{margin-bottom:18px;gap:8px}
#tab-p1 .p1-topic-links a{border:1px solid var(--line-strong);background:#f6f4ee;padding:8px 12px;border-radius:8px;text-decoration:none}
#tab-p1 .p1-local-filter{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#edf2ec;border:1px solid #d8e2d5;border-radius:12px;padding:14px 16px;margin:16px 0 22px}
#tab-p1 .p1-local-filter fieldset{margin:0;padding:0;border:0;min-width:0}
#tab-p1 .p1-local-filter legend{font:600 14px/1.4 var(--sans);color:var(--forest);padding:0;margin-bottom:9px}
#tab-p1 .p1-local-options{display:flex;gap:7px;flex-wrap:wrap}
#tab-p1 .p1-local-options button{padding:9px 15px;min-height:42px;border:1px solid #b5c5b4;background:#fff;color:var(--forest);border-radius:8px;font:600 14px/1.3 var(--sans);cursor:pointer}
#tab-p1 .p1-local-options button[aria-pressed="true"]{background:var(--forest);color:#fff;border-color:var(--forest)}
#tab-p1 .p1-local-options button:hover{box-shadow:inset 0 0 0 1px var(--forest)}
#tab-p1 .p1-filter-status{margin:0 0 10px;font:500 13px/1.4 var(--sans);color:var(--muted)}
#tab-p1 .p1-age-development{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}
#tab-p1 .p1-age-development>h4{margin:0 0 12px;font-size:18px;color:var(--forest)}
#tab-p1 .p1-age-development p,#tab-p1 .p1-source-prose{font-size:16px;line-height:1.7;margin:0 0 13px}
#tab-p1 .agec>.cuebox{margin-top:16px}
#tab-p1 .p1-topic>h4{font-size:17px;color:var(--forest);margin:20px 0 8px}
#tab-p1 .p1-extra-start{margin-top:16px;border-top:1px solid var(--line);padding-top:10px}
#tab-p1 .p1-extra-start summary{cursor:pointer;font:600 14px/1.5 var(--sans);color:var(--forest);padding:7px 0}
#tab-p1 .p1-extra-start .cuebox{margin-top:10px;padding:12px}
#tab-p1 .p1-manual-details{border:1px solid var(--line-strong);background:#f6f4ee;border-radius:12px;margin:18px 0 26px}
#tab-p1 .p1-manual-details>summary{padding:16px 18px;font:600 16px/1.5 var(--sans);color:var(--forest);cursor:pointer}
#tab-p1 .p1-manual{padding:6px 20px 20px}
#tab-p1 .p1-manual .sec-head{margin-top:8px}
#tab-p1 .p1-manual .sec-head h2{font-size:22px}
#tab-p1 .cue2:not(:has(*)){display:none}
#tab-p1 #p1-aktivity>h3{font-size:21px;margin:24px 0 12px}
#tab-p1 #p1-sezeni{margin-top:18px!important}
#tab-p1 .p1-extra-start summary:focus-visible,#tab-p1 .p1-manual-details>summary:focus-visible{outline:3px solid #8F632D;outline-offset:3px}
@media(max-width:760px){
 body.p1-layout-r03 .p1-podcast-button{display:none}
 #tab-p1 .p1-local-filter{padding:12px}
 #tab-p1 .p1-local-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}
 #tab-p1 .p1-local-filter fieldset{width:100%}
 #tab-p1 .p1-local-options button{padding:9px 10px}
 #tab-p1 .p1-filter-status{margin:0}
 #tab-p1 .p1-manual{padding:0 12px 16px}
 #tab-p1 .p1-manual-details>summary{padding:14px 12px}
 #tab-p1 .p1-topic>h3{font-size:21px}
 #tab-p1 .p1-reading-nav nav a{font-size:14px;min-height:40px}
}

/* R03: compact overview; full detail is retained behind explicit disclosure. */
#tab-p1 [hidden]{display:none!important}
#tab-p1 #p1-prehled :is(.expc-open,.agerow,.p1-age-module,.p1-compact-ladder){min-width:0;max-width:100%}
#tab-p1 #p1-prehled .agerow{grid-template-columns:minmax(0,1fr)}
#tab-p1 .p1-age-module{padding:20px 18px;border:1px solid #cfd9ca;border-left:4px solid #6b825b;border-radius:12px;background:#fffefb}
#tab-p1 .p1-age-module>h3{font-size:23px!important;margin:0 0 12px!important}
#tab-p1 .p1-age-module .p1-compact-ladder{margin:0!important}
#tab-p1 .p1-ladder-toggle{border:0;background:transparent;color:var(--forest);font:600 14px/1.4 var(--sans);text-decoration:underline;text-underline-offset:3px;min-height:40px;padding:5px 0;margin:0 0 5px;cursor:pointer}
#tab-p1 .p1-ladder-toggle::after{content:' ＋'}
#tab-p1 .p1-ladder-toggle[aria-expanded=true]::after{content:' −'}
#tab-p1 .p1-ladder-viewport{min-width:0}
#tab-p1 .p1-compact-ladder .gm-rada{padding:0;max-width:none}
#tab-p1 .p1-compact-ladder .gm-grid{grid-template-columns:repeat(var(--p1-elements),minmax(0,1fr));grid-auto-flow:row;gap:5px;align-items:stretch}
#tab-p1 .p1-compact-ladder .gm-item{padding:10px 4px;border-radius:8px;gap:7px;background:#f5f6f0}
#tab-p1 .p1-compact-ladder .gm-ikona{height:30px;margin:0}
#tab-p1 .p1-compact-ladder .gm-ikona img{max-height:30px!important;max-width:100%!important;object-fit:contain}
#tab-p1 .p1-compact-ladder .gm-label{font-size:14px;line-height:1.2;margin:0!important;overflow-wrap:normal;hyphens:auto}
#tab-p1 .p1-compact-ladder .gm-desc{font-size:14px;line-height:1.4;margin:2px 0 0!important}
#tab-p1 .p1-compact-ladder .gm-hint{font-size:12px;line-height:1.4;margin:0!important}
#tab-p1 .p1-ladder-mobile-hint{display:none}
#tab-p1 .p1-module-details{margin-top:12px;border-top:1px solid var(--line)}
#tab-p1 .p1-module-details>summary{padding:14px 4px;color:var(--forest);font:600 16px/1.4 var(--sans);cursor:pointer}
#tab-p1 .p1-warning-details>summary{color:#855221}
#tab-p1 .p1-module-details[open]>summary{border-bottom:1px solid var(--line);margin-bottom:16px}
#tab-p1 .p1-intro-comparison,#tab-p1 .p1-warning-comparison,#tab-p1 .p1-handedness-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
#tab-p1 .p1-intro-comparison .p1-age-development{margin:0;padding:0 0 0 18px;border-top:0;border-left:1px solid var(--line)}
#tab-p1 .p1-intro-comparison .p1-age-development>h4{font-size:15px;line-height:1.4}
#tab-p1 .p1-age-module :is(.ac-intro,.ac-p,.p1-age-development p){font-size:16px;line-height:1.65}
#tab-p1 .p1-warning-comparison :is(.warnb,.cuebox){margin:0;height:auto}
#tab-p1 .p1-warning-comparison .cuebox.watch{padding:16px;background:#faf2e8;border:1px solid #e6c9a5;border-radius:10px}
#tab-p1 .p1-age-module>.p1-context-links{margin-top:6px;padding-top:8px;border-top:1px solid var(--line)}
#tab-p1 .p1-module-details>summary:focus-visible,#tab-p1 .p1-ladder-viewport:focus-visible{outline:3px solid #8F632D;outline-offset:3px}
#tab-p1 .p1-method-comparison{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;margin:24px 0;align-items:start}
#tab-p1 .p1-method-comparison #p1-zasady{margin:0;padding:0;border:0}
#tab-p1 .p1-age-guides{padding-left:22px;border-left:1px solid var(--line)}
#tab-p1 .p1-age-guide{padding:0 0 20px;margin-bottom:22px;border-bottom:1px solid var(--line)}
#tab-p1 .p1-age-guide:last-child{margin:0;border:0}
#tab-p1 .p1-guide-age-title{font-size:21px;margin:0 0 8px}
#tab-p1 .p1-age-guide>.ab-subh{font:600 15px/1.5 var(--sans);margin:0 0 10px}
#tab-p1 .p1-age-guide .age-how li{font-size:16px;line-height:1.65}
#tab-p1 .p1-portrait-only{display:block;max-width:240px;margin:18px auto 24px}
#tab-p1 .p1-handedness-comparison{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
#tab-p1 .p1-handedness-comparison .lefty{margin:0;padding:16px;background:#f3f2e9;border:1px solid var(--line);border-radius:10px}
#tab-p1 .p1-r11-body>h4{font-size:17px;margin:18px 0 8px;color:var(--forest)}
#tab-p1 .p1-r11-body>p{font-size:16px;line-height:1.65}
@media(max-width:1279px) and (min-width:761px){
 #tab-p1 .p1-compact-ladder .gm-grid{grid-template-columns:repeat(var(--p1-half-elements),minmax(0,1fr))}
}
@media(max-width:760px){
 #tab-p1 .p1-age-module{padding:16px 10px;border-left-width:3px}
 #tab-p1 .p1-age-module>h3{font-size:21px!important}
 #tab-p1 .p1-ladder-viewport{overflow-x:auto;overscroll-behavior-x:contain;padding:0 0 8px;scrollbar-color:#6b825b #e6ebdf;scrollbar-width:thin}
 #tab-p1 .p1-compact-ladder .gm-grid{grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:110px;gap:6px}
 #tab-p1 .p1-compact-ladder .gm-item{padding:10px 7px}
 #tab-p1 .p1-ladder-mobile-hint{display:block;font:400 12px/1.5 var(--sans);color:var(--muted);margin:6px 0 12px}
 #tab-p1 .p1-intro-comparison,#tab-p1 .p1-warning-comparison,#tab-p1 .p1-handedness-comparison,#tab-p1 .p1-method-comparison{grid-template-columns:1fr;gap:18px}
 #tab-p1 .p1-intro-comparison .p1-age-development,#tab-p1 .p1-age-guides{padding:14px 0 0;border-left:0;border-top:1px solid var(--line)}
 #tab-p1 .p1-module-details>summary{font-size:15px}
}


/* p1-content-review.css */
#tab-p1 .p1-review-legend{border:1px solid #b7c2b3;border-radius:12px;background:#f8faf7;padding:20px;margin:20px 0 28px;color:#263a2e;font:15px/1.55 var(--sans);grid-column:1/-1}
#tab-p1 .p1-review-legend>strong{font-size:20px}
#tab-p1 .p1-review-legend p{font:inherit;margin:8px 0}
#tab-p1 .p1-review-key{display:flex;flex-wrap:wrap;gap:8px}
#tab-p1 .p1-review-key>span{padding:5px 9px;border:1px solid;border-radius:5px}
#tab-p1 .p1-copy-review{clear:both;grid-column:1/-1;max-width:100%;min-width:0;border-top:2px solid #ccd2c9;margin:20px 0 12px;padding:14px 0 0;font:16px/1.55 var(--sans);text-align:left}
#tab-p1 .p1-copy-review h4{font:700 17px/1.4 var(--sans);color:#334338;margin:0 0 8px}
#tab-p1 .p1-copy-review p{font:inherit;margin:8px 0;overflow-wrap:break-word}
#tab-p1 .p1-copy-review>.p1-review-scope{font-size:14px;color:#525b55}
#tab-p1 .p1-copy-review>.p1-review-source{font-size:12px;color:#606861;margin-top:6px}
#tab-p1 .p1-review-missing{background:#fff4da;color:#674600;border-color:#dca648!important}
#tab-p1 .p1-review-conflict{background:#fff0ee;color:#812b27;border-color:#cf736a!important}
#tab-p1 .p1-review-proposal{background:#edf7ed;color:#234b2b;border-color:#71a17c!important}
#tab-p1 .p1-copy-review>div{border-left:4px solid;border-radius:0 7px 7px 0;padding:12px 15px;margin:9px 0}
#tab-p1 .p1-review-label{display:block;font-size:13px;letter-spacing:.015em;margin-bottom:5px}
#tab-p1 .impitem:has(>.p1-copy-review){display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;break-inside:auto!important}
#tab-p1 .impitem>.p1-copy-review{grid-column:1/-1!important;width:100%!important}
@media(max-width:600px){#tab-p1 .p1-copy-review{font-size:15px}#tab-p1 .p1-copy-review>div{padding:10px 12px}#tab-p1 .p1-review-legend{padding:15px}}
@media print{#tab-p1 .p1-copy-review{margin:4mm 0!important;padding:3mm 0 0!important;break-inside:auto!important}#tab-p1 .p1-copy-review>div{padding:3mm!important;box-decoration-break:clone;-webkit-box-decoration-break:clone;break-inside:auto!important}#tab-p1 .p1-copy-review h4,#tab-p1 .p1-review-label{break-after:avoid!important}#tab-p1 .p1-copy-review p{font-size:10.5pt!important;line-height:1.45!important}#tab-p1 .p1-copy-review .p1-review-source{font-size:8pt!important}#tab-p1 .p1-review-legend{padding:4mm!important;margin:0 0 5mm!important;break-inside:avoid!important}#tab-p1 .p1-review-legend p{font-size:9pt!important;line-height:1.4!important}#tab-p1 .p1-review-key{font-size:9pt!important}}


/* p1-feedback.css */
#tab-p1 .p1-r02-proposal{background:#eef7ee;border-left:3px solid #3c784a;border-radius:8px;padding:16px 18px;margin:14px 0;color:#263c2b}
#tab-p1 .p1-r02-caption{font-size:12px!important;font-weight:700;letter-spacing:.02em;margin:0 0 10px!important;color:#3f724a}
#tab-p1 .p1-r02-source{font-size:12px!important;line-height:1.5!important;color:#5c6b5d;margin:12px 0 0!important}
#tab-p1 .p1-r02-development-intro p,#tab-p1 .p1-detail-content p,#tab-p1 .p1-warning-comparison p{line-height:1.7;margin:0 0 13px}
#tab-p1 .p1-detail-content h4{font-size:17px;line-height:1.4;margin:20px 0 8px;color:var(--forest)}
#tab-p1 .p1-method-comparison{display:block}
#tab-p1 .p1-age-guides{display:block}
#tab-p1 .p1-age-guide{margin:16px 0}
#tab-p1 .p1-r02-development-intro{max-width:82ch;margin:0 0 26px}
#tab-p1 .p1-age-module>.p1-development-details{margin:10px 0 18px}
#tab-p1 .p1-r02-proposal h4{break-after:avoid}
#tab-p1 .p1-r02-open{background:#fff0ec;border-left:3px solid #b85542;border-radius:8px;padding:15px 18px;margin:16px 0;font-size:14px;line-height:1.65}
#tab-p1 .p1-r02-warning-icon{width:20px;height:20px;object-fit:contain;vertical-align:middle;margin-right:8px}
@media(max-width:600px){#tab-p1 .p1-r02-proposal{padding:13px 12px}#tab-p1 .p1-detail-content h4{font-size:16px}}


/* p1-feedback-r03-age.css */
/* R03: scoped to the three developmental age modules, never other P1 topics or chapters. */
#tab-p1 .p1-age-module.p1-r03-age-shell {
  padding: 0;
  overflow: visible;
}
#tab-p1 .p1-r03-age-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 56px;
  padding: 18px;
  cursor: pointer;
  list-style: none;
  border-radius: 9px;
}
#tab-p1 .p1-r03-age-summary::-webkit-details-marker { display: none; }
#tab-p1 .p1-r03-age-summary::marker { content: ''; }
#tab-p1 .p1-r03-age-summary::after {
  content: '';
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  border-right: 2px solid var(--forest);
  border-bottom: 2px solid var(--forest);
  transform: rotate(45deg);
  margin: 0 4px 5px 0;
}
#tab-p1 .p1-r03-age-disclosure[open] > .p1-r03-age-summary::after {
  transform: rotate(225deg);
  margin-bottom: -5px;
}
#tab-p1 .p1-r03-age-summary:hover { background: #f3f5ef; }
#tab-p1 .p1-r03-age-summary:focus-visible { outline: 3px solid #8F632D; outline-offset: 3px; }
#tab-p1 .p1-r03-age-summary > h3 {
  font: 700 23px/1.35 var(--sans) !important;
  color: var(--forest);
  margin: 0 !important;
}
#tab-p1 .p1-r03-age-body { padding: 0 18px 20px; min-width: 0; }
#tab-p1 .p1-r03-age-shell .p1-r03-static-section {
  border: 0;
  padding: 0;
  margin: 0 0 22px;
}
#tab-p1 .p1-r03-age-shell .p1-r03-static-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--forest);
  font: 700 18px/1.4 var(--sans);
  margin: 0 0 14px;
  padding: 0;
}
#tab-p1 .p1-r03-age-shell .p1-ladder-viewport { overflow: visible; padding: 0; }
#tab-p1 .p1-r03-age-shell .p1-compact-ladder .gm-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 128px), 1fr));
  grid-template-rows: none;
  grid-auto-flow: row;
  grid-auto-columns: auto;
  gap: 8px;
  align-items: stretch;
}
#tab-p1 .p1-r03-age-shell .gm-grid > .gm-item { order: 0; grid-area: auto; padding: 12px 8px; }
#tab-p1 .p1-r03-age-shell .p1-ladder-toggle,
#tab-p1 .p1-r03-age-shell .p1-ladder-mobile-hint { display: none !important; }
#tab-p1 .p1-r03-age-shell .p1-warning-details.p1-r03-static-section {
  margin: 22px 0 16px;
  padding: 18px;
  border: 1px solid #dcbaac;
  border-left: 4px solid #a6503e;
  border-radius: 10px;
  background: #f7e9e3;
  color: #50342c;
}
#tab-p1 .p1-r03-age-shell .p1-warning-details > .p1-r03-static-heading { color: #854330; }
#tab-p1 .p1-r03-age-shell .p1-warning-details .p1-r02-warning-icon { flex: 0 0 20px; margin: 0; }
#tab-p1 .p1-r03-age-shell .p1-warning-details > .p1-warning-comparison {
  display: block;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: inherit;
}
#tab-p1 .p1-r03-age-shell .p1-warning-comparison > :last-child { margin-bottom: 0; }
#tab-p1 .p1-r03-age-body > .p1-context-links { margin-top: 16px; }
@media (max-width: 760px) {
  #tab-p1 .p1-r03-age-summary { padding: 16px 12px; gap: 12px; }
  #tab-p1 .p1-r03-age-summary > h3 { font-size: 20px !important; }
  #tab-p1 .p1-r03-age-body { padding: 0 12px 16px; }
  #tab-p1 .p1-r03-age-shell .p1-compact-ladder .gm-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-flow: row;
    grid-template-rows: none;
    grid-auto-columns: auto;
  }
  #tab-p1 .p1-r03-age-shell .p1-warning-details.p1-r03-static-section { padding: 14px 12px; }
}
@media print {
  #tab-p1 .p1-r03-age-summary { break-inside: avoid; break-after: avoid; }
  #tab-p1 .p1-r03-age-summary::after { display: none; }
  #tab-p1 .p1-r03-age-shell .p1-compact-ladder .gm-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  #tab-p1 .p1-r03-age-shell .gm-item { break-inside: avoid; }
  #tab-p1 .p1-r03-age-shell .p1-warning-details { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
  #tab-p1 .p1-r03-age-shell .p1-r03-static-heading { break-inside: avoid; break-after: avoid; }
}


/* p1-feedback-r03.css */
#tab-p1 .p1-r03-new-copy{border-left:3px solid #59805a;padding-left:15px;margin:14px 0}
#tab-p1 .p1-r03-inline-link{text-decoration:underline;text-underline-offset:3px;color:var(--forest);font-weight:600}
#tab-p1 .p1-r03-practice-grid,#tab-p1 .p1-r03-hand-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.9fr);gap:26px;align-items:start;margin:24px 0;padding:22px;border:1px solid #d8d4c7;border-radius:16px;background:#fffdf8}
#tab-p1 .p1-r03-practice-grid .p1-topic,#tab-p1 .p1-r03-hand-grid .p1-topic{margin:0;padding:0;border:0;background:none;min-width:0}
#tab-p1 .p1-r03-infographics .figrow,#tab-p1 .p1-r03-infographics .imgrow,#tab-p1 .p1-r03-infographics .duo,#tab-p1 .p1-r03-infographics .images-grid{display:flex;flex-direction:column;gap:22px}
#tab-p1 .p1-r03-infographics .p1-r03-image-stack{display:flex!important;flex-direction:column!important;gap:22px}
#tab-p1 .p1-r03-hand-grid .p1-handedness-comparison{display:block!important}
#tab-p1 .p1-r03-infographics figure{width:100%;max-width:none;margin:0 0 24px}
#tab-p1 .p1-r03-infographics img{width:100%;height:auto;max-height:none;object-fit:contain}
#tab-p1 .p1-r03-image-download{display:inline-block;padding:5px;text-decoration:underline;text-underline-offset:3px;color:var(--forest)}
#tab-p1 .p1-r03-hand-illustration{margin:0}
#tab-p1 .p1-r03-hand-illustration img{width:100%;height:auto;border-radius:12px;display:block}
#tab-p1 .p1-r03-age-shell .p1-detail-content{padding:0;border:0;background:none}
#tab-p1 .p1-r03-age-shell .p1-warning-comparison .p1-r03-new-copy{background:none}
@media(max-width:900px){#tab-p1 .p1-r03-practice-grid,#tab-p1 .p1-r03-hand-grid{grid-template-columns:1fr;padding:18px;gap:22px}#tab-p1 .p1-r03-hand-illustration{max-width:420px;margin:0 auto}#tab-p1 .p1-r03-infographics{max-width:600px;margin:auto}}
@media(max-width:480px){#tab-p1 .p1-r03-practice-grid,#tab-p1 .p1-r03-hand-grid{padding:13px}}
@media print{#tab-p1 .p1-r03-practice-grid,#tab-p1 .p1-r03-hand-grid{display:block;padding:4mm;margin:5mm 0;break-inside:auto}#tab-p1 .p1-r03-infographics figure{max-width:150mm;margin:4mm auto;break-inside:avoid}#tab-p1 .p1-r03-infographics img{max-height:165mm!important}#tab-p1 .p1-r03-hand-illustration{max-width:70mm;margin:4mm auto;break-inside:avoid}#tab-p1 .p1-r03-hand-illustration img{max-height:90mm!important}#tab-p1 .p1-r03-new-copy{padding-left:3mm}#tab-p1 .p1-r03-image-download{display:none}}


/* p1-feedback-r04.css */
/* Scoped comments from the returned R03. Larger upper-age redesign remains a chat proposal. */
#tab-p1.p1-feedback-r04 .p1-r03-new-copy{border-left:0;padding-left:0}
#tab-p1.p1-feedback-r04 .p1-topic-subtitle{font-family:inherit;font-size:23px!important;line-height:1.35;font-weight:700;font-style:normal;margin:12px 0 18px;color:var(--forest)}
#tab-p1.p1-feedback-r04 .p1-warning-details.p1-r03-static-section,#tab-p1 .p1-r04-consultation{background:#fbf3ed!important;border:1px solid #eadbd1!important;border-left:3px solid #bd9480!important;border-radius:12px;color:#543f35!important;padding:18px;margin:20px 0}
#tab-p1.p1-feedback-r04 .p1-warning-details>.p1-r03-static-heading,#tab-p1 .p1-r04-consultation>h4{color:#795441!important}
#tab-p1 .p1-r04-consultation .p1-r02-hand-note{background:transparent;border:0;padding:0;margin:0}
#tab-p1 .p1-r04-consultation>h4{margin:0 0 12px}
#tab-p1 .p1-r04-start-questions{margin:20px 0 24px;padding-left:26px;list-style:disc}
#tab-p1 .p1-r04-start-questions li{padding-left:3px;margin:4px 0}
#tab-p1 .p1-r04-start-answer{margin:0 0 22px!important}
#tab-p1 .p1-r04-start-help{margin:0 0 20px!important}
#tab-p1.p1-feedback-r04 .startc-ico{position:static;transform:none;margin:16px 0 8px}
#tab-p1 .p1-r04-workbook-age{margin:18px 0;border:1px solid #ded8c9;border-radius:14px;overflow:clip;background:#fffdf9;scroll-margin-top:100px}
#tab-p1 .p1-r04-workbook-age>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 24px;cursor:pointer;background:#f5f3ea;list-style:none}
#tab-p1 .p1-r04-workbook-age>summary::-webkit-details-marker{display:none}
#tab-p1 .p1-r04-workbook-age>summary h3{font:700 25px/1.25 Georgia,serif;color:var(--forest);margin:0}
#tab-p1 .p1-r04-disclosure-label{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:650;color:#4d6352}
#tab-p1 .p1-r04-disclosure-label:after{content:'+';font-size:23px;font-weight:400}
#tab-p1 .p1-r04-workbook-age[open] .p1-r04-disclosure-label:after{content:'−'}
#tab-p1 .p1-r04-workbook-age[open]>summary{border-bottom:1px solid #ded8c9}
#tab-p1 .p1-r04-workbook-body{padding:24px}
#tab-p1 .p1-r04-workbook-body>p{margin:0 0 25px}
#tab-p1 .p1-r04-workbook-body h4{font-family:inherit;font-size:20px;line-height:1.4;margin:24px 0 15px;color:var(--forest)}
#tab-p1 .p1-r04-ladder-scroll{overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid #e1dfd1;border-radius:10px;padding:12px 10px;background:#fff;scrollbar-width:thin}
#tab-p1 .p1-r04-ladder-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(72px,1fr);gap:5px;min-width:max-content}
#tab-p1 .p1-r04-ladder-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;width:76px;text-align:center;font-size:12px;font-weight:600;line-height:1.25;color:#405b46;padding:2px}
#tab-p1 .p1-r04-ladder-item svg{width:65px;height:45px;flex:0 0 45px}
#tab-p1 .p1-r04-detail-link{display:inline-block;font-size:14px;margin:10px 0;color:var(--forest);text-decoration:underline;text-underline-offset:3px}
#tab-p1 .p1-r04-download{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.95fr);gap:26px;align-items:center;margin:26px 0 34px;padding:22px;border-radius:12px;background:#f5f3e8}
#tab-p1 .p1-r04-download h4{margin:0 0 18px}
#tab-p1 .p1-r04-download-button{display:inline-flex;justify-content:center;padding:13px 20px;border-radius:9px;background:var(--forest);color:white;font-size:16px;font-weight:700;text-decoration:none}
#tab-p1 .p1-r04-download figure{margin:0}
#tab-p1 .p1-r04-download img{display:block;width:100%;height:auto;border-radius:10px}
#tab-p1 .p1-r04-download figcaption{font-size:14px;line-height:1.45;color:#566453;margin-top:9px}
#tab-p1 .p1-r04-age-guide>h4{font-size:23px;padding-bottom:12px;border-bottom:1px solid #dddacc;margin:0 0 20px}
#tab-p1 .p1-r04-guide-part{margin:0 0 22px;max-width:78ch}
#tab-p1 .p1-r04-guide-part h5{font-family:inherit;font-size:17px;color:var(--forest);line-height:1.4;margin:0 0 7px}
#tab-p1 .p1-r04-guide-part p{margin:0 0 10px;line-height:1.65}
#tab-p1 .p1-r04-workbook-age>summary:focus-visible,#tab-p1 .p1-r04-ladder-scroll:focus-visible,#tab-p1 .p1-r04-download-button:focus-visible{outline:3px solid #967142;outline-offset:3px}
@media(max-width:760px){#tab-p1 .p1-r04-workbook-age>summary{padding:19px 16px}#tab-p1 .p1-r04-workbook-age>summary h3{font-size:23px}#tab-p1 .p1-r04-workbook-body{padding:18px 15px}#tab-p1 .p1-r04-download{grid-template-columns:1fr;gap:20px;padding:18px}#tab-p1 .p1-r04-download figure{max-width:420px}#tab-p1 .p1-r04-workbook-body h4{font-size:19px}#tab-p1 .p1-r04-age-guide>h4{font-size:21px}}
@media print{#tab-p1 .p1-r04-workbook-age{break-inside:auto!important;overflow:visible!important;margin:6mm 0!important}#tab-p1 .p1-r04-workbook-age>summary{padding:4mm!important;break-after:avoid!important}#tab-p1 .p1-r04-workbook-age>summary h3{font-size:16pt!important}#tab-p1 .p1-r04-disclosure-label{display:none!important}#tab-p1 .p1-r04-workbook-body{padding:4mm!important}#tab-p1 .p1-r04-ladder-scroll{overflow:visible!important;padding:2mm!important;break-inside:avoid!important}#tab-p1 .p1-r04-ladder-row{min-width:0!important;grid-auto-columns:minmax(0,1fr)!important;gap:1mm!important}#tab-p1 .p1-r04-ladder-item{width:auto!important;font-size:8pt!important}#tab-p1 .p1-r04-ladder-item svg{width:100%!important;max-width:15mm;height:11mm;flex-basis:11mm}#tab-p1 .p1-r04-download{grid-template-columns:1fr 52mm!important;gap:6mm;padding:4mm!important;break-inside:avoid!important;margin:5mm 0!important}#tab-p1 .p1-r04-download h4{font-size:12pt!important}#tab-p1 .p1-r04-download-button{display:none!important}#tab-p1 .p1-r04-detail-link{display:none!important}#tab-p1 .p1-r04-download figcaption{font-size:9pt!important}#tab-p1 .p1-r04-guide-part{break-inside:avoid!important;margin-bottom:4mm!important}#tab-p1 .p1-r04-guide-part h5{font-size:11pt!important;break-after:avoid!important}#tab-p1 .p1-r04-guide-part p{font-size:11pt!important;line-height:1.5!important}#tab-p1 .p1-r04-age-guide>h4{font-size:14pt!important;break-after:avoid!important}#tab-p1 .p1-r04-consultation{break-inside:avoid!important}}
#tab-p1 .p1-r04-guide-part h6{font-family:inherit;font-size:16px;font-weight:700;line-height:1.4;color:var(--forest);margin:12px 0 7px}@media print{#tab-p1 .p1-r04-guide-part h6{font-size:10.5pt!important;break-after:avoid!important}}
#tab-p1 .p1-r04-ladder-icon{display:flex;align-items:center;justify-content:center;width:65px;height:45px;flex:0 0 45px}#tab-p1 .p1-r04-ladder-icon img{max-width:100%;max-height:45px;width:auto;height:auto;object-fit:contain}@media print{#tab-p1 .p1-r04-ladder-icon{width:100%;height:11mm;flex-basis:11mm}#tab-p1 .p1-r04-ladder-icon img{max-height:11mm!important}}


/* p1-layout-r05.css */
/* Everything is scoped to the working P1. No P2–P9, menu or player rules. */
#tab-p1.p1-layout-r05{--r05-line:#dedbd1;--r05-surface:#f6f4ee;--r05-ink:#36533e}
#tab-p1.p1-layout-r05 .p1-r05-disclosure{border:1px solid var(--r05-line);border-radius:12px;background:#fffefa;overflow:visible;margin:16px 0;box-shadow:none}
#tab-p1.p1-layout-r05 .p1-r03-age-shell{border:0;background:none;box-shadow:none}
#tab-p1.p1-layout-r05 .p1-r05-disclosure>.p1-r05-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;padding:18px 22px;background:var(--r05-surface);border:0;border-radius:11px;list-style:none;cursor:pointer;scroll-margin-top:92px;color:var(--r05-ink)}
#tab-p1.p1-layout-r05 .p1-r05-disclosure[open]>.p1-r05-summary{border-bottom:1px solid var(--r05-line);border-radius:11px 11px 0 0}
#tab-p1.p1-layout-r05 .p1-r05-summary::-webkit-details-marker{display:none}
#tab-p1.p1-layout-r05 .p1-r05-summary::marker{content:''}
#tab-p1.p1-layout-r05 .p1-r05-summary::after{display:none!important}
#tab-p1.p1-layout-r05 .p1-r05-summary-copy{min-width:0;flex:1;text-align:left}
#tab-p1.p1-layout-r05 .p1-r05-summary-copy h3{font:700 21px/1.35 var(--sans)!important;margin:0!important;color:var(--r05-ink)}
#tab-p1.p1-layout-r05 .p1-r05-summary-copy>div>div{font:700 21px/1.35 var(--sans);color:var(--r05-ink)}
#tab-p1.p1-layout-r05 .p1-r05-summary-copy .expv{display:block;font:400 14px/1.5 var(--sans);color:#5d665b;margin-top:5px}
#tab-p1.p1-layout-r05 .p1-r05-disclosure-state{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;font:600 14px/1.4 var(--sans);color:var(--r05-ink)}
#tab-p1.p1-layout-r05 .p1-r05-chevron{display:inline-block;width:9px;height:9px;border:solid currentColor;border-width:0 1.8px 1.8px 0;transform:rotate(45deg);margin:0 3px 4px}
#tab-p1.p1-layout-r05 .p1-r05-disclosure[open]>.p1-r05-summary .p1-r05-chevron,#tab-p1.p1-layout-r05 .p1-r05-collapse .p1-r05-chevron{transform:rotate(225deg);margin-top:6px;margin-bottom:0}
#tab-p1.p1-layout-r05 .p1-r05-summary:hover{background:#eeeee4}
#tab-p1.p1-layout-r05 .p1-r03-age-body,#tab-p1.p1-layout-r05 .p1-r04-workbook-body{padding:24px;min-width:0}
#tab-p1.p1-layout-r05 .p1-r05-disclosure-footer{display:flex;justify-content:flex-end;border-top:1px solid var(--r05-line);padding-top:14px;margin-top:26px;clear:both}
#tab-p1.p1-layout-r05 .p1-r05-collapse{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:44px;border:1px solid #b7c1b1;border-radius:8px;padding:10px 15px;background:var(--r05-surface);color:var(--r05-ink);font:600 14px/1.4 var(--sans);cursor:pointer}
#tab-p1.p1-layout-r05 .p1-r05-collapse:hover{background:#e9eee5;border-color:#81947d}
#tab-p1.p1-layout-r05 .p1-r05-summary:focus-visible,#tab-p1.p1-layout-r05 .p1-r05-collapse:focus-visible{outline:3px solid #947342;outline-offset:3px}
#tab-p1.p1-layout-r05 .p1-r05-science-disclosure>.expc{padding:24px;background:transparent;max-height:none;overflow:visible;color:inherit;display:none}
#tab-p1.p1-layout-r05 .p1-r05-science-disclosure[open]>.expc{display:block}

/* Visible age explanations: the existing paragraphs and their complete examples. */
#tab-p1.p1-layout-r05 .p1-r05-development-art{margin:20px auto 26px;max-width:850px}
#tab-p1.p1-layout-r05 .p1-r05-development-art img{display:block;width:100%;height:auto;border-radius:12px}
#tab-p1.p1-layout-r05 .p1-r02-development-intro>p{max-width:86ch}
#tab-p1.p1-layout-r05 .p1-development-details>.p1-r03-static-heading{font:700 24px/1.35 var(--sans);margin:0 0 16px;color:var(--r05-ink)}
#tab-p1.p1-layout-r05 .p1-r05-age-lead{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:24px;align-items:start;margin-bottom:26px}
#tab-p1.p1-layout-r05 .p1-r05-age-lead-text p{margin:0 0 12px!important;font-size:19px!important;line-height:1.7!important;color:#374632}
#tab-p1.p1-layout-r05 .p1-r05-age-photo{margin:0;min-width:0}
#tab-p1.p1-layout-r05 .p1-r05-age-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
#tab-p1.p1-layout-r05 .p1-r05-learning-part{border-top:1px solid var(--r05-line);margin:24px 0 0;padding:21px 0 0;max-width:none}
#tab-p1.p1-layout-r05 .p1-r05-learning-part h5{font:700 21px/1.35 var(--sans);color:var(--r05-ink);margin:0 0 12px}
#tab-p1.p1-layout-r05 .p1-r05-learning-part p,#tab-p1.p1-layout-r05 .p1-r05-learning-part li{font-family:var(--sans);font-size:17px;line-height:1.75;margin:0 0 13px;max-width:87ch;color:#374432}
#tab-p1.p1-layout-r05 .p1-r05-learning-part strong{font-weight:700}
#tab-p1.p1-layout-r05 .p1-r05-examples{margin:17px 0 10px;padding:0 0 0 24px;list-style:disc;max-width:88ch}
#tab-p1.p1-layout-r05 .p1-r05-examples li{padding:0 0 8px 6px;margin:0 0 9px}
#tab-p1.p1-layout-r05 .p1-r05-examples li::marker{color:#a78552;font-size:13px}
#tab-p1.p1-layout-r05 .p1-compact-ladder>.ac-h1{font:700 21px/1.4 var(--sans);margin:24px 0 14px}

/* Standard course cards instead of the green editorial draft boxes. */
#tab-p1.p1-layout-r05 #p1-kde-zacit .startc{padding:21px 19px;border:1px solid var(--r05-line)!important;border-left:1px solid var(--r05-line)!important;border-radius:12px;background:#fffefa!important;box-shadow:none;color:inherit}
#tab-p1.p1-layout-r05 #p1-kde-zacit .startc h4{font:700 19px/1.4 var(--sans);color:var(--r05-ink);margin:0 0 16px}
#tab-p1.p1-layout-r05 #p1-kde-zacit .startc-ico{height:50px;min-height:0;margin:14px 0}
#tab-p1.p1-layout-r05 #p1-kde-zacit .startc-ico img{max-height:45px;width:auto}
#tab-p1.p1-layout-r05 #p1-kde-zacit .p1-r04-start-answer{font-weight:650}
#tab-p1.p1-layout-r05 #p1-zaklady>.sec-head .p1-r05-practice-heading{font-size:clamp(25px,2.4vw,33px)!important;line-height:1.25;max-width:35ch}

/* Wrap the hand-preference prose around its image and continue below it. */
#tab-p1.p1-layout-r05 .p1-r03-hand-grid.p1-r05-hand-flow{display:block;padding:24px}
#tab-p1.p1-layout-r05 .p1-r05-hand-flow .p1-handedness-comparison,#tab-p1.p1-layout-r05 .p1-r05-hand-flow .p1-r11-body{display:block!important}
#tab-p1.p1-layout-r05 .p1-r05-hand-flow .p1-r11-body:after{content:'';display:block;clear:both}
#tab-p1.p1-layout-r05 .p1-r05-hand-flow .p1-r03-hand-illustration{float:right;width:30%;max-width:310px;margin:0 0 20px 25px}
#tab-p1.p1-layout-r05 .p1-r05-hand-flow .p1-r11-body>p{max-width:none;line-height:1.75}
#tab-p1.p1-layout-r05 .p1-r05-hand-flow .p1-r04-consultation{clear:both}

/* Compact download: preserve destination, caption and image; reduce display footprint. */
#tab-p1.p1-layout-r05 .p1-r04-download{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:20px;align-items:center;padding:16px 18px;margin:20px 0 28px;background:var(--r05-surface);border:1px solid var(--r05-line);border-radius:10px}
#tab-p1.p1-layout-r05 .p1-r04-download>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
#tab-p1.p1-layout-r05 .p1-r04-download h4{flex:1 1 280px;font:700 18px/1.4 var(--sans);margin:0}
#tab-p1.p1-layout-r05 .p1-r04-download-button{min-height:44px;padding:11px 15px;font-size:15px;line-height:1.4;flex:0 1 auto}
#tab-p1.p1-layout-r05 .p1-r04-download figure{margin:0;display:contents}
#tab-p1.p1-layout-r05 .p1-r04-download img{grid-column:2;grid-row:1;display:block;width:125px;height:auto;border-radius:7px}
#tab-p1.p1-layout-r05 .p1-r04-download figcaption{grid-column:1/-1;font-size:13px;line-height:1.45;margin:-8px 0 0;color:#566453}
#tab-p1.p1-layout-r05 #p1-review-legend{padding:12px 16px;background:var(--r05-surface);border:1px solid var(--r05-line)}
#tab-p1.p1-layout-r05 #p1-review-legend p{font-size:14px;margin:5px 0 0}
@media(max-width:1000px){
 #tab-p1.p1-layout-r05 .p1-r05-age-lead{grid-template-columns:minmax(0,1fr) 210px;gap:20px}
 #tab-p1.p1-layout-r05 .p1-r04-download>div{display:block}
 #tab-p1.p1-layout-r05 .p1-r04-download h4{margin-bottom:12px}
}
@media(max-width:760px){
 #tab-p1.p1-layout-r05 .p1-r05-disclosure>.p1-r05-summary{padding:16px 14px;gap:12px}
 #tab-p1.p1-layout-r05 .p1-r05-summary-copy h3,#tab-p1.p1-layout-r05 .p1-r05-summary-copy>div>div{font-size:19px!important}
 #tab-p1.p1-layout-r05 .p1-r05-disclosure-state{gap:8px;font-size:12px}
 #tab-p1.p1-layout-r05 .p1-r03-age-body,#tab-p1.p1-layout-r05 .p1-r04-workbook-body,#tab-p1.p1-layout-r05 .p1-r05-science-disclosure>.expc{padding:20px 15px}
 #tab-p1.p1-layout-r05 .p1-r05-development-art{margin:16px 0 20px}
 #tab-p1.p1-layout-r05 .p1-r05-age-lead{display:flex;flex-direction:column;gap:14px;margin-bottom:22px}
 #tab-p1.p1-layout-r05 .p1-r05-age-photo{width:100%;max-width:300px}
 #tab-p1.p1-layout-r05 .p1-r05-age-photo img{max-height:185px;object-fit:cover}
 #tab-p1.p1-layout-r05 .p1-development-details>.p1-r03-static-heading{font-size:21px}
 #tab-p1.p1-layout-r05 .p1-r05-learning-part h5{font-size:20px}
 #tab-p1.p1-layout-r05 .p1-r05-examples{padding-left:20px}
 #tab-p1.p1-layout-r05 .p1-r05-examples li{padding-left:2px}
 #tab-p1.p1-layout-r05 .p1-r03-hand-grid.p1-r05-hand-flow{padding:18px}
 #tab-p1.p1-layout-r05 .p1-r05-hand-flow .p1-r03-hand-illustration{float:none;width:min(100%,290px);margin:0 auto 22px}
 #tab-p1.p1-layout-r05 .p1-r04-download{grid-template-columns:minmax(0,1fr) 74px;gap:15px;padding:15px}
 #tab-p1.p1-layout-r05 .p1-r04-download img{width:74px}
 #tab-p1.p1-layout-r05 .p1-r04-download h4{font-size:16px;line-height:1.45}
 #tab-p1.p1-layout-r05 .p1-r04-download-button{font-size:14px;padding:10px 12px}
 #tab-p1.p1-layout-r05 .p1-r04-download figcaption{font-size:12px;margin:0}
}
@media(max-width:380px){
 #tab-p1.p1-layout-r05 .p1-r05-summary{flex-wrap:wrap}
 #tab-p1.p1-layout-r05 .p1-r05-summary-copy{flex-basis:100%}
 #tab-p1.p1-layout-r05 .p1-r05-disclosure-state{margin-left:auto}
 #tab-p1.p1-layout-r05 .p1-r04-download{grid-template-columns:minmax(0,1fr) 60px;gap:10px;padding:12px}
 #tab-p1.p1-layout-r05 .p1-r04-download img{width:60px}
}
body.p1-audio-open #tab-p1.p1-layout-r05 .p1-r05-summary{scroll-margin-top:160px}
@media print{
 #tab-p1.p1-layout-r05 .p1-r05-disclosure-state,#tab-p1.p1-layout-r05 .p1-r05-disclosure-footer{display:none!important}
 #tab-p1.p1-layout-r05 .p1-r05-age-lead{display:block}
 #tab-p1.p1-layout-r05 .p1-r05-age-photo{max-width:55mm;break-inside:avoid}
 #tab-p1.p1-layout-r05 .p1-r05-development-art{max-width:150mm;break-inside:avoid}
 #tab-p1.p1-layout-r05 .p1-r05-hand-flow .p1-r03-hand-illustration{float:right;width:50mm}
 #tab-p1.p1-layout-r05 .p1-r05-examples li{break-inside:avoid}
}


/* p1-layout-r06.css */
/* R06: P1-only visual changes. Shared controls are scoped to P1 being active. */
#tab-p1.p1-layout-r06{--r06-olive:#59643b;--r06-olive-dark:#424e2c;--r06-tint:#edf0e4;--r06-line:#d9ddce}
body.p1-layout-r06 :is(.topbar,#mpan),#tab-p1.p1-layout-r06{--global-palette1:#59643b;--global-palette2:#424e2c;--global-palette-highlight:#59643b;--global-palette-highlight-alt:#424e2c;--global-palette-btn-bg:#59643b;--global-palette-btn-bg-hover:#424e2c}
body.p1-layout-r06 .topbar button:hover,body.p1-layout-r06 .topbar button:active,body.p1-layout-r06 .topbar button:focus,body.p1-layout-r06 #mpan button:hover,body.p1-layout-r06 #mpan button:active,body.p1-layout-r06 #mpan button:focus{background:#59643b!important;color:#fff!important;border-color:#59643b!important}
body.p1-layout-r06 :is(.topbar,#mpan) :is(button,a):focus-visible,#tab-p1.p1-layout-r06 :is(button,a,summary,textarea):focus-visible{outline:3px solid #6e794d!important;outline-offset:3px}
#tab-p1.p1-layout-r06 .p1-reading-nav :is(a,button){-webkit-tap-highlight-color:#59643b33}
#tab-p1.p1-layout-r06 .p1-reading-nav nav a:visited{color:#424e2c}
#tab-p1.p1-layout-r06 .p1-reading-nav nav a:hover,#tab-p1.p1-layout-r06 .p1-reading-nav nav a:focus,#tab-p1.p1-layout-r06 .p1-reading-nav nav a:active,#tab-p1.p1-layout-r06 .p1-reading-nav nav a[aria-current]{background:var(--r06-tint)!important;color:var(--r06-olive-dark)!important;border-left-color:var(--r06-olive)}
#tab-p1.p1-layout-r06 .p1-reading-nav button:hover,#tab-p1.p1-layout-r06 .p1-reading-nav button:focus,#tab-p1.p1-layout-r06 .p1-reading-nav button:active{background:var(--r06-tint)!important;color:var(--r06-olive-dark)!important}

#tab-p1.p1-layout-r06 .p1-r02-development-intro{display:flow-root}
#tab-p1.p1-layout-r06 .p1-r05-development-art{float:right;width:32%;max-width:300px;margin:0 0 16px 26px}
#tab-p1.p1-layout-r06 .p1-r05-development-art img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:12px}
#tab-p1.p1-layout-r06 .p1-r02-development-intro>p{max-width:none}
#tab-p1.p1-layout-r06 #p1-proc .cojeg-foto{margin:0;display:flex;flex-direction:column;align-items:center}
#tab-p1.p1-layout-r06 #p1-proc .cojeg-foto img{width:auto;max-width:100%;height:auto;object-fit:contain;flex:none}
#tab-p1.p1-layout-r06 #p1-proc .cojeg-foto figcaption{width:100%;margin-top:9px}

#tab-p1.p1-layout-r06 #p1-kde-zacit .startc{padding:16px 15px}
#tab-p1.p1-layout-r06 #p1-kde-zacit .startc h4{font-size:18px;line-height:1.35;margin:0 0 12px}
#tab-p1.p1-layout-r06 #p1-kde-zacit .p1-r04-start-questions{font-size:16px;line-height:1.5;margin:0 0 14px;padding-left:20px}
#tab-p1.p1-layout-r06 #p1-kde-zacit .p1-r04-start-questions li{margin:0 0 5px}
#tab-p1.p1-layout-r06 #p1-kde-zacit .p1-r04-start-answer{font-size:14px;line-height:1.5;margin:0 0 10px!important}
#tab-p1.p1-layout-r06 #p1-kde-zacit .p1-r04-start-help{font-size:14px;line-height:1.6;margin:0 0 10px!important}
#tab-p1.p1-layout-r06 #p1-kde-zacit .startc-ico{height:34px;margin:auto 0 10px;flex-shrink:0}
#tab-p1.p1-layout-r06 #p1-kde-zacit .startc>.p1-context-link{margin-bottom:0}
#tab-p1.p1-layout-r06 #p1-kde-zacit .startc-ico img{max-height:32px}
#tab-p1.p1-layout-r06 #p1-kde-zacit .p1-context-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:1.4}

/* A single compact booklet card: illustration, heading and action belong together. */
#tab-p1.p1-layout-r06 .p1-r04-download{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px 22px;max-width:680px;padding:16px;margin:20px 0 26px;align-items:center;background:#f5f4ec;border-color:var(--r06-line);border-radius:14px}
#tab-p1.p1-layout-r06 .p1-r04-download>div{display:flex;flex-direction:column;align-items:flex-start;gap:14px;grid-column:2;grid-row:1;min-width:0}
#tab-p1.p1-layout-r06 .p1-r04-download h4{flex:none;font:700 18px/1.4 var(--sans);margin:0;max-width:28ch}
#tab-p1.p1-layout-r06 .p1-r04-download img{grid-column:1;grid-row:1;display:block;width:190px;max-width:100%;height:auto;border-radius:10px}
#tab-p1.p1-layout-r06 .p1-r04-download-button{flex:none;max-width:100%;white-space:normal;text-align:center;background:var(--r06-olive-dark);font-size:14px;line-height:1.4;padding:11px 14px;border-radius:8px}
#tab-p1.p1-layout-r06 .p1-r04-download-button:hover,#tab-p1.p1-layout-r06 .p1-r04-download-button:focus{background:var(--r06-olive);color:white}
#tab-p1.p1-layout-r06 .p1-r04-download figcaption{grid-column:1/-1;grid-row:2;margin:0;font-size:13px;line-height:1.4;color:#5d6653}

#tab-p1.p1-layout-r06 .p1-r06-end-section .sec-head{margin-bottom:16px}
#tab-p1.p1-layout-r06 .p1-r06-end-section h2{font:700 clamp(25px,2.4vw,33px)/1.25 var(--serif);color:var(--forest);margin:0}
#tab-p1.p1-layout-r06 .p1-r06-end-section>p{font:400 16px/1.65 var(--sans);margin:0 0 16px}
#tab-p1.p1-layout-r06 #p1-cary-a-tvary{font:700 clamp(20px,2vw,25px)/1.25 var(--serif);color:var(--forest);margin:24px 0 12px}
#tab-p1.p1-layout-r06 .p1-r06-feedback-form{max-width:680px;font-family:var(--sans)}
#tab-p1.p1-layout-r06 .p1-r06-rating{margin:0 0 20px;padding:0;border:0;min-width:0}
#tab-p1.p1-layout-r06 .p1-r06-rating legend,#tab-p1.p1-layout-r06 .p1-r06-comment-label{font:600 15px/1.5 var(--sans);color:var(--r06-olive-dark);margin:0 0 8px;padding:0;display:block}
#tab-p1.p1-layout-r06 .p1-r06-stars{display:flex;align-items:center;flex-wrap:wrap;gap:3px;position:relative}
#tab-p1.p1-layout-r06 .p1-r06-stars input{position:absolute;width:1px;height:1px;opacity:0}
#tab-p1.p1-layout-r06 .p1-r06-stars label{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font:36px/1 var(--sans);color:#afb69e;cursor:pointer;border-radius:7px;margin:0}
#tab-p1.p1-layout-r06 .p1-r06-stars label:hover{background:var(--r06-tint)}
#tab-p1.p1-layout-r06 .p1-r06-stars label.is-filled{color:var(--r06-olive)}
#tab-p1.p1-layout-r06 .p1-r06-stars input:focus-visible+label{outline:3px solid #6e794d;outline-offset:1px}
#tab-p1.p1-layout-r06 .p1-r06-rating-value{font:400 14px/1.5 var(--sans);color:#626a56;margin-left:12px}
#tab-p1.p1-layout-r06 #p1-feedback-comment{box-sizing:border-box;display:block;width:100%;min-height:116px;resize:vertical;border:1px solid #abb39a;border-radius:10px;background:#fffefa;padding:12px 14px;color:#283122;font:400 16px/1.55 var(--sans)}
#tab-p1.p1-layout-r06 #p1-feedback-comment::placeholder{color:#69725d;opacity:1}
#tab-p1.p1-layout-r06 .p1-r06-preview-note{font:400 13px/1.5 var(--sans);color:#666b5b;margin:12px 0}
#tab-p1.p1-layout-r06 .p1-r06-feedback-submit{border:1px solid var(--r06-olive-dark);border-radius:8px;background:var(--r06-olive-dark);color:white;padding:12px 18px;min-height:44px;font:600 15px/1.4 var(--sans);cursor:pointer}
#tab-p1.p1-layout-r06 .p1-r06-feedback-submit:hover,#tab-p1.p1-layout-r06 .p1-r06-feedback-submit:focus{background:var(--r06-olive);color:white}
#tab-p1.p1-layout-r06 .p1-r06-feedback-status{font:500 14px/1.6 var(--sans);color:var(--r06-olive-dark);margin:14px 0 0}
#tab-p1.p1-layout-r06 .p1-r06-feedback-status:empty{display:none}
@media(min-width:761px) and (max-width:1000px){
 #tab-p1.p1-layout-r06 #p1-kde-zacit .startgrid{grid-template-columns:1fr}
 #tab-p1.p1-layout-r06 #p1-kde-zacit .startc{max-width:none}
}
@media(max-width:760px){
 #tab-p1.p1-layout-r06 .p1-r05-development-art{float:none;width:210px;max-width:100%;margin:0 auto 20px}
 #tab-p1.p1-layout-r06 #p1-proc .cojeg-foto{max-width:300px;margin:0 auto}
 #tab-p1.p1-layout-r06 .p1-r04-download{grid-template-columns:130px minmax(0,1fr);gap:12px 16px;padding:14px}
 #tab-p1.p1-layout-r06 .p1-r04-download img{width:130px}
 #tab-p1.p1-layout-r06 .p1-r04-download h4{font-size:16px}
}
@media(max-width:480px){
 #tab-p1.p1-layout-r06 .p1-r03-age-body,#tab-p1.p1-layout-r06 .p1-r04-workbook-body{padding:18px 7px}
 #tab-p1.p1-layout-r06 .p1-r03-hand-grid.p1-r05-hand-flow{padding:18px 8px}
 #tab-p1.p1-layout-r06 .p1-r04-download{grid-template-columns:1fr;max-width:330px;gap:13px;padding:14px}
 #tab-p1.p1-layout-r06 .p1-r04-download img{grid-column:1;grid-row:1;width:100%;max-width:240px;justify-self:center}
 #tab-p1.p1-layout-r06 .p1-r04-download>div{grid-column:1;grid-row:2;gap:12px;align-items:stretch}
 #tab-p1.p1-layout-r06 .p1-r04-download h4{max-width:none}
 #tab-p1.p1-layout-r06 .p1-r04-download figcaption{grid-row:3;font-size:12px}
 #tab-p1.p1-layout-r06 .p1-r06-rating-value{flex-basis:100%;margin:5px 0 0}
}
@media print{
 #tab-p1.p1-layout-r06 .p1-r05-development-art{float:right;width:50mm;margin:0 0 5mm 5mm}
 #tab-p1.p1-layout-r06 .p1-r06-feedback-form{display:none}
}


/* audio-player.css */
/* Shared audio UI only; all chapter content and the R06 layout stay intact. */
body.audio-r01{--audio-panel-height:0px;--audio-olive:#59643b;--audio-dark:#424e2c}
body.audio-r01 #ab.audio-r01{height:auto;min-height:76px;color:var(--forest)}
body.audio-r01 #ab.audio-r01.hidden,body.audio-r01.p1-layout-r03:not(.p1-audio-open) #ab.audio-r01{display:none}
body.audio-r01 #ab .audio-inner{display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(130px,240px) auto auto;align-items:center;gap:10px 18px;padding:10px 24px;height:auto;min-height:76px;max-width:1480px}
body.audio-r01 #ab .ameta{display:block;min-width:0;grid-column:1;grid-row:1}
body.audio-r01 #ab .alabel{font:700 10px/1.3 var(--sans);letter-spacing:.06em;margin-bottom:4px}
body.audio-r01 #ab .atitle{font:650 14px/1.35 var(--sans);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
body.audio-r01 #ab .audio-transport{display:flex;align-items:center;gap:6px;grid-column:2;grid-row:1}
body.audio-r01 #ab .aplay,body.audio-r01 #ab .audio-jump{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%;box-shadow:none;cursor:pointer;font:650 12px/1 var(--sans);transition:background .15s}
body.audio-r01 #ab .aplay{background:var(--audio-dark);color:white;border:1px solid var(--audio-dark)}
body.audio-r01 #ab .audio-jump{border:1px solid #aeb79a;background:#f8f7f0;color:var(--audio-dark)}
body.audio-r01 #ab button:hover,body.audio-r01 #ab button:focus,body.audio-r01 #ab select:focus{background:var(--audio-olive);color:#fff;border-color:var(--audio-olive);transform:none}
body.audio-r01 #ab button:disabled{opacity:.45;cursor:default}
body.audio-r01 #ab :is(button,input,select):focus-visible{outline:3px solid #6e794d;outline-offset:3px}
body.audio-r01 #ab .audio-timeline{grid-column:3;grid-row:1;display:flex;flex-direction:column;gap:0;min-width:0}
body.audio-r01 #ab .aprog-wrap{display:block;width:100%;max-width:none;min-width:0;height:28px;background:transparent;border-radius:0;cursor:default}
body.audio-r01 #ab .audio-seek{display:block;appearance:none;-webkit-appearance:none;width:100%;height:28px;margin:0;padding:0;background:transparent;border:0;cursor:pointer;accent-color:var(--audio-olive);touch-action:pan-y}
body.audio-r01 #ab .audio-seek::-webkit-slider-runnable-track{height:5px;border-radius:8px;background:linear-gradient(to right,var(--audio-olive) 0 var(--audio-progress,0%),#cfd4c1 var(--audio-progress,0%) 100%)}
body.audio-r01 #ab .audio-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:17px;height:17px;margin-top:-6px;border:2px solid #fff;border-radius:50%;background:var(--audio-dark);box-shadow:0 1px 4px #34402033}
body.audio-r01 #ab .audio-seek::-moz-range-track{height:5px;border-radius:8px;background:#cfd4c1}
body.audio-r01 #ab .audio-seek::-moz-range-progress{height:5px;border-radius:8px;background:var(--audio-olive)}
body.audio-r01 #ab .audio-seek::-moz-range-thumb{width:15px;height:15px;border:2px solid #fff;border-radius:50%;background:var(--audio-dark)}
body.audio-r01 #ab .audio-seek:disabled{opacity:.5;cursor:default}
body.audio-r01 #ab .atime{font:500 12px/1.2 var(--sans);font-variant-numeric:tabular-nums;text-align:center;color:#58604c}
body.audio-r01 #ab .audio-speed{grid-column:4;grid-row:1;display:flex;flex-direction:column;gap:4px;align-items:center;margin:0;font:500 10px/1.2 var(--sans);color:#58604c;position:relative}
body.audio-r01 #ab .audio-speed::after{content:'⌄';position:absolute;right:8px;bottom:12px;font-size:14px;pointer-events:none}
body.audio-r01 #ab .audio-speed select{appearance:none;font:650 13px/1.3 var(--sans);color:var(--audio-dark);background:#f8f7f0;border:1px solid #aeb79a;border-radius:8px;padding:9px 22px 9px 9px;min-height:36px;min-width:70px;margin:0;cursor:pointer}
body.audio-r01 #ab .p1-player-collapse{grid-column:5;grid-row:1;min-height:44px;padding:8px 12px;border-color:#aeb79a;color:var(--audio-dark)}
body.audio-r01 #ab .audio-status{grid-column:1/-1;grid-row:2;font:500 13px/1.45 var(--sans);color:#755334}
body.audio-r01 #ab .audio-status:empty{display:none}
body.audio-r01 #ca.content.with-audio,body.audio-r01.p1-layout-r03.p1-audio-open #ca.content.with-audio{padding-top:calc(var(--nav-h) + var(--audio-panel-height) + 16px)}
body.audio-r01.p1-audio-open #tab-p1 .p1-reading-nav{top:calc(var(--nav-h) + var(--audio-panel-height) + 16px);max-height:calc(100dvh - var(--nav-h) - var(--audio-panel-height) - 32px)}
body.audio-r01.p1-audio-open #tab-p1 :is(.p1-jump-target,.p1-r05-summary){scroll-margin-top:calc(var(--nav-h) + var(--audio-panel-height) + 18px)}
@media(max-width:1099px){body.audio-r01.p1-audio-open #tab-p1 .p1-reading-nav{max-height:calc(100dvh - var(--nav-h) - var(--audio-panel-height) - 26px)}}
@media(max-width:900px){
 body.audio-r01 #ab .audio-inner{grid-template-columns:auto minmax(110px,1fr) auto;gap:8px 14px;padding:10px 16px;max-width:100%}
 body.audio-r01 #ab .ameta{grid-column:1/3;grid-row:1}
 body.audio-r01 #ab .p1-player-collapse{grid-column:3;grid-row:1}
 body.audio-r01 #ab .audio-transport{grid-column:1;grid-row:2}
 body.audio-r01 #ab .audio-timeline{grid-column:2;grid-row:2;min-width:110px}
 body.audio-r01 #ab .audio-speed{grid-column:3;grid-row:2}
 body.audio-r01 #ab .audio-status{grid-row:3}
}
@media(max-width:480px){
 body.audio-r01 #ab .audio-inner{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:9px 12px}
 body.audio-r01 #ab .ameta{grid-column:1;grid-row:1}
 body.audio-r01 #ab .p1-player-collapse{grid-column:2;grid-row:1;font-size:12px;padding:7px 9px}
 body.audio-r01 #ab .alabel{font-size:9px;margin-bottom:2px}
 body.audio-r01 #ab .atitle{font-size:13px}
 body.audio-r01 #ab .audio-transport{grid-column:1;grid-row:2;gap:8px}
 body.audio-r01 #ab .audio-speed{grid-column:2;grid-row:2;flex-direction:row;gap:5px;align-self:center}
 body.audio-r01 #ab .audio-speed>span{display:none}
 body.audio-r01 #ab .audio-speed select{min-height:44px;padding:10px 22px 10px 10px}
 body.audio-r01 #ab .audio-timeline{grid-column:1/-1;grid-row:3;flex-direction:row;align-items:center;gap:12px;min-width:0}
 body.audio-r01 #ab .aprog-wrap{flex:1;min-width:0}
 body.audio-r01 #ab .atime{font-size:11px;white-space:nowrap}
 body.audio-r01 #ab .audio-status{grid-row:4}
}
@media(max-height:500px){
 body.audio-r01.p1-layout-r03 #ca.content.with-audio,body.audio-r01.p1-layout-r03.p1-audio-open #ca.content.with-audio{padding-top:16px}
 body.audio-r01.p1-audio-open #tab-p1 .p1-reading-nav{top:12px;max-height:calc(100dvh - 24px)}
 body.audio-r01.p1-audio-open #tab-p1 :is(.p1-jump-target,.p1-r05-summary){scroll-margin-top:16px}
}
@media print{body.audio-r01 #ab{display:none!important}}


/* p1-chart-r09.css */
/* R11: wider P1 plot with legend below; the existing grid follows the taller natural card. */
#tab-p1 #p1-vyvoj.p1-r09-development{min-width:0}
#tab-p1 #p1-vyvoj .p1-r09-intro{font-size:14.5px;line-height:1.6;margin:0 0 12px}
#tab-p1 #p1-vyvoj .p1-r09-chart{margin:0;padding:12px;background:#F8F7F0;border:1px solid #DEDCCD;border-radius:13px;min-width:0;max-width:100%;float:none;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"caption" "plot" "legend";gap:10px;align-items:center}
#tab-p1 #p1-vyvoj .p1-r09-chart-caption{grid-area:caption;margin:0;text-align:left}
#tab-p1 #p1-vyvoj .p1-r09-chart-title{margin:0;font:700 18px/1.3 var(--sans,Arial,sans-serif);letter-spacing:-.015em;color:#35503B;text-transform:none}
#tab-p1 #p1-vyvoj .p1-r09-chart-subtitle{margin:5px 0 0;font-size:12.5px;line-height:1.45;color:#62684F}
#tab-p1 #p1-vyvoj .p1-r09-chart-svg{grid-area:plot;display:block;width:100%;height:auto;max-width:100%;margin:0;overflow:visible;font-family:var(--sans,Arial,sans-serif)}
#tab-p1 #p1-vyvoj .p1-r09-axis{font-size:21px;fill:#5D654F}
#tab-p1 #p1-vyvoj .p1-r09-value{font-size:22px;font-weight:700;paint-order:stroke;stroke:#F8F7F0;stroke-width:3px;stroke-linejoin:round}
#tab-p1 #p1-vyvoj .p1-r09-legend{grid-area:legend;list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;justify-content:center;gap:8px;font-size:13px;line-height:1.35;min-width:0}
#tab-p1 #p1-vyvoj .p1-r09-legend li{display:flex;align-items:center;gap:5px;margin:0;padding:0;min-width:0}
#tab-p1 #p1-vyvoj .p1-r09-swatch{display:block;flex:0 0 20px;width:20px;height:14px}
#tab-p1 #p1-vyvoj .p1-r09-legend-label{color:#3F4F39;font-weight:650}
#tab-p1 #p1-vyvoj .p1-r09-reading-note{margin:10px 0 0;padding:0;border:0;font-size:12px;line-height:1.55;font-style:italic;font-weight:400;color:#707365}
@media(min-width:881px) and (max-width:1150px){
 #tab-p1 #p1-vyvoj .p1-r09-legend{font-size:12px;gap:2px}
 #tab-p1 #p1-vyvoj .p1-r09-legend li{gap:3px}
 #tab-p1 #p1-vyvoj .p1-r09-swatch{flex-basis:12px;width:12px}
}
@media(max-width:880px){
 #tab-p1 #p1-vyvoj .p1-r09-chart{grid-template-columns:1fr;grid-template-areas:"caption" "plot" "legend";gap:10px}
 #tab-p1 #p1-vyvoj .p1-r09-chart-svg{max-width:320px;margin:0 auto}
 #tab-p1 #p1-vyvoj .p1-r09-axis{font-size:14px}
 #tab-p1 #p1-vyvoj .p1-r09-value{font-size:15px}
 #tab-p1 #p1-vyvoj .p1-r09-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px}
 #tab-p1 #p1-vyvoj .p1-r09-intro{font-size:16px;line-height:1.6}
}
@media(max-width:380px){
 #tab-p1 #p1-vyvoj .p1-r09-axis{font-size:17px}
 #tab-p1 #p1-vyvoj .p1-r09-value{font-size:18px}
}
@media print{
 #tab-p1 #p1-vyvoj .p1-r09-chart{break-inside:avoid}
 #tab-p1 #p1-vyvoj .p1-r09-reading-note{font-size:9pt}
}


/* p9-fresh.css */
/* Private P9 components. Shared PILIR_WEB_R01 is byte-identical.
   Hero flow, icons and download card: explicit PRE_D0 user instructions.
   Native ladders: R02 approved exception; feedback form: required P1 component. */
#tab-p9 #p9-zacatek.pl-hero-split{display:block}
#tab-p9 #p9-zacatek .pl-hero-text{display:flow-root;max-width:none}
#tab-p9 #p9-zacatek .pl-hero-photo{float:right;width:36%;max-width:400px;margin:0 0 20px 30px}
#tab-p9 #p9-zacatek .pl-hero-photo img{width:100%;height:auto}
#tab-p9 .p9-flow-photo{float:right;width:32%;max-width:300px;margin:0 0 16px 26px}
#tab-p9 .p9-flow-photo img{display:block;width:100%;height:auto;border-radius:12px}
#tab-p9 .p9-flow-photo figcaption{font:400 12px/1.5 var(--sans);color:var(--muted);margin-top:8px}
#tab-p9 .p9-flow{display:flow-root}
#tab-p9 .p9-contrast{padding:13px 15px;border-radius:10px;background:#edf0e8;margin-bottom:12px}
#tab-p9 .p9-contrast.negative{background:#f5ede8}
#tab-p9 .p9-contrast-title{display:block;text-transform:uppercase;color:var(--forest);font:800 11px/1.5 var(--sans);margin-bottom:6px}
#tab-p9 .p9-contrast.negative .p9-contrast-title{color:#c0392b}
#tab-p9 .p9-contrast p:last-child{margin:0}
#tab-p9 .prose a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}
#tab-p9 .p9-routes>.cp-card{display:flex;flex-direction:column;gap:12px}
#tab-p9 .p9-routes h3{margin:0}
#tab-p9 .p9-routes ul{margin:0;padding-left:20px;font:400 16px/1.5 var(--sans)}
#tab-p9 .p9-routes li{margin-bottom:9px}
#tab-p9 .p9-route-art{height:150px;display:flex;align-items:center;justify-content:center;margin:0}
#tab-p9 .p9-route-art img{height:150px;width:100%;object-fit:contain}
#tab-p9 .p9-routes .cp-link{margin-top:auto}
#tab-p9 .p9-routes p{font:400 15px/1.6 var(--sans)}
#tab-p9 .p9-ladder{list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;clear:both}
#tab-p9 .p9-ladder li{padding:10px 8px;border:1px solid #dedbd1;border-radius:8px;background:#f5f4ee;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;margin:0;font:400 13px/1.45 var(--sans)}
#tab-p9 .p9-ladder strong{font:700 14px/1.4 var(--sans);color:var(--forest);margin-bottom:8px}
#tab-p9 .p9-ladder img{width:65px;height:65px;object-fit:contain;margin-bottom:8px}
#tab-p9 .p9-ladder .p9-rung-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#e4e8d9;color:#424e2c;margin-bottom:8px;font-weight:700}
#tab-p9 .p9-ladder small{font-size:12px;margin-top:6px;color:#5d6653}
#tab-p9 .p9-download{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px 22px;max-width:680px;padding:16px;margin:20px 0 26px;align-items:center;background:#f5f4ec;border:1px solid #d9ddce;border-radius:14px}
#tab-p9 .p9-download>div{display:flex;flex-direction:column;align-items:flex-start;gap:14px;grid-column:2;grid-row:1;min-width:0}
#tab-p9 .p9-download h4{font:700 18px/1.4 var(--sans);margin:0;max-width:28ch}
#tab-p9 .p9-download img{grid-column:1;grid-row:1;display:block;width:190px;max-width:100%;height:auto;border-radius:10px}
#tab-p9 .p9-download-button{max-width:100%;white-space:normal;text-align:center;background:#424e2c;color:#fff!important;font:700 14px/1.4 var(--sans);padding:11px 14px;border-radius:8px;text-decoration:none!important}
#tab-p9 .p9-download-button:is(:hover,:focus){background:#59643b;color:white}
#tab-p9 .p9-download figcaption{grid-column:1/-1;grid-row:2;margin:0;font-size:13px;line-height:1.4;color:#5d6653}
#tab-p9 .p9-method-art{max-width:360px;margin:24px auto}
#tab-p9 .p9-method-art img{display:block;width:100%;height:auto}
#tab-p9 .cp-summary-copy h2{margin:0;font:inherit;color:inherit;letter-spacing:0;text-transform:none}
#tab-p9 .cp-age-body>h3{font:700 22px/1.3 var(--sans);color:var(--forest);margin:24px 0 14px}
#tab-p9 .cp-age-body>h3:first-child{margin-top:0}
#tab-p9 .cp-age-body>h3.p9-topic-heading{font:700 21px/1.35 var(--sans);margin:28px 0 12px}
#tab-p9 .cp-callout>h3{font:700 20px/1.35 var(--sans);margin:0 0 12px}
#tab-p9 .p9-feedback-form{max-width:680px;font-family:var(--sans)}
#tab-p9 .p9-rating{margin:0 0 20px;padding:0;border:0;min-width:0}
#tab-p9 .p9-rating legend,#tab-p9 .p9-comment-label{font:600 15px/1.5 var(--sans);color:#424e2c;margin:0 0 8px;padding:0;display:block}
#tab-p9 .p9-stars{display:flex;align-items:center;flex-wrap:wrap;gap:3px;position:relative}
#tab-p9 .p9-stars input{position:absolute;width:1px;height:1px;opacity:0}
#tab-p9 .p9-stars label{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font:36px/1 var(--sans);color:#afb69e;cursor:pointer;border-radius:7px;margin:0}
#tab-p9 .p9-stars label:hover{background:#edf0e4}
#tab-p9 .p9-stars label.is-filled{color:#59643b}
#tab-p9 .p9-stars input:focus-visible+label{outline:3px solid #6e794d;outline-offset:1px}
#tab-p9 .p9-rating-value{font:400 14px/1.5 var(--sans);color:#626a56;margin-left:12px}
#tab-p9 #p9-feedback-comment{box-sizing:border-box;display:block;width:100%;min-height:116px;resize:vertical;border:1px solid #abb39a;border-radius:10px;background:#fffefa;padding:12px 14px;color:#283122;font:400 16px/1.55 var(--sans)}
#tab-p9 .p9-preview-note{font:400 13px/1.5 var(--sans);color:#666b5b;margin:12px 0}
#tab-p9 .p9-feedback-submit{border:1px solid #424e2c;border-radius:8px;background:#424e2c;color:white;padding:12px 18px;min-height:44px;font:600 15px/1.4 var(--sans);cursor:pointer}
#tab-p9 .p9-feedback-status{font:500 14px/1.6 var(--sans);color:#424e2c;margin:14px 0 0}
#tab-p9 .p9-feedback-status:empty{display:none}
@media(max-width:760px){
 #tab-p9 #p9-zacatek .pl-hero-text{display:flex;flex-direction:column}
 #tab-p9 #p9-zacatek .plbadge{order:0;align-self:flex-start}
 #tab-p9 #p9-zacatek h1{order:1}
 #tab-p9 #p9-zacatek .pl-hero-photo{order:2;float:none;width:100%;max-width:400px;margin:8px auto 20px}
 #tab-p9 #p9-zacatek .prose{order:3}
 #tab-p9 .p9-flow-photo{float:none;width:240px;max-width:100%;margin:0 auto 20px}
 #tab-p9 .p9-ladder{grid-template-columns:repeat(3,minmax(0,1fr))}
 #tab-p9 .p9-download{grid-template-columns:130px minmax(0,1fr);gap:12px 16px;padding:14px}
 #tab-p9 .p9-download img{width:130px}
 #tab-p9 .p9-download h4{font-size:16px}
}
@media(max-width:480px){
 #tab-p9 .p9-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}
 #tab-p9 .p9-download{grid-template-columns:1fr;max-width:330px;gap:13px;padding:14px}
 #tab-p9 .p9-download img{grid-column:1;grid-row:1;width:100%;max-width:240px;justify-self:center}
 #tab-p9 .p9-download>div{grid-column:1;grid-row:2;gap:12px;align-items:stretch}
 #tab-p9 .p9-download h4{max-width:none}
 #tab-p9 .p9-download figcaption{grid-row:3;font-size:12px}
 #tab-p9 .p9-rating-value{flex-basis:100%;margin:5px 0 0}
}
/* P2-F004/P5-F002 role parity; P9 keeps its own five rungs and source art. */
#tab-p9 .p9-route-age,#tab-p9 .p9-age-label{color:var(--forest);font-weight:700}
#tab-p9 .p9-route-age{font:700 15px/1.4 var(--sans)}
#tab-p9 .p9-ladder{margin:18px 0 24px;align-items:stretch}
#tab-p9 .p9-ladder li{padding:12px 7px;border-color:#dadfcf;border-radius:10px;background:#f6f6ef;gap:7px;overflow-wrap:anywhere;hyphens:auto}
#tab-p9 .p9-ladder img{width:48px;height:48px;margin:0}
#tab-p9 .p9-ladder strong{margin:0;width:100%}
#tab-p9 .p9-ladder li>span{margin-top:auto;width:100%}
#tab-p9.cp-pillar[data-course-layout] .cp-detail-body.cp-age-body>h3{font-size:21px;line-height:1.35}
#tab-p9.cp-pillar[data-course-layout] [data-guide-role="development-age"] .cp-detail-body.cp-age-body>h3:first-child{font-size:24px;line-height:1.35}
#tab-p9 #p9-dev-most{font:700 25px/1.25 var(--sans);color:var(--forest)}
@media(max-width:760px){
 #tab-p9.cp-pillar[data-course-layout] .cp-detail-body.cp-age-body>h3{font-size:20px;line-height:1.35}
 #tab-p9.cp-pillar[data-course-layout] [data-guide-role="development-age"] .cp-detail-body.cp-age-body>h3:first-child{font-size:21px;line-height:1.35}
 #tab-p9 #p9-dev-most{font-size:20px;line-height:1.25}
}
/* Shared row tracks keep the source questions, closing advice and links aligned without truncation. */
#tab-p9 .p9-routes>.cp-card{display:grid;grid-template-rows:subgrid;grid-row:span 6;gap:12px}
#tab-p9 .p9-routes>.cp-card>p{margin:0}
#tab-p9 .p9-diagram-transcript{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#tab-p9 #p9-kde-zacit .p9-routes>.cp-card{display:grid;grid-template-rows:subgrid;grid-row:span 6;gap:12px}


/* course-pillar-layout.css */
/* Intro R01: extend existing opt-in scopes to intro; shared declarations unchanged. */
/*
 * Course pillar layout, technical template R01 / API p1-r12-v1.
 * Deliberately extracted from the final P1 R12 presentation:
 * p1-layout.css, p1-layout-r05.css, p1-layout-r06.css, audio-player.css.
 * P1 and unregistered pillars are excluded. Load after pillar-local CSS.
 * Content order, wording, artwork and topic-specific methodology are not defined here.
 */

/* Shared controls are inert until an opted-in chapter is active. */
.cp-header-button,.cp-player-collapse{display:none}
body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active){
  --nav-h:64px;
  --audio-h:62px;
  --cp-olive:#59643b;
  --cp-olive-dark:#424e2c;
  --cp-tint:#edf0e4;
}
body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) :is(.topbar,#mpan){
  --global-palette1:#59643b;--global-palette2:#424e2c;
  --global-palette-highlight:#59643b;--global-palette-highlight-alt:#424e2c;
  --global-palette-btn-bg:#59643b;--global-palette-btn-bg-hover:#424e2c;
}
body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) .topbar{height:64px}
body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) .topbar-inner{max-width:1480px;padding:0 24px;gap:12px}
body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) .brand{margin-right:auto;min-width:0;flex:1}
body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) .cp-original-brand{display:none}
body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) .cp-brand-logo{display:block;width:280px;max-width:100%;height:48px;object-fit:contain;object-position:left center;border-radius:0}
body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) :is(.cp-header-button,.cp-player-collapse){
  display:inline-flex;align-items:center;justify-content:center;min-height:40px;
  padding:8px 14px;border:1px solid var(--line-strong);border-radius:9px;
  background:transparent;color:var(--forest);font:600 14px/1.2 var(--sans);
  cursor:pointer;white-space:nowrap;
}
body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) .hamb{min-height:40px;padding:8px 14px;margin-left:0;box-shadow:none;border-radius:9px}
body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) :is(.cp-contents-button,.cp-mini-pause){display:none}
body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active).cp-audio-playing:not(.cp-audio-open) .cp-mini-pause{display:inline-flex;min-width:40px;padding:8px}
body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) :is(.topbar,#mpan) button:is(:hover,:active,:focus){
  background:var(--cp-olive)!important;color:#fff!important;border-color:var(--cp-olive)!important;
}
body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) :is(.topbar,#mpan) :is(button,a):focus-visible,
body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) #ab :is(button,input,select):focus-visible{outline:3px solid #6e794d!important;outline-offset:3px}

/* Reuse the existing shared audio transport. Only visibility and layout offsets change. */
body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active):not(.cp-audio-open) #ab{display:none}
body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) #ca.content.with-audio{padding-top:80px}
body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active).cp-audio-open #ca.content.with-audio{padding-top:calc(var(--nav-h) + var(--audio-panel-height,76px) + 16px)}
body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) #ab .cp-player-collapse{grid-column:5;grid-row:1;min-height:44px;padding:8px 12px;border-color:#aeb79a;color:var(--cp-olive-dark)}

/* Reading shell and its navigation are independent of the editorial section order. */
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"]{
  --cp-olive:#59643b;--cp-olive-dark:#424e2c;--cp-tint:#edf0e4;--cp-line:#d9ddce;
  --cp-disclosure-line:#dedbd1;--cp-disclosure-surface:#f6f4ee;--cp-disclosure-ink:#36533e;
  --global-palette1:#59643b;--global-palette2:#424e2c;
  --global-palette-highlight:#59643b;--global-palette-highlight-alt:#424e2c;
  --global-palette-btn-bg:#59643b;--global-palette-btn-bg-hover:#424e2c;
}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-reading-layout{
  max-width:1480px;margin:0 auto;padding:0 24px;display:grid;
  grid-template-columns:194px minmax(0,1fr);gap:28px;align-items:start;
}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-reading-layout>.wrap{
  width:100%;max-width:none;min-width:0;padding:0;
  display:flex;flex-direction:column;gap:20px;
}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-reading-nav{
  position:sticky;top:80px;max-height:calc(100dvh - 96px);overflow:auto;
  padding:4px 16px 12px 0;border-right:1px solid var(--line);font:14px/1.4 var(--sans);
}
body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active).cp-audio-open .cp-pillar.active .cp-reading-nav{
  top:calc(var(--nav-h) + var(--audio-panel-height,76px) + 16px);
  max-height:calc(100dvh - var(--nav-h) - var(--audio-panel-height,76px) - 32px);
}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-nav-heading{display:flex;justify-content:space-between;align-items:center;color:var(--forest);margin-bottom:12px;font-size:16px}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-nav-close{display:none}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-side-podcast{
  display:block;width:100%;margin:0 0 12px;min-height:40px;padding:9px 10px;
  border:1px solid var(--line-strong);border-radius:8px;background:#f1eee5;
  color:var(--forest);font:600 14px/1.3 var(--sans);text-align:left;cursor:pointer;
}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-reading-nav nav{display:flex;flex-direction:column;gap:3px}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-reading-nav nav a{
  display:block;padding:7px 9px;font:400 13px/1.35 var(--sans);
  border-left:3px solid transparent;border-radius:0 7px 7px 0;
  text-decoration:none;color:var(--cp-olive-dark);
}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-reading-nav :is(a,button){-webkit-tap-highlight-color:#59643b33}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-reading-nav nav a:is(:visited){color:var(--cp-olive-dark)}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-reading-nav nav a:is(:hover,:focus,:active,[aria-current="location"]){
  background:var(--cp-tint);color:var(--cp-olive-dark);border-left-color:var(--cp-olive);
}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-reading-nav nav a[aria-current="location"]{font-weight:700}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-reading-nav button:is(:hover,:focus,:active){background:var(--cp-tint);color:var(--cp-olive-dark)}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] :is(.cp-jump-target,.cp-summary,[id]){scroll-margin-top:82px}
body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active).cp-audio-open .cp-pillar.active :is(.cp-jump-target,.cp-summary,[id]){
  scroll-margin-top:calc(var(--nav-h) + var(--audio-panel-height,76px) + 18px);
}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] :is(button,a,summary,select,textarea):focus-visible{outline:3px solid #6e794d!important;outline-offset:3px}

/* The common P1 reading scale. No fixed content height, truncation or cropped images. */
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .pl-hero-split{
  display:grid;grid-template-columns:minmax(0,1.65fr) minmax(200px,1fr);
  gap:24px;padding:8px 0 16px;align-items:start;
}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .pl-hero-text{min-width:0}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .pl-hero-text .plbadge{font-size:12px;padding:6px 12px;margin-bottom:9px}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .pl-hero-text h1{font-size:clamp(28px,2.7vw,36px);line-height:1.1;letter-spacing:-.02em;margin-bottom:14px}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .pl-hero-text p{margin-bottom:12px}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .pl-hero-text .prose{font-size:16px;line-height:1.6}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .pl-hero-photo{align-self:start;margin:10px 0 0}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .pl-hero-photo img{
  display:block;width:100%;height:auto;max-height:300px;object-fit:contain;
  object-position:top right;border-radius:12px;box-shadow:none;
}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .sec{
  min-width:0;height:auto;max-height:none;overflow:visible;margin:0;
  background:rgba(255,252,246,.72);border:1px solid var(--line);
  padding:24px 28px;border-radius:17px;box-shadow:0 4px 18px rgba(58,44,25,.035);
}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .sec.sec-plain{background:transparent;border:0;box-shadow:none;padding:0}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .sec-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .sec-head :is(h2,.cp-section-title){
  min-width:0;font:700 clamp(22px,2vw,27px)/1.18 var(--serif);color:var(--forest);margin:0;
}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .sec h3{line-height:1.25}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .sico-ic{width:38px;height:38px;flex-shrink:0}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .prose{font:400 16px/1.65 var(--sans);max-width:none}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] p{margin:0 0 1em}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .prose>p:last-child{margin-bottom:0}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cojeg-grid{gap:24px}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cojeg-foto{margin-top:0}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cojeg-foto img{width:auto;max-width:100%;height:auto;object-fit:contain}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .nav-foot{gap:12px;flex-wrap:wrap}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-topic{margin:24px 0 0;padding-top:22px;border-top:1px solid var(--line)}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-topic>h3{margin:0 0 12px;color:var(--forest);font-size:22px}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] :is(.cp-link,.cp-context-link){
  display:inline-flex;align-items:center;min-height:40px;max-width:100%;padding:6px 0;
  font:600 14px/1.45 var(--sans);color:var(--forest);text-decoration:underline;text-underline-offset:3px;
}

/* Generic disclosures reproduce the final P1 R05 presentation; native details owns visibility. */
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-disclosure{
  border:1px solid var(--cp-disclosure-line);border-radius:12px;background:#fffefa;
  overflow:visible;margin:16px 0;box-shadow:none;height:auto;max-height:none;
}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-disclosure>.cp-summary{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  min-height:68px;height:auto;padding:18px 22px;background:var(--cp-disclosure-surface);
  border:0;border-radius:11px;list-style:none;cursor:pointer;
  font:700 21px/1.35 var(--sans);color:var(--cp-disclosure-ink);
}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-disclosure[open]>.cp-summary{border-bottom:1px solid var(--cp-disclosure-line);border-radius:11px 11px 0 0}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-summary::-webkit-details-marker{display:none}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-summary::marker{content:""}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-summary::after{display:none}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-summary-copy{min-width:0;flex:1;text-align:left}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-summary-copy h3{font:700 21px/1.35 var(--sans);margin:0;color:var(--cp-disclosure-ink)}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-disclosure-state{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;font:600 14px/1.4 var(--sans);color:var(--cp-disclosure-ink)}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-chevron{display:inline-block;width:9px;height:9px;border:solid currentColor;border-width:0 1.8px 1.8px 0;transform:rotate(45deg);margin:0 3px 4px}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-disclosure[open]>.cp-summary .cp-chevron,
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-collapse .cp-chevron{transform:rotate(225deg);margin-top:6px;margin-bottom:0}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-summary:hover{background:#eeeee4}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-detail-body{padding:24px;min-width:0;height:auto;max-height:none;overflow:visible}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-collapse{
  display:flex;align-items:center;justify-content:center;gap:13px;
  width:max-content;max-width:100%;min-height:44px;margin:26px 0 0 auto;
  border:1px solid #b7c1b1;border-radius:8px;padding:10px 15px;
  background:var(--cp-disclosure-surface);color:var(--cp-disclosure-ink);
  font:600 14px/1.4 var(--sans);cursor:pointer;white-space:normal;
}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-collapse:hover{background:#e9eee5;border-color:#81947d}

:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-disclosure-footer{display:flex;justify-content:flex-end;border-top:1px solid var(--cp-disclosure-line);padding-top:14px;margin-top:26px;clear:both}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-disclosure-footer>.cp-collapse{margin-top:0}

/* Compact cards use the R06 starting-point scale, with an explicit column choice. */
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:12px 0}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-card-grid[data-cp-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-card-grid[data-cp-columns="1"]{grid-template-columns:minmax(0,1fr)}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-card-grid>.cp-card{
  display:flex;flex-direction:column;min-width:0;grid-column:auto;
  height:auto;max-height:none;padding:16px 15px;border:1px solid var(--cp-disclosure-line);
  border-radius:12px;background:#fffefa;box-shadow:none;color:inherit;font:400 17px/1.6 var(--sans);
}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-card-grid>.cp-card[data-cp-span="full"]{grid-column:1/-1}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-card h3{font:700 18px/1.35 var(--sans);color:var(--cp-disclosure-ink);margin:0 0 12px}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-card :is(.cp-link,.cp-context-link){min-height:44px;margin:auto 0 0;padding:6px 0;font-size:14px;line-height:1.4}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-callout{
  clear:both;margin:20px 0;padding:18px;border:1px solid var(--cp-line);
  border-left:3px solid #809576;border-radius:12px;background:#f5f4ec;
  font:400 16px/1.65 var(--sans);height:auto;max-height:none;
}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-callout>h3{font:700 20px/1.35 var(--sans);margin:0 0 12px;color:var(--forest)}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-callout[data-cp-tone="warning"]{background:#fbf3ed;border-color:#eadbd1;border-left-color:#bd9480;color:#543f35}
:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-callout[data-cp-tone="warning"]>h3{color:#795441}

@media(max-width:1099px){
  body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) .cp-contents-button{display:inline-flex}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-reading-layout{display:block;max-width:980px}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-reading-nav{
    display:none;position:fixed;z-index:205;top:64px;left:auto;right:12px;
    width:min(350px,calc(100vw - 24px));max-height:calc(100dvh - 78px);
    padding:20px;background:#fffdf8;border:1px solid var(--line);
    border-radius:0 0 14px 14px;box-shadow:0 14px 32px #243e2c22;
  }
  body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active).cp-contents-open .cp-pillar.active .cp-reading-nav{display:block}
  body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active).cp-audio-open .cp-pillar.active .cp-reading-nav{max-height:calc(100dvh - var(--nav-h) - var(--audio-panel-height,76px) - 26px)}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-nav-close{
    display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
    width:40px;height:40px;padding:0;border:1px solid var(--line);
    border-radius:8px;background:#fff;color:var(--forest);font-size:24px;
  }
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-reading-nav nav a{min-height:40px}
}
@media(max-width:1000px){
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-card-grid:not([data-cp-columns="2"]):not([data-cp-columns="1"]){grid-template-columns:1fr}
}
@media(max-width:900px){
  body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) #ab .cp-player-collapse{grid-column:3;grid-row:1}
}
@media(max-width:760px){
  body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) .topbar-inner{padding:0 12px;gap:6px}
  body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) .cp-brand-logo{width:220px;height:42px}
  body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) :is(.cp-header-button,.hamb){padding:7px 9px;min-height:40px;font-size:12px}
  body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) .hamb{font-size:0;gap:0;min-width:40px;padding:8px;white-space:nowrap;flex-shrink:0}
  body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) .hamb svg{display:block;width:20px;height:20px}
  body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) .cp-mini-pause{min-width:32px;padding:5px}
  body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) .cp-podcast-button{display:none;font-size:0;width:40px;min-width:40px;max-width:40px;padding:8px}
  body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) .cp-podcast-button::before{
    content:"";display:block;width:20px;height:20px;
    background:center/20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2335503b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 14v-3a9 9 0 0 1 18 0v3M3 13h3v8H4a1 1 0 0 1-1-1zm18 0h-3v8h2a1 1 0 0 0 1-1-1z'/%3E%3C/svg%3E");
  }
  /* Final P1 mobile overrides: p1-layout.css lines 171 and 180. */
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-reading-nav nav a{font-size:14px;line-height:1.35;min-height:40px}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-reading-layout{padding:0 16px}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-reading-layout>.wrap{padding:0;gap:16px}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .pl-hero-split{display:block;padding-top:6px}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .pl-hero-text h1{font-size:28px;line-height:1.12}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .pl-hero-text .prose{font-size:16px;line-height:1.55}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .pl-hero-photo{max-width:320px;margin:16px auto 0}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .pl-hero-photo img{max-height:190px;object-position:center}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .sec{padding:20px 16px;border-radius:14px}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .sec-head :is(h2,.cp-section-title){font-size:23px}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .sico-ic{width:32px;height:32px}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-disclosure>.cp-summary{padding:16px 14px;gap:12px;font-size:19px;flex-wrap:nowrap}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-summary-copy h3{font-size:19px}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-disclosure-state{gap:8px;font-size:12px}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-detail-body{padding:20px 15px}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-detail-body.cp-age-body{padding:18px 7px}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-card-grid,
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-card-grid[data-cp-columns="2"]{grid-template-columns:1fr}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-card-grid>.cp-card{grid-column:auto}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .nav-foot span{order:3;flex-basis:100%;text-align:center}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .nav-foot button{max-width:100%;font-size:13px;padding:10px 12px;white-space:normal}
}
@media(max-width:480px){
  body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) #ab .cp-player-collapse{grid-column:2;grid-row:1;font-size:12px;padding:7px 9px}
}
@media(max-width:380px){
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-disclosure>.cp-summary{flex-wrap:wrap}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-summary-copy{flex-basis:100%}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-disclosure-state{margin-left:auto}
}
@media(max-height:500px){
  body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) .topbar{position:relative}
  body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) #ca.content.with-audio,
  body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active).cp-audio-open #ca.content.with-audio{padding-top:16px}
  body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active) #ab{position:relative;top:0}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-reading-nav,
  body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active).cp-audio-open .cp-pillar.active .cp-reading-nav{top:12px;max-height:calc(100dvh - 24px)}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] :is(.cp-jump-target,.cp-summary,[id]),
  body.cp-layout-active:has(:is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar.active).cp-audio-open .cp-pillar.active :is(.cp-jump-target,.cp-summary,[id]){scroll-margin-top:16px}
}
@media print{
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-reading-layout{display:block;max-width:none;padding:0}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-reading-nav{display:none}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .cp-reading-layout>.wrap{max-width:none}
  :is(#tab-intro,#tab-p2,#tab-p3,#tab-p4,#tab-p5,#tab-p6,#tab-p7,#tab-p8,#tab-p9).cp-pillar[data-course-layout="p1-r12-v1"] .sec{box-shadow:none}
}


/* p9-feedback-r01.css */
/* P9 user feedback 22 September 2026. Shared course components remain immutable. */
#tab-p9 #p9-science .p9-science-title{display:block}
#tab-p9 #p9-science .p9-science-subtitle{display:block;margin-top:6px;font:400 15px/1.5 var(--sans);color:var(--muted)}
#tab-p9 #p9-dev-most{font:400 16px/1.65 var(--sans);color:var(--ink)}
#tab-p9 #p9-dev-most>h3{font:700 25px/1.25 var(--sans);color:var(--forest);margin:28px 0 14px;clear:both}
#tab-p9 #p9-dev-most .p9-r01-step{margin:0 0 14px;padding-left:16px;border-left:3px solid #d7dfc9}
#tab-p9 #p9-dev-most #p9-r01-development-32{clear:both}
#tab-p9 #p9-zaklady .p9-r01-method-flow{display:flow-root}
#tab-p9 #p9-zaklady .cp-topic{border:0;padding-top:0;margin-top:26px}
#tab-p9 #p9-zaklady .p9-r01-method-aside{float:right;width:32%;max-width:320px;margin:0 0 22px 28px;padding:0;border:0}
#tab-p9 #p9-zaklady .p9-r01-method-aside>h3{font:700 18px/1.35 var(--sans);margin:0 0 10px}
#tab-p9 #p9-zaklady .p9-r01-method-aside .p9-method-art{margin:0;max-width:none}
#tab-p9 #p9-zacatek .prose strong,#tab-p9 #p9-dev-most strong,#tab-p9 #p9-listy>.prose strong{font-weight:700}
@media(max-width:760px){
 #tab-p9 #p9-dev-most{font-size:16px;line-height:1.65}
 #tab-p9 #p9-dev-most>h3{font-size:20px;line-height:1.35}
 #tab-p9 #p9-zaklady .p9-r01-method-aside{float:none;width:280px;max-width:100%;margin:0 auto 24px}
 #tab-p9 #p9-science .p9-science-subtitle{font-size:14px}
}

/* R02: equal bottom edges within a shared grid row; stacked rows stay content-sized. */
#tab-p9 #p9-skola, #tab-p9 #p9-vyvoj{align-self:stretch}


/* p2-feedback-r02.css */
/* User feedback R02: age illustrations and readable local step list. */
#tab-p2 .cp-age-body > .cp-topic:first-child {
  display: flow-root;
}
#tab-p2 .p2-feedback-age-photo {
  float: right;
  width: 28%;
  min-width: 210px;
  max-width: 280px;
  margin: 0 0 18px 26px;
}
#tab-p2 .p2-feedback-age-photo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1448 / 1086;
  max-width: 100%;
  object-fit: contain;
  border-radius: 12px;
}
#tab-p2 #p2-pdf5-3 .p2-feedback-steps {
  padding-left: 1.6em;
  margin: 12px 0 18px;
}
#tab-p2 #p2-pdf5-3 .p2-feedback-steps > li {
  padding-left: .3em;
  margin-bottom: 10px;
}
#tab-p2 .p2-feedback-purchased-materials {
  margin-top: 24px;
}
#tab-p2 .p2-feedback-purchased-materials > h3 {
  color: var(--forest);
  font-size: 22px;
}
#tab-p2 .p2-feedback-purchased-materials li {
  margin-bottom: 16px;
}
@media (max-width: 760px) {
  #tab-p2 .p2-feedback-age-photo {
    float: none;
    width: 100%;
    min-width: 0;
    max-width: 320px;
    margin: 0 auto 18px;
  }
}


/* p2-feedback-r01.css */
/* P2 feedback R01. Load after the unchanged P1 and course-pillar styles.
   Values for existing roles are measured from the settled P1 R12 runtime.
   The live ladder follows the user's choice: readable rows, no horizontal scroll. */

#tab-p2 .p2-feedback-benefit-label {
  display: block;
  margin-bottom: 7px;
  color: var(--forest);
  font: 800 11px/1.5 var(--sans);
  letter-spacing: .06em;
  text-transform: uppercase;
}
#tab-p2 .p2-fresh-comparison-warning .p2-feedback-benefit-label {
  color: var(--warn);
}

/* P1 special section heading; ordinary section headings retain the P1 template. */
#tab-p2 #p2-zaklady > .sec-head h2,
#tab-p2 #p2-dalsi-materialy > .sec-head h2,
#tab-p2 #p2-zpetna-vazba > .sec-head h2 {
  max-width: 35ch;
  font-size: clamp(25px, 2.4vw, 33px);
  line-height: 1.25;
}

/* Inner topics are continuous prose, with hierarchy rather than rule separators. */
#tab-p2 #p2-prehled .cp-topic,
#tab-p2 #p2-zvidave .cp-topic,
#tab-p2 #p2-zaklady .cp-topic {
  border-top: 0;
  padding-top: 0;
}
#tab-p2 #p2-prehled .cp-detail-body > .cp-topic:first-child {
  margin-top: 0;
}
#tab-p2 #p2-prehled hr,
#tab-p2 #p2-zvidave hr,
#tab-p2 #p2-zaklady hr {
  display: none;
}
#tab-p2 #p2-prehled > .prose > .cp-topic > h3 {
  margin: 24px 0 12px;
  color: var(--forest);
  font: 700 clamp(20px, 2vw, 25px)/1.25 var(--serif);
}
#tab-p2 #p2-prehled .p2-feedback-age-heading {
  margin: 0 0 16px;
  color: #36533e;
  font: 700 24px/1.35 var(--sans);
}
#tab-p2 #p2-prehled .p2-feedback-topic-heading {
  margin: 0 0 12px;
  color: #36533e;
  font: 700 21px/1.35 var(--sans);
}

/* Floats sit at the beginning of their prose container, following its heading. */
#tab-p2 #p2-prehled > .prose,
#tab-p2 #p2-zvidave .cp-detail-body,
#tab-p2 #p2-zaklady > .prose,
#tab-p2 #p2-listy > .prose {
  display: flow-root;
}
#tab-p2 .p2-feedback-float {
  float: right;
  width: 240px;
  max-width: 42%;
  margin: 0 0 10px 22px;
}
#tab-p2 .p2-feedback-float img,
#tab-p2 .p2-feedback-development-photo img,
#tab-p2 .p2-feedback-games-photo img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  border-radius: 12px;
}
/* Reserve the natural image boxes before lazy loading, keeping anchor jumps stable. */
#tab-p2 .p2-feedback-development-photo img {
  aspect-ratio: 1122 / 1402;
}
#tab-p2 .p2-feedback-games-photo img {
  aspect-ratio: 1448 / 1086;
}
#tab-p2 .p2-fresh-method-art.p2-feedback-float {
  width: 360px;
}
#tab-p2 .p2-feedback-development-photo {
  float: right;
  width: 32%;
  max-width: 300px;
  margin: 0 0 16px 26px;
}
#tab-p2 .p2-feedback-games-photo {
  float: right;
  width: 320px;
  max-width: 42%;
  margin: 4px 0 14px 28px;
}
#tab-p2 .p2-feedback-development-photo figcaption,
#tab-p2 .p2-feedback-games-photo figcaption {
  margin-top: 9px;
  color: var(--muted);
  font: 400 12px/1.4 var(--sans);
  text-align: center;
}
#tab-p2 #p2-prehled > .prose > p,
#tab-p2 #p2-listy > .prose > p {
  max-width: none;
}

/* Keep the advice, image and action at the foot of each equal-height route card. */
#tab-p2 #p2-kde-zacit .cp-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
#tab-p2 #p2-kde-zacit .p2-feedback-start-advice {
  margin-top: auto;
  padding-top: 2px;
}
#tab-p2 #p2-kde-zacit .p2-fresh-route-art {
  margin: 0 0 10px;
  flex: 0 0 auto;
}
#tab-p2 #p2-kde-zacit .cp-link {
  margin-top: 0;
}

/* Inline references use the P1 prose link role; controls keep their own palette. */
#tab-p2 .prose p a:not(.cp-link):not(.p2-fresh-r04-download-button):not([role="button"]),
#tab-p2 .prose li a:not(.cp-link):not(.p2-fresh-r04-download-button):not([role="button"]) {
  color: var(--ink, #222);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: .16em;
}
#tab-p2 #p2-listy > .prose > ul > li > strong {
  color: var(--forest);
}

/* Live source-grounded ladder: all tiles remain readable and in document order. */
#tab-p2 .p2-feedback-ladder {
  --p2-ladder-columns: 10;
  display: grid;
  grid-template-columns: repeat(var(--p2-ladder-columns), minmax(0, 1fr));
  align-items: stretch;
  gap: 8px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 18px 0 24px;
  padding: 0;
  list-style: none;
}
#tab-p2 .p2-feedback-ladder:has(> li:nth-child(9):last-child) {
  --p2-ladder-columns: 9;
}
#tab-p2 .p2-feedback-ladder > li {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  min-width: 0;
  margin: 0;
  padding: 12px 7px;
  border: 1px solid #dadfcf;
  border-radius: 10px;
  background: #f6f6ef;
  color: var(--ink, #222);
  text-align: center;
  overflow-wrap: anywhere;
  hyphens: auto;
}
#tab-p2 .p2-feedback-ladder .p2-feedback-ladder-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 48px;
  max-width: 100%;
  height: 48px;
  margin: 0;
  color: var(--forest);
  font: 700 28px/1 var(--sans);
}
#tab-p2 .p2-feedback-ladder .p2-feedback-ladder-icon :is(img, svg) {
  display: block;
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  height: auto;
  object-fit: contain;
}
#tab-p2 .p2-feedback-ladder > li > strong {
  display: block;
  width: 100%;
  color: var(--forest);
  font: 700 14px/1.4 var(--sans);
}
#tab-p2 .p2-feedback-ladder > li > span:not(.p2-feedback-ladder-icon) {
  display: block;
  width: 100%;
  margin-top: auto;
  color: #56614c;
  font: 400 13px/1.45 var(--sans);
}
#tab-p2 .p2-feedback-ladder.is-practice {
  margin-top: 14px;
}

@media (max-width: 1279px) {
  #tab-p2 .p2-feedback-ladder,
  #tab-p2 .p2-feedback-ladder:has(> li:nth-child(9):last-child) {
    --p2-ladder-columns: 5;
  }
}
@media (max-width: 760px) {
  #tab-p2 #p2-prehled .p2-feedback-age-heading { font-size: 21px; }
  #tab-p2 #p2-prehled .p2-feedback-topic-heading { font-size: 20px; }
  #tab-p2 .p2-feedback-float {
    float: none;
    display: block;
    width: 130px;
    max-width: 100%;
    margin: 14px auto;
  }
  #tab-p2 .p2-fresh-method-art.p2-feedback-float {
    width: 100%;
    max-width: 360px;
    margin: 0 auto 20px;
  }
  #tab-p2 .p2-feedback-development-photo {
    float: none;
    width: 210px;
    max-width: 100%;
    margin: 0 auto 20px;
  }
  #tab-p2 .p2-feedback-ladder,
  #tab-p2 .p2-feedback-ladder:has(> li:nth-child(9):last-child) {
    --p2-ladder-columns: 3;
  }
  #tab-p2 .p2-feedback-ladder > li { padding: 12px 9px; }
}
@media (max-width: 640px) {
  #tab-p2 .p2-feedback-games-photo {
    float: none;
    width: 100%;
    max-width: 360px;
    margin: 0 auto 16px;
  }
}
@media (max-width: 480px) {
  #tab-p2 .p2-feedback-ladder,
  #tab-p2 .p2-feedback-ladder:has(> li:nth-child(9):last-child) {
    --p2-ladder-columns: 2;
  }
}
@media print {
  #tab-p2 .p2-feedback-ladder,
  #tab-p2 .p2-feedback-ladder:has(> li:nth-child(9):last-child) {
    --p2-ladder-columns: 5;
  }
  #tab-p2 .p2-feedback-ladder > li { break-inside: avoid; }
}


/* p2-fresh-components.css */
/* Exact P1 declaration transfers; selector namespace only. Shared course-pillar-layout files remain byte-identical. */
#tab-p2 .p2-fresh-r04-start-questions{margin:20px 0 24px;padding-left:26px;list-style:disc}
#tab-p2 .p2-fresh-r04-start-questions li{padding-left:3px;margin:4px 0}
#tab-p2 .p2-fresh-r04-start-answer{margin:0 0 22px!important}
#tab-p2 .p2-fresh-r04-start-help{margin:0 0 20px!important}
#tab-p2 .p2-fresh-r04-workbook-body h4{font-family:inherit;font-size:20px;line-height:1.4;margin:24px 0 15px;color:var(--forest)}
#tab-p2 .p2-fresh-r04-ladder-scroll{overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid #e1dfd1;border-radius:10px;padding:12px 10px;background:#fff;scrollbar-width:thin}
#tab-p2 .p2-fresh-r04-download{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.95fr);gap:26px;align-items:center;margin:26px 0 34px;padding:22px;border-radius:12px;background:#f5f3e8}
#tab-p2 .p2-fresh-r04-download h4{margin:0 0 18px}
#tab-p2 .p2-fresh-r04-download-button{display:inline-flex;justify-content:center;padding:13px 20px;border-radius:9px;background:var(--forest);color:white;font-size:16px;font-weight:700;text-decoration:none}
#tab-p2 .p2-fresh-r04-download figure{margin:0}
#tab-p2 .p2-fresh-r04-download img{display:block;width:100%;height:auto;border-radius:10px}
#tab-p2 .p2-fresh-r04-download figcaption{font-size:14px;line-height:1.45;color:#566453;margin-top:9px}
#tab-p2 .p2-fresh-r04-age-guide>h4{font-size:23px;padding-bottom:12px;border-bottom:1px solid #dddacc;margin:0 0 20px}
#tab-p2 .p2-fresh-r04-guide-part{margin:0 0 22px;max-width:78ch}
#tab-p2 .p2-fresh-r04-guide-part h5{font-family:inherit;font-size:17px;color:var(--forest);line-height:1.4;margin:0 0 7px}
#tab-p2 .p2-fresh-r04-guide-part p{margin:0 0 10px;line-height:1.65}
#tab-p2 .p2-fresh-r04-ladder-scroll:focus-visible,#tab-p2 .p2-fresh-r04-download-button:focus-visible{outline:3px solid #967142;outline-offset:3px}
@media(max-width:760px){
#tab-p2 .p2-fresh-r04-download{grid-template-columns:1fr;gap:20px;padding:18px}
#tab-p2 .p2-fresh-r04-download figure{max-width:420px}
#tab-p2 .p2-fresh-r04-workbook-body h4{font-size:19px}
#tab-p2 .p2-fresh-r04-age-guide>h4{font-size:21px}
}
@media print{
#tab-p2 .p2-fresh-r04-ladder-scroll{overflow:visible!important;padding:2mm!important;break-inside:avoid!important}
#tab-p2 .p2-fresh-r04-download{grid-template-columns:1fr 52mm!important;gap:6mm;padding:4mm!important;break-inside:avoid!important;margin:5mm 0!important}
#tab-p2 .p2-fresh-r04-download h4{font-size:12pt!important}
#tab-p2 .p2-fresh-r04-download-button{display:none!important}
#tab-p2 .p2-fresh-r04-download figcaption{font-size:9pt!important}
#tab-p2 .p2-fresh-r04-guide-part{break-inside:avoid!important;margin-bottom:4mm!important}
#tab-p2 .p2-fresh-r04-guide-part h5{font-size:11pt!important;break-after:avoid!important}
#tab-p2 .p2-fresh-r04-guide-part p{font-size:11pt!important;line-height:1.5!important}
#tab-p2 .p2-fresh-r04-age-guide>h4{font-size:14pt!important;break-after:avoid!important}
}
#tab-p2 .p2-fresh-r04-guide-part h6{font-family:inherit;font-size:16px;font-weight:700;line-height:1.4;color:var(--forest);margin:12px 0 7px}
@media print{
#tab-p2 .p2-fresh-r04-guide-part h6{font-size:10.5pt!important;break-after:avoid!important}
}
#tab-p2 #p2-kde-zacit .p2-fresh-r04-start-answer{font-weight:650}
#tab-p2 .p2-fresh-r04-download{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:20px;align-items:center;padding:16px 18px;margin:20px 0 28px;background:var(--cp-disclosure-surface);border:1px solid var(--cp-disclosure-line);border-radius:10px}
#tab-p2 .p2-fresh-r04-download>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
#tab-p2 .p2-fresh-r04-download h4{flex:1 1 280px;font:700 18px/1.4 var(--sans);margin:0}
#tab-p2 .p2-fresh-r04-download-button{min-height:44px;padding:11px 15px;font-size:15px;line-height:1.4;flex:0 1 auto}
#tab-p2 .p2-fresh-r04-download figure{margin:0;display:contents}
#tab-p2 .p2-fresh-r04-download img{grid-column:2;grid-row:1;display:block;width:125px;height:auto;border-radius:7px}
#tab-p2 .p2-fresh-r04-download figcaption{grid-column:1/-1;font-size:13px;line-height:1.45;margin:-8px 0 0;color:#566453}
@media(max-width:1000px){
#tab-p2 .p2-fresh-r04-download>div{display:block}
#tab-p2 .p2-fresh-r04-download h4{margin-bottom:12px}
}
@media(max-width:760px){
#tab-p2 .p2-fresh-r04-download{grid-template-columns:minmax(0,1fr) 74px;gap:15px;padding:15px}
#tab-p2 .p2-fresh-r04-download img{width:74px}
#tab-p2 .p2-fresh-r04-download h4{font-size:16px;line-height:1.45}
#tab-p2 .p2-fresh-r04-download-button{font-size:14px;padding:10px 12px}
#tab-p2 .p2-fresh-r04-download figcaption{font-size:12px;margin:0}
}
@media(max-width:380px){
#tab-p2 .p2-fresh-r04-download{grid-template-columns:minmax(0,1fr) 60px;gap:10px;padding:12px}
#tab-p2 .p2-fresh-r04-download img{width:60px}
}
#tab-p2 #p2-kde-zacit .p2-fresh-r04-start-questions{font-size:16px;line-height:1.5;margin:0 0 14px;padding-left:20px}
#tab-p2 #p2-kde-zacit .p2-fresh-r04-start-questions li{margin:0 0 5px}
#tab-p2 #p2-kde-zacit .p2-fresh-r04-start-answer{font-size:14px;line-height:1.5;margin:0 0 10px!important}
#tab-p2 #p2-kde-zacit .p2-fresh-r04-start-help{font-size:14px;line-height:1.6;margin:0 0 10px!important}
#tab-p2 .p2-fresh-r04-download{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px 22px;max-width:680px;padding:16px;margin:20px 0 26px;align-items:center;background:#f5f4ec;border-color:var(--cp-line);border-radius:14px}
#tab-p2 .p2-fresh-r04-download>div{display:flex;flex-direction:column;align-items:flex-start;gap:14px;grid-column:2;grid-row:1;min-width:0}
#tab-p2 .p2-fresh-r04-download h4{flex:none;font:700 18px/1.4 var(--sans);margin:0;max-width:28ch}
#tab-p2 .p2-fresh-r04-download img{grid-column:1;grid-row:1;display:block;width:190px;max-width:100%;height:auto;border-radius:10px}
#tab-p2 .p2-fresh-r04-download-button{flex:none;max-width:100%;white-space:normal;text-align:center;background:var(--cp-olive-dark);font-size:14px;line-height:1.4;padding:11px 14px;border-radius:8px}
#tab-p2 .p2-fresh-r04-download-button:hover,#tab-p2 .p2-fresh-r04-download-button:focus{background:var(--cp-olive);color:white}
#tab-p2 .p2-fresh-r04-download figcaption{grid-column:1/-1;grid-row:2;margin:0;font-size:13px;line-height:1.4;color:#5d6653}
#tab-p2 .p2-fresh-r06-feedback-form{max-width:680px;font-family:var(--sans)}
#tab-p2 .p2-fresh-r06-rating{margin:0 0 20px;padding:0;border:0;min-width:0}
#tab-p2 .p2-fresh-r06-rating legend,#tab-p2 .p2-fresh-r06-comment-label{font:600 15px/1.5 var(--sans);color:var(--cp-olive-dark);margin:0 0 8px;padding:0;display:block}
#tab-p2 .p2-fresh-r06-stars{display:flex;align-items:center;flex-wrap:wrap;gap:3px;position:relative}
#tab-p2 .p2-fresh-r06-stars input{position:absolute;width:1px;height:1px;opacity:0}
#tab-p2 .p2-fresh-r06-stars label{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font:36px/1 var(--sans);color:#afb69e;cursor:pointer;border-radius:7px;margin:0}
#tab-p2 .p2-fresh-r06-stars label:hover{background:var(--cp-tint)}
#tab-p2 .p2-fresh-r06-stars label.is-filled{color:var(--cp-olive)}
#tab-p2 .p2-fresh-r06-stars input:focus-visible+label{outline:3px solid #6e794d;outline-offset:1px}
#tab-p2 .p2-fresh-r06-rating-value{font:400 14px/1.5 var(--sans);color:#626a56;margin-left:12px}
#tab-p2 #p2-feedback-comment{box-sizing:border-box;display:block;width:100%;min-height:116px;resize:vertical;border:1px solid #abb39a;border-radius:10px;background:#fffefa;padding:12px 14px;color:#283122;font:400 16px/1.55 var(--sans)}
#tab-p2 #p2-feedback-comment::placeholder{color:#69725d;opacity:1}
#tab-p2 .p2-fresh-r06-preview-note{font:400 13px/1.5 var(--sans);color:#666b5b;margin:12px 0}
#tab-p2 .p2-fresh-r06-feedback-submit{border:1px solid var(--cp-olive-dark);border-radius:8px;background:var(--cp-olive-dark);color:white;padding:12px 18px;min-height:44px;font:600 15px/1.4 var(--sans);cursor:pointer}
#tab-p2 .p2-fresh-r06-feedback-submit:hover,#tab-p2 .p2-fresh-r06-feedback-submit:focus{background:var(--cp-olive);color:white}
#tab-p2 .p2-fresh-r06-feedback-status{font:500 14px/1.6 var(--sans);color:var(--cp-olive-dark);margin:14px 0 0}
#tab-p2 .p2-fresh-r06-feedback-status:empty{display:none}
@media(max-width:760px){
#tab-p2 .p2-fresh-r04-download{grid-template-columns:130px minmax(0,1fr);gap:12px 16px;padding:14px}
#tab-p2 .p2-fresh-r04-download img{width:130px}
#tab-p2 .p2-fresh-r04-download h4{font-size:16px}
}
@media(max-width:480px){
#tab-p2 .p2-fresh-r04-download{grid-template-columns:1fr;max-width:330px;gap:13px;padding:14px}
#tab-p2 .p2-fresh-r04-download img{grid-column:1;grid-row:1;width:100%;max-width:240px;justify-self:center}
#tab-p2 .p2-fresh-r04-download>div{grid-column:1;grid-row:2;gap:12px;align-items:stretch}
#tab-p2 .p2-fresh-r04-download h4{max-width:none}
#tab-p2 .p2-fresh-r04-download figcaption{grid-row:3;font-size:12px}
#tab-p2 .p2-fresh-r06-rating-value{flex-basis:100%;margin:5px 0 0}
}
@media print{
#tab-p2 .p2-fresh-r06-feedback-form{display:none}
}

/* Source image roles: the PDF is kept uncropped. The P1 horizontal viewport keeps its text readable. */
#tab-p2 .p2-fresh-workbook-strip{display:block;width:2100px;max-width:none;height:auto}
#tab-p2 .p2-fresh-route-art{margin:auto 0 10px;display:flex;align-items:flex-end;justify-content:center}
#tab-p2 .p2-fresh-route-art img{display:block;width:100%;height:auto}
#tab-p2 .p2-fresh-method-art{margin:20px 0}
#tab-p2 .p2-fresh-method-art img{display:block;width:100%;max-width:900px;height:auto;margin:auto}
#tab-p2 .p2-fresh-science-art{max-width:360px;margin:20px auto}
#tab-p2 .p2-fresh-science-art img{display:block;width:100%;height:auto}
/* Comparison surfaces use the original P1 geometry and source prose. */
#tab-p2 .p2-fresh-comparison{background:rgba(53,80,59,.07);border:1px solid rgba(53,80,59,.15);border-radius:11px;padding:14px}
#tab-p2 .p2-fresh-comparison-warning{background:var(--warn-bg);border-color:rgba(192,57,43,.12)}
#tab-p2 .p2-fresh-comparison p{margin:0}
#tab-p2 .p2-fresh-supplies{padding-left:1.25em;margin:1em 0}
#tab-p2 .p2-fresh-supplies li{margin:.8em 0}


/* intro-layout.css */
/* Only intro-specific compositions. Common type, logo, navigation, focus and audio
   are supplied by course-pillar-layout.css, also used by P2. */
/* A translated closed chapter drawer must not shade the reading surface. */
body.cp-layout-active:has(#tab-intro.active) .menu-panel:not(.open) {box-shadow:none}
#tab-intro.cp-pillar[data-course-layout] .pillar-grid {
  gap:10px;
}
#tab-intro.cp-pillar[data-course-layout] .pillar-grid > .pillar-card {
  position:relative;
  display:grid;grid-template-columns:36px minmax(0,1fr);
  grid-template-rows:auto auto 1fr;column-gap:10px;row-gap:2px;
  align-items:start;text-align:left;padding:11px;
}
#tab-intro.cp-pillar[data-course-layout] .pillar-card .p-ico {
  grid-column:1;grid-row:1 / 4;width:36px;height:36px;margin:2px 0 0;
  object-fit:contain;border-radius:0;
}
#tab-intro.cp-pillar[data-course-layout] .pillar-card :is(.p-label,.p-name,.p-desc) {
  grid-column:2;min-width:0;margin:0;
}
#tab-intro.cp-pillar[data-course-layout] .pillar-card .p-label {
  font:700 10px/1.3 var(--sans);letter-spacing:.06em;
}
#tab-intro.cp-pillar[data-course-layout] .pillar-card .p-name {
  font:700 15px/1.3 var(--serif);
  color:var(--forest);text-decoration:none;
}
#tab-intro.cp-pillar[data-course-layout] .intro-pillar-link::after {content:"";position:absolute;inset:0;border-radius:12px}
#tab-intro.cp-pillar[data-course-layout] .pillar-card:has(.intro-pillar-link):is(:hover,:focus-within) {
  background:var(--cp-tint);border-color:var(--cp-olive);box-shadow:none;transform:none;
}
#tab-intro.cp-pillar[data-course-layout] .intro-pillar-link:is(:hover,:focus,:active,:visited) {color:var(--cp-olive-dark)}
#tab-intro.cp-pillar[data-course-layout] .intro-pillar-link:focus-visible {outline:none!important}
#tab-intro.cp-pillar[data-course-layout] .intro-pillar-link:focus-visible::after {outline:3px solid #6e794d;outline-offset:3px}
#tab-intro.cp-pillar[data-course-layout] .pillar-card .p-desc {
  font:400 13px/1.45 var(--sans);color:var(--muted);
}
#tab-intro.cp-pillar[data-course-layout] .sec > h3,
#tab-intro.cp-pillar[data-course-layout] .intro-takeaways > h3 {
  font-size:clamp(22px,2vw,27px);line-height:1.18;margin-top:0;
}
#tab-intro.cp-pillar[data-course-layout] .pl-hero-text > p {
  font-size:16px!important;line-height:1.6;margin:0 0 12px!important;
}
#tab-intro.cp-pillar[data-course-layout] .intro-details .expv {
  margin:5px 0 0;font:400 14px/1.45 var(--sans);
}
#tab-intro.cp-pillar[data-course-layout] .paths .pathc > h4 {
  font:700 18px/1.35 var(--sans);color:var(--forest);margin:0 0 10px;
}
#tab-intro.cp-pillar[data-course-layout] .paths .pathc > p {
  font-size:15px!important;line-height:1.6!important;margin:0;
}
#tab-intro.cp-pillar[data-course-layout] .cv-intro {
  grid-template-columns:minmax(0,1.65fr) minmax(200px,1fr);gap:24px;align-items:start;
}
#tab-intro.cp-pillar[data-course-layout] .cv-foto {margin:0}
#tab-intro.cp-pillar[data-course-layout] .cv-foto img {
  width:100%;height:auto;max-height:260px;object-fit:contain;border-radius:12px;
}
#tab-intro.cp-pillar[data-course-layout] .intro-finish {text-align:center;padding:10px 0 20px}
#tab-intro.cp-pillar[data-course-layout] .btncta {
  max-width:100%;min-height:44px;padding:12px 18px;white-space:normal;
  font-size:15px;line-height:1.4;box-shadow:none;
}
#tab-intro.cp-pillar[data-course-layout] .btncta:is(:hover,:focus,:active) {
  background:var(--cp-olive)!important;border-color:var(--cp-olive)!important;color:#fff!important;
}
@media(max-width:1000px) {
  #tab-intro.cp-pillar[data-course-layout] .pillar-grid.cp-card-grid[data-cp-columns="3"] {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px) {
  #tab-intro.cp-pillar[data-course-layout] .cv-intro {grid-template-columns:1fr}
  #tab-intro.cp-pillar[data-course-layout] .cv-foto {max-width:320px;margin:0 auto}
  #tab-intro.cp-pillar[data-course-layout] .cv-foto img {max-height:190px}
}
@media(max-width:600px) {
  #tab-intro.cp-pillar[data-course-layout] .pillar-grid.cp-card-grid[data-cp-columns="3"] {grid-template-columns:minmax(0,1fr)}
  #tab-intro.cp-pillar[data-course-layout] .pillar-grid > .pillar-card {padding:10px;column-gap:10px}
}

/* R03: compact outline rows, while keeping the shared readable type and icon size. */
#tab-intro.cp-pillar[data-course-layout] #intro-struktura .stepitem {padding:8px 12px}

/* R04: separate the practical takeaways from the preceding explanation. */
#tab-intro.cp-pillar[data-course-layout] .intro-practical {margin-top:22px}


/* p1-readability-r14.css */
/* P1 R14: formatting only; fixed sections, headings, cards and navigation retained. */
#tab-p1.p1-readability-r14 #p1-zacatek .prose{line-height:1.7}
#tab-p1.p1-readability-r14 #p1-zacatek .prose>p{line-height:1.7;margin:0 0 1em}
#tab-p1.p1-readability-r14 #p1-zacatek .prose>p:last-child{margin-bottom:0}
#tab-p1.p1-readability-r14 :is(.sec>.prose,.sec>p,.p1-r02-development-intro>p,#p1-zvidave-detail-body>p,.p1-r05-learning-part>p,.p1-r11-body>p){line-height:1.75;margin-bottom:1em}
#tab-p1.p1-readability-r14 :is(.sec>p,#p1-zvidave-detail-body>p,.p1-r05-learning-part>p){max-width:74ch}
#tab-p1.p1-readability-r14 .p1-r02-development-intro{max-width:80ch}
#tab-p1.p1-readability-r14 .p1-r02-development-intro>p{max-width:none}
#tab-p1.p1-readability-r14 .p1-r05-development-art{width:28%;max-width:260px;margin:0 0 18px 24px}
#tab-p1.p1-readability-r14 #p1-cary-a-tvary{clear:both;margin-top:28px}
#tab-p1.p1-readability-r14 #p1-zvidave-detail>summary .expv{display:block;font-size:15px;line-height:1.55;color:#515c4f;margin-top:7px}
#tab-p1.p1-readability-r14 #p1-zvidave-detail-body>figure{width:220px!important;max-width:30%!important;margin-left:24px!important}
#tab-p1.p1-readability-r14 #p1-zvidave-detail-body{display:flow-root}
#tab-p1.p1-readability-r14 #p1-zvidave-detail:not([open])>#p1-zvidave-detail-body{display:none}
@media(max-width:760px){
 #tab-p1.p1-readability-r14 .p1-r05-development-art{float:none;width:210px;max-width:100%;margin:0 auto 22px}
 #tab-p1.p1-readability-r14 #p1-zvidave-detail-body>figure{float:none!important;width:180px!important;max-width:100%!important;margin:0 auto 20px!important}
}
@media(max-width:600px){
 #tab-p1.p1-readability-r14 #p1-zvidave-detail>summary{flex-wrap:wrap;gap:10px}
 #tab-p1.p1-readability-r14 #p1-zvidave-detail>summary .p1-r05-summary-copy{flex-basis:100%}
 #tab-p1.p1-readability-r14 #p1-zvidave-detail>summary .p1-r05-disclosure-state{margin-left:auto}
}


/* p1-emphasis-r15.css */
/* Scope: P1 only. The baseline lead has an inline margin, hence !important. */
#tab-p1.p1-emphasis-r15 #p1-proc .p1-r15-comparison-lead {
  margin-top: 18px !important;
  margin-bottom: 10px !important;
}


/* p2-readability-r05.css */
/* P2 R05: authorized presentation changes only. All selectors stay within P2. */
#tab-p2.cp-pillar[data-course-layout] .prose p {
  line-height: 1.72;
  margin-bottom: 1em;
}
#tab-p2.cp-pillar[data-course-layout] #p2-zacatek {
  display: block;
}
#tab-p2.cp-pillar[data-course-layout] #p2-zacatek .pl-hero-text {
  display: flow-root;
}
#tab-p2.cp-pillar[data-course-layout] #p2-zacatek .pl-hero-photo {
  float: right;
  width: 32%;
  max-width: 320px;
  margin: 2px 0 18px 28px;
}
#tab-p2.cp-pillar[data-course-layout] .p2-science-summary-title {
  display: block;
}
#tab-p2.cp-pillar[data-course-layout] .p2-science-summary-preview {
  display: block;
  margin-top: 6px;
  max-width: 76ch;
  color: #637165;
  font: 400 14px/1.5 var(--sans);
}
#tab-p2.cp-pillar[data-course-layout] #p2-researched-materials li {
  line-height: 1.72;
  margin-bottom: 20px;
}
#tab-p2.cp-pillar[data-course-layout] #p2-researched-materials li > strong:first-child {
  display: block;
  margin-bottom: 5px;
  color: var(--forest);
}
#tab-p2.cp-pillar[data-course-layout] .p2-material-edition { font-weight: 600; }
@media (max-width: 760px) {
  #tab-p2.cp-pillar[data-course-layout] #p2-zacatek .pl-hero-text { display: flex; flex-direction: column; }
  #tab-p2.cp-pillar[data-course-layout] #p2-zacatek .plbadge { align-self: flex-start; }
  #tab-p2.cp-pillar[data-course-layout] #p2-zacatek h1 { order: 1; }
  #tab-p2.cp-pillar[data-course-layout] #p2-zacatek .prose { order: 2; }
  #tab-p2.cp-pillar[data-course-layout] #p2-zacatek .pl-hero-photo {
    order: 3; float: none; width: 100%; max-width: 320px; margin: 12px auto 0;
  }
}


/* p2-panel-alignment-r06.css */
/* P2 R06: same-height panels in one row; natural height when stacked. */
#tab-p2.cp-pillar[data-course-layout] #p2-school-timing-panels {
  align-items: stretch;
}
#tab-p2.cp-pillar[data-course-layout] #p2-school-timing-panels > .sec {
  height: auto;
  align-self: stretch;
}
#tab-p2.cp-pillar[data-course-layout] #p2-references {
  border-top: 1px solid var(--line);
  padding: 18px 4px 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.65;
}
#tab-p2.cp-pillar[data-course-layout] #p2-references p { margin: 0; }
#tab-p2.cp-pillar[data-course-layout] #p2-references .p2-references-label {
  margin-bottom: 8px;
  color: var(--forest);
}
#tab-p2.cp-pillar[data-course-layout] #p2-reference-2,
#tab-p2.cp-pillar[data-course-layout] #p2-citation-2 { scroll-margin-top: 100px; }
#tab-p2.cp-pillar[data-course-layout] #p2-references a,
#tab-p2.cp-pillar[data-course-layout] #p2-citation-2 { color: var(--forest); }
#tab-p2.cp-pillar[data-course-layout] #p2-references a:focus-visible,
#tab-p2.cp-pillar[data-course-layout] #p2-citation-2:focus-visible {
  outline: 2px solid var(--forest);
  outline-offset: 3px;
}


/* p4-fresh.css */
/* P4 content component geometry. Immutable PILIR_WEB_R01 supplies the layout.
   Floats, download and feedback geometry follow P1 R12; native five-step strips
   and intrinsic image dimensions implement consumed feedback 007/013/016/017. */
#tab-p4 .p4-flow-photo{float:right;width:32%;max-width:300px;margin:0 0 16px 26px}
#tab-p4 .p4-flow-photo img{display:block;width:100%;height:auto;border-radius:12px}
#tab-p4 .p4-flow-photo figcaption{font-size:12px;line-height:1.5;color:var(--muted);margin-top:8px}
#tab-p4 .cp-age-body,#tab-p4 .cp-topic,#tab-p4 .p4-workbook-intro,#tab-p4 .p4-development-intro{display:flow-root}
#tab-p4 .cp-age-body h3{font:700 22px/1.3 var(--sans);color:var(--forest);margin:24px 0 14px}
#tab-p4 .cp-age-body>h3:first-child{margin-top:0}
#tab-p4 .cp-detail-body h4{font:700 18px/1.4 var(--sans);margin:22px 0 10px;color:var(--forest)}
#tab-p4 .p4-contrast{padding:13px 15px;border-radius:10px;background:#edf0e8;font-size:14px;line-height:1.6}
#tab-p4 .p4-contrast.negative{background:#f5ede8}
#tab-p4 .p4-contrast-title{display:block;text-transform:uppercase;color:var(--forest);font-size:12px;margin-bottom:6px}
#tab-p4 .p4-contrast.negative .p4-contrast-title{color:#9b5145}
#tab-p4 .prose a{color:#424e2c;font-weight:700;text-decoration:underline;text-underline-offset:3px}
#tab-p4 .prose a:focus-visible{outline:3px solid #6e794d;outline-offset:3px}
#tab-p4 #p4-kde-zacit .p4-routes>.cp-card{display:grid;grid-template-rows:auto 1fr auto auto;gap:10px}
#tab-p4 #p4-kde-zacit .p4-routes h3{margin:0}
#tab-p4 .p4-routes ul{margin:0;padding-left:20px;font:400 16px/1.5 var(--sans)}
#tab-p4 .p4-routes li{margin:0 0 9px}
#tab-p4 .p4-route-art{height:140px;display:flex;align-items:center;justify-content:center}
#tab-p4 .p4-route-art img{width:140px;height:140px;object-fit:contain}
#tab-p4 #p4-kde-zacit .p4-routes .cp-link{margin:0}
#tab-p4 #p4-proc .cojeg-foto img{width:100%;height:auto;aspect-ratio:1000 / 646}
#tab-p4 .p4-ladder{list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;clear:both}
#tab-p4 .p4-ladder li{padding:10px 8px;border:1px solid #dedbd1;border-radius:8px;background:#f5f4ee;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;margin:0;font:400 13px/1.45 var(--sans)}
#tab-p4 .p4-ladder img{width:65px;height:65px;object-fit:contain;margin-bottom:8px}
#tab-p4 .p4-ladder strong{font:700 14px/1.3 var(--serif);color:var(--forest);margin-bottom:8px}
#tab-p4 .p4-download{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px 22px;max-width:680px;padding:16px;margin:20px 0 26px;align-items:center;background:#f5f4ec;border:1px solid #d9ddce;border-radius:14px}
#tab-p4 .p4-download>div{display:flex;flex-direction:column;align-items:flex-start;gap:14px;grid-column:2;grid-row:1;min-width:0}
#tab-p4 .p4-download h4{font:700 18px/1.4 var(--sans);margin:0;max-width:28ch}
#tab-p4 .p4-download img{grid-column:1;grid-row:1;display:block;width:190px;max-width:100%;height:auto;border-radius:10px}
#tab-p4 .p4-download-button{max-width:100%;white-space:normal;text-align:center;background:#424e2c;color:#fff!important;font:600 14px/1.4 var(--sans);padding:11px 14px;border-radius:8px;text-decoration:none!important}
#tab-p4 .p4-download-button:is(:hover,:focus){background:#59643b;color:white}
#tab-p4 .p4-download figcaption{grid-column:1/-1;grid-row:2;margin:0;font-size:13px;line-height:1.4;color:#5d6653}
#tab-p4 .p4-feedback-form{max-width:680px;font-family:var(--sans)}
#tab-p4 .p4-rating{margin:0 0 20px;padding:0;border:0;min-width:0}
#tab-p4 .p4-rating legend,#tab-p4 .p4-comment-label{font:600 15px/1.5 var(--sans);color:#424e2c;margin:0 0 8px;padding:0;display:block}
#tab-p4 .p4-stars{display:flex;align-items:center;flex-wrap:wrap;gap:3px;position:relative}
#tab-p4 .p4-stars input{position:absolute;width:1px;height:1px;opacity:0}
#tab-p4 .p4-stars label{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font:36px/1 var(--sans);color:#afb69e;cursor:pointer;border-radius:7px;margin:0}
#tab-p4 .p4-stars label:hover{background:#edf0e4}
#tab-p4 .p4-stars label.is-filled{color:#59643b}
#tab-p4 .p4-stars input:focus-visible+label{outline:3px solid #6e794d;outline-offset:1px}
#tab-p4 .p4-rating-value{font:400 14px/1.5 var(--sans);color:#626a56;margin-left:12px}
#tab-p4 #p4-feedback-comment{box-sizing:border-box;display:block;width:100%;min-height:116px;resize:vertical;border:1px solid #abb39a;border-radius:10px;background:#fffefa;padding:12px 14px;color:#283122;font:400 16px/1.55 var(--sans)}
#tab-p4 #p4-feedback-comment::placeholder{color:#69725d;opacity:1}
#tab-p4 .p4-preview-note{font:400 13px/1.5 var(--sans);color:#666b5b;margin:12px 0}
#tab-p4 .p4-feedback-submit{border:1px solid #424e2c;border-radius:8px;background:#424e2c;color:white;padding:12px 18px;min-height:44px;font:600 15px/1.4 var(--sans);cursor:pointer}
#tab-p4 .p4-feedback-submit:is(:hover,:focus){background:#59643b;color:white}
#tab-p4 .p4-feedback-status{font:500 14px/1.6 var(--sans);color:#424e2c;margin:14px 0 0}
#tab-p4 .p4-feedback-status:empty{display:none}
@media(max-width:760px){
 #tab-p4 .p4-flow-photo{float:none;width:240px;max-width:100%;margin:0 auto 20px}
 #tab-p4 .p4-ladder{grid-template-columns:repeat(3,minmax(0,1fr))}
 #tab-p4 .p4-download{grid-template-columns:130px minmax(0,1fr);gap:12px 16px;padding:14px}
 #tab-p4 .p4-download img{width:130px}
 #tab-p4 .p4-download h4{font-size:16px}
}
@media(max-width:480px){
 #tab-p4 .p4-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}
 #tab-p4 .p4-download{grid-template-columns:1fr;max-width:330px;gap:13px;padding:14px}
 #tab-p4 .p4-download img{grid-column:1;grid-row:1;width:100%;max-width:240px;justify-self:center}
 #tab-p4 .p4-download>div{grid-column:1;grid-row:2;gap:12px;align-items:stretch}
 #tab-p4 .p4-download h4{max-width:none}
 #tab-p4 .p4-download figcaption{grid-row:3;font-size:12px}
 #tab-p4 .p4-rating-value{flex-basis:100%;margin:5px 0 0}
}

/* R05: each science illustration stays with its own topic. */
#tab-p4 #p4-science .cp-detail-body{display:flow-root}
#tab-p4 #p4-science .cp-detail-body>h3{clear:both}


/* p4-feedback-r01.css */
/* R01: P2 F004 typography by semantic role; user-approved P4 subtitle exception.
   All selectors are scoped to P4. Shared template and other chapters stay intact. */
#tab-p4 #p4-zacatek.pl-hero-split{display:block}
#tab-p4 #p4-zacatek .pl-hero-text{display:flow-root;max-width:none}
#tab-p4 #p4-zacatek .pl-hero-photo{float:right;width:36%;max-width:400px;margin:0 0 20px 30px}
#tab-p4 #p4-zacatek .pl-hero-photo img{width:100%;height:auto}
#tab-p4 #p4-zacatek h1{font-size:clamp(28px,2.7vw,36px);line-height:1.1;max-width:none}
#tab-p4 #p4-zacatek .p4-title-subline{font-size:.8em;line-height:1.2}
#tab-p4 #p4-zacatek .prose{max-width:none}
#tab-p4 #p4-prehled .cp-summary-copy h2{margin:0;font:700 21px/1.35 var(--sans);color:inherit;letter-spacing:0;text-transform:none}
#tab-p4 #p4-prehled .cp-age-body>h3.p4-topic-heading{font:700 21px/1.35 var(--sans);margin:28px 0 12px}
#tab-p4 #p4-prehled .cp-age-body>h3.p4-age-heading{font-size:24px;margin-top:0}
#tab-p4 #p4-prehled #p4-dev-most{font:700 clamp(20px,2vw,25px)/1.25 var(--serif);margin:24px 0 12px}
#tab-p4 #p4-prehled .cp-topic,#tab-p4 #p4-zaklady .cp-topic{border-top:0;padding-top:0}
#tab-p4 #p4-zaklady .sec-head h2,#tab-p4 #p4-dalsi-materialy .sec-head h2,#tab-p4 #p4-zpetna-vazba .sec-head h2{font:700 clamp(25px,2.4vw,33px)/1.25 var(--serif);max-width:35ch}
#tab-p4 #p4-vyslovnost>h4{font:700 22px/1.25 var(--serif);color:var(--forest);margin:24px 0 12px}
#tab-p4 #p4-listy .cp-age-body>.p4-practice-outcome-heading{font:700 20px/1.4 var(--sans);margin:26px 0 12px}
#tab-p4 #p4-listy .cp-age-body>.p4-practice-guide-heading{font:700 23px/1.4 var(--sans);margin:26px 0 12px}
#tab-p4 .cp-callout[data-cp-tone="warning"]>h3,#tab-p4 #p4-pronunciation-warning>h4{font:700 20px/1.35 var(--sans);color:#795441;margin:0 0 12px}
#tab-p4 #p4-pronunciation-warning{clear:both}
#tab-p4 #p4-listy .p4-workbook-intro li>strong{color:var(--forest)}
#tab-p4 .p4-ladder strong{font:700 14px/1.4 var(--sans)}
#tab-p4 #p4-listy .p4-download-button{font-weight:700}
#tab-p4 #p4-proc .p4-contrast{font:400 16px/1.65 var(--sans)}
#tab-p4 #p4-proc .p4-contrast-title{font:800 11px/1.5 var(--sans)}
#tab-p4 #p4-proc .p4-contrast.negative .p4-contrast-title{color:#c0392b}
#tab-p4 #p4-science .cp-detail-body>h3,#tab-p4 #p4-dalsi-materialy .prose>h3{font:700 22px/1.25 var(--serif)}
#tab-p4 .p4-flow-photo figcaption,#tab-p4 #p4-proc .cojeg-foto figcaption{font:400 12px/1.4 var(--sans)}
#tab-p4 .prose a{color:var(--ink)}
@media(max-width:760px){
 #tab-p4 #p4-zacatek .pl-hero-text{display:flex;flex-direction:column}
 #tab-p4 #p4-zacatek .plbadge{order:0;align-self:flex-start}
 #tab-p4 #p4-zacatek h1{order:1;font-size:28px;line-height:1.12}
 #tab-p4 #p4-zacatek .pl-hero-photo{order:2;float:none;width:100%;max-width:400px;margin:8px auto 20px}
 #tab-p4 #p4-zacatek .prose{order:3}
 #tab-p4 #p4-prehled .cp-summary-copy h2{font-size:19px}
 #tab-p4 #p4-prehled .cp-age-body>h3.p4-topic-heading{font-size:20px}
 #tab-p4 #p4-prehled .cp-age-body>h3.p4-age-heading{font-size:21px}
 #tab-p4 #p4-listy .cp-age-body>.p4-practice-outcome-heading{font-size:19px}
 #tab-p4 #p4-listy .cp-age-body>.p4-practice-guide-heading{font-size:21px}
}


/* p4-r08-readability.css */
/* R08: P4-only readability pass. Content, section order and shared layout stay unchanged. */
#tab-p4 .sec-head :is(h2,h3),
#tab-p4 .cp-summary-copy :is(h2,h3),
#tab-p4 .p4-topic-heading{
  text-wrap:balance;
}

#tab-p4 .prose p{
  text-wrap:pretty;
  orphans:3;
  widows:3;
}

#tab-p4 #p4-proc .p4-bridge-layout{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);
  gap:24px 30px;
  align-items:start;
}

#tab-p4 #p4-proc .p4-bridge-copy{
  min-width:0;
}

#tab-p4 #p4-proc .p4-bridge-copy>p{
  margin:0 0 18px;
  font-size:16px;
  line-height:1.78;
}

#tab-p4 #p4-proc .p4-bridge-copy>p:last-child{
  margin-bottom:0;
}

#tab-p4 #p4-proc .p4-bridge-photo{
  float:none;
  width:100%;
  max-width:none;
  margin:2px 0 0;
}

#tab-p4 #p4-proc .p4-bridge-photo img{
  aspect-ratio:1000 / 646;
  object-fit:cover;
}

#tab-p4 #p4-proc .p4-bridge-school{
  grid-column:1 / -1;
  min-width:0;
}

#tab-p4 #p4-proc .p4-bridge-school-lead{
  margin:4px 0 13px;
  font:700 clamp(19px,1.8vw,23px)/1.35 var(--serif);
  color:var(--forest);
}

#tab-p4 #p4-proc .p4-bridge-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

#tab-p4 #p4-proc .p4-bridge-cards .p4-contrast{
  margin:0;
  padding:18px 20px 20px;
  border:1px solid rgba(53,80,59,.14);
  border-top:4px solid #66794f;
  border-radius:12px;
  box-shadow:0 8px 24px rgba(53,48,42,.045);
}

#tab-p4 #p4-proc .p4-bridge-cards .p4-contrast.negative{
  border-color:rgba(162,91,50,.14);
  border-top-color:#b36c54;
}

#tab-p4 #p4-proc .p4-contrast-title{
  display:block;
  margin:0 0 10px;
  color:var(--forest);
  font:700 19px/1.25 var(--serif);
  text-transform:none;
  letter-spacing:-.01em;
}

#tab-p4 #p4-proc .p4-contrast-subtitle{
  display:block;
  margin-top:4px;
  font:700 11px/1.45 var(--sans);
  text-transform:uppercase;
  letter-spacing:.045em;
}

#tab-p4 #p4-science .p4-science-summary-title,
#tab-p4 #p4-science .p4-science-summary-note{
  display:block;
}

#tab-p4 #p4-science .p4-science-summary-title{
  font:700 21px/1.3 var(--sans);
  color:var(--forest);
}

#tab-p4 #p4-science .p4-science-summary-note{
  margin-top:4px;
  color:var(--muted);
  font:400 13px/1.45 var(--sans);
  text-wrap:pretty;
}

#tab-p4 #p4-zapis>.prose,
#tab-p4 #p4-zvidave>.prose,
#tab-p4 #p4-kde-zacit>.prose{
  max-width:82ch;
}

@media(max-width:820px){
  #tab-p4 #p4-proc .p4-bridge-layout{
    grid-template-columns:1fr;
    gap:20px;
  }

  #tab-p4 #p4-proc .p4-bridge-photo{
    width:min(100%,520px);
    justify-self:center;
    order:2;
  }

  #tab-p4 #p4-proc .p4-bridge-copy{
    order:1;
  }

  #tab-p4 #p4-proc .p4-bridge-school{
    grid-column:1;
    order:3;
  }
}

@media(max-width:640px){
  #tab-p4 #p4-proc .p4-bridge-copy>p{
    font-size:15.5px;
    line-height:1.72;
  }

  #tab-p4 #p4-proc .p4-bridge-cards{
    grid-template-columns:1fr;
  }

  #tab-p4 #p4-proc .p4-bridge-cards .p4-contrast{
    padding:16px;
  }

  #tab-p4 #p4-science .p4-science-summary-title{
    font-size:18px;
  }

  #tab-p4 #p4-science .p4-science-summary-note{
    font-size:12.5px;
  }
}


/* p4-r09-emphasis-alignment.css */
/* R09: restrained key-message emphasis and equal desktop panel heights. */
#tab-p4 strong.p4-key-message {
  font-weight: 700;
}

@media (min-width: 881px) {
  #tab-p4 .p4-school-timing-duo {
    align-items: stretch;
  }

  #tab-p4 .p4-school-timing-duo > #p4-skola,
  #tab-p4 .p4-school-timing-duo > #p4-vyvoj {
    height: 100%;
  }
}


/* p5-followup-r03.css */
/* P5 R03: user-requested breathing room around the bridge topic heading. */
#tab-p5#tab-p5 #p5-dev-most{margin-top:24px;padding-top:0;}
#tab-p5#tab-p5 #p5-dev-most>h3{margin:0 0 12px;}
#tab-p5#tab-p5 #p5-zaklady.sec>.sec-head h2{max-width:none;}


/* p5-readability-r05.css */
/* P5 R05: presentation only, using the current P2/P4 shared typography roles. */
#tab-p5#tab-p5.cp-pillar[data-course-layout] .prose p {
  line-height: 1.72;
  margin-bottom: 1em;
  text-wrap: pretty;
  orphans: 3;
  widows: 3;
}
#tab-p5#tab-p5.cp-pillar[data-course-layout] .prose > p:last-child {
  margin-bottom: 0;
}
/* Keep numbered labels distinct from the explanation without adding headings. */
#tab-p5#tab-p5 #p5-dev-uvod > p:is([data-feedback-source="R04-S8-P3"], [data-feedback-source="R04-S8-P4"], [data-feedback-source="R04-S8-P5"]) > strong:first-child,
#tab-p5#tab-p5 .p5-r05-inline-label {
  display: block;
  margin-bottom: 6px;
  color: var(--forest);
}
/* Reading measure applies to uninterrupted copy; all floated-photo blocks stay full width. */
#tab-p5#tab-p5 :is(#p5-zapis, #p5-zaklady, #p5-zaver, #p5-dalsi-materialy) > .prose,
#tab-p5#tab-p5 #p5-kde-zacit > p,
#tab-p5#tab-p5 .cp-age-body > .cp-topic > p,
#tab-p5#tab-p5 .cp-age-body > p,
#tab-p5#tab-p5 .cp-age-body > ul {
  max-width: 82ch;
}
/* Same bridge heading role as P2/P4; same practical subheading role as P4/P6. */
#tab-p5#tab-p5.cp-pillar[data-course-layout] #p5-dev-most > h3 {
  font: 700 clamp(20px, 2vw, 25px)/1.25 var(--serif);
  color: var(--forest);
  margin: 0 0 12px;
}
#tab-p5#tab-p5.cp-pillar[data-course-layout] #p5-listy .cp-age-body > h3 {
  font: 700 23px/1.4 var(--sans);
  color: var(--forest);
  margin: 28px 0 12px;
}
#tab-p5#tab-p5 .cp-age-body > ul > li {
  margin-bottom: .6em;
  line-height: 1.72;
}
/* Titles stay recommendations, not purchase links. Match P2 material-list treatment. */
#tab-p5#tab-p5 #p5-dalsi-materialy li {
  line-height: 1.72;
  margin-bottom: 20px;
}
#tab-p5#tab-p5 #p5-dalsi-materialy li > strong:first-child {
  display: block;
  margin-bottom: 5px;
  color: var(--forest);
}
#tab-p5#tab-p5 #p5-dalsi-materialy li:last-child { margin-bottom: 0; }
@media (max-width: 760px) {
  #tab-p5#tab-p5.cp-pillar[data-course-layout] #p5-dev-most > h3 { font-size: 20px; }
  #tab-p5#tab-p5.cp-pillar[data-course-layout] #p5-listy .cp-age-body > h3 { font-size: 21px; }
}


/* p5-responsive-r06.css */
/* R06: the three specifically requested responsive corrections, scoped to P5. */
#tab-p5#tab-p5 .duo:has(> #p5-skola):has(> #p5-vyvoj) {
  align-items: stretch;
}
#tab-p5#tab-p5 .duo > :is(#p5-skola, #p5-vyvoj) {
  align-self: stretch;
  height: auto;
}
#tab-p5#tab-p5 #p5-zapis > .prose {
  max-width: none;
  width: 100%;
}
/* The three paragraphs set the height; the entire figure fits alongside them. */
@media (min-width: 761px) {
  #tab-p5#tab-p5 #p5-dev-most {
    display: grid;
    grid-template-columns: minmax(0, 1fr) clamp(220px, 25%, 280px);
    column-gap: 26px;
  }
  #tab-p5#tab-p5 #p5-dev-most > h3 { grid-column: 1 / -1; }
  #tab-p5#tab-p5 #p5-dev-most > p { grid-column: 1; }
  #tab-p5#tab-p5 #p5-dev-most > .p5-r02-development-infographic {
    grid-column: 2;
    grid-row: 2 / span 3;
    align-self: stretch;
    float: none;
    width: auto;
    max-width: none;
    min-height: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  #tab-p5#tab-p5 .p5-r02-development-infographic > a {
    position: relative;
    flex: 1;
    min-height: 0;
    display: block;
  }
  #tab-p5#tab-p5 #p5-dev-most .p5-r02-development-infographic img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom right;
  }
  #tab-p5#tab-p5 .p5-r02-development-infographic figcaption { flex: none; }
}
@media (max-width: 760px) {
  #tab-p5#tab-p5 #p5-dev-most { display: flex; flex-direction: column; }
  #tab-p5#tab-p5 #p5-dev-most > .p5-r02-development-infographic {
    order: 1;
    float: none;
    width: 100%;
    max-width: 260px;
    margin: 16px auto 0;
  }
}


/* p5-components.css */
/* P1 R06 feedback component, selectors renamed to P5 only. */
#tab-p5 .p5-feedback-form{max-width:680px;font-family:var(--sans)}
#tab-p5 .p5-rating{margin:0 0 20px;padding:0;border:0;min-width:0}
#tab-p5 .p5-rating legend,#tab-p5 .p5-comment-label{font:600 15px/1.5 var(--sans);color:#424e2c;margin:0 0 8px;padding:0;display:block}
#tab-p5 .p5-stars{display:flex;align-items:center;flex-wrap:wrap;gap:3px;position:relative}
#tab-p5 .p5-stars input{position:absolute;width:1px;height:1px;opacity:0}
#tab-p5 .p5-stars label{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font:36px/1 var(--sans);color:#afb69e;cursor:pointer;border-radius:7px;margin:0}
#tab-p5 .p5-stars label:hover{background:#edf0e4}
#tab-p5 .p5-stars label.is-filled{color:#59643b}
#tab-p5 .p5-stars input:focus-visible+label{outline:3px solid #6e794d;outline-offset:1px}
#tab-p5 .p5-rating-value{font:400 14px/1.5 var(--sans);color:#626a56;margin-left:12px}
#tab-p5 #p5-feedback-comment{box-sizing:border-box;display:block;width:100%;min-height:116px;resize:vertical;border:1px solid #abb39a;border-radius:10px;background:#fffefa;padding:12px 14px;color:#283122;font:400 16px/1.55 var(--sans)}
#tab-p5 #p5-feedback-comment::placeholder{color:#69725d;opacity:1}
#tab-p5 .p5-preview-note{font:400 13px/1.5 var(--sans);color:#666b5b;margin:12px 0}
#tab-p5 .p5-feedback-submit{border:1px solid #424e2c;border-radius:8px;background:#424e2c;color:white;padding:12px 18px;min-height:44px;font:600 15px/1.4 var(--sans);cursor:pointer}
#tab-p5 .p5-feedback-submit:hover,#tab-p5 .p5-feedback-submit:focus{background:#59643b;color:white}
#tab-p5 .p5-feedback-status{font:500 14px/1.6 var(--sans);color:#424e2c;margin:14px 0 0}
#tab-p5 .p5-feedback-status:empty{display:none}

@media(max-width:760px){#tab-p5 .p5-rating-value{flex-basis:100%;margin:5px 0 0}}
@media print{#tab-p5 .p5-feedback-form{display:none}}


/* p5-formal-r01.css */
#tab-p5#tab-p5 .cp-shared-ladder{
  --cp-ladder-columns: var(--cp-source-columns, 5);
  display: grid;
  grid-template-columns: repeat(var(--cp-ladder-columns), minmax(0, 1fr));
  align-items: stretch;
  gap: 8px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 18px 0 24px;
  padding: 0;
  list-style: none;
}
#tab-p5#tab-p5 .cp-shared-ladder:has(> li:nth-child(9):last-child){
  --cp-ladder-columns: 9;
}
#tab-p5#tab-p5 .cp-shared-ladder > li{
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  min-width: 0;
  margin: 0;
  padding: 12px 7px;
  border: 1px solid #dadfcf;
  border-radius: 10px;
  background: #f6f6ef;
  color: var(--ink, #222);
  text-align: center;
  overflow-wrap: anywhere;
  hyphens: auto;
}
#tab-p5#tab-p5 .cp-shared-ladder .cp-shared-ladder-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 48px;
  max-width: 100%;
  height: 48px;
  margin: 0;
  color: var(--forest);
  font: 700 28px/1 var(--sans);
}
#tab-p5#tab-p5 .cp-shared-ladder .cp-shared-ladder-icon :is(img, svg){
  display: block;
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  height: auto;
  object-fit: contain;
}
#tab-p5#tab-p5 .cp-shared-ladder > li > strong{
  display: block;
  width: 100%;
  color: var(--forest);
  font: 700 14px/1.4 var(--sans);
}
#tab-p5#tab-p5 .cp-shared-ladder > li > span:not(.cp-shared-ladder-icon){
  display: block;
  width: 100%;
  margin-top: auto;
  color: #56614c;
  font: 400 13px/1.45 var(--sans);
}
#tab-p5#tab-p5 .cp-shared-ladder.is-practice{
  margin-top: 14px;
}
@media (max-width: 1279px){#tab-p5#tab-p5 .cp-shared-ladder,#tab-p5#tab-p5 .cp-shared-ladder:has(> li:nth-child(9):last-child){
    --cp-ladder-columns: 5;
  }
}
@media (max-width: 760px){#tab-p5#tab-p5 .cp-shared-ladder,#tab-p5#tab-p5 .cp-shared-ladder:has(> li:nth-child(9):last-child){
    --cp-ladder-columns: 3;
  }
#tab-p5#tab-p5 .cp-shared-ladder > li{ padding: 12px 9px; }
}
@media (max-width: 480px){#tab-p5#tab-p5 .cp-shared-ladder,#tab-p5#tab-p5 .cp-shared-ladder:has(> li:nth-child(9):last-child){
    --cp-ladder-columns: 2;
  }
}
@media print{#tab-p5#tab-p5 .cp-shared-ladder,#tab-p5#tab-p5 .cp-shared-ladder:has(> li:nth-child(9):last-child){
    --cp-ladder-columns: 5;
  }
#tab-p5#tab-p5 .cp-shared-ladder > li{ break-inside: avoid; }
}
#tab-p5#tab-p5 .cp-shared-download{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.95fr);gap:26px;align-items:center;margin:26px 0 34px;padding:22px;border-radius:12px;background:#f5f3e8}
#tab-p5#tab-p5 .cp-shared-download .cp-download-title{margin:0 0 18px}
#tab-p5#tab-p5 .cp-shared-download-button{display:inline-flex;justify-content:center;padding:13px 20px;border-radius:9px;background:var(--forest);color:white;font-size:16px;font-weight:700;text-decoration:none}
#tab-p5#tab-p5 .cp-shared-download figure{margin:0}
#tab-p5#tab-p5 .cp-shared-download img{display:block;width:100%;height:auto;border-radius:10px}
#tab-p5#tab-p5 .cp-shared-download figcaption{font-size:14px;line-height:1.45;color:#566453;margin-top:9px}
#tab-p5#tab-p5 .cp-shared-download-button:focus-visible{outline:3px solid #967142;outline-offset:3px}
@media(max-width:760px){#tab-p5#tab-p5 .cp-shared-download{grid-template-columns:1fr;gap:20px;padding:18px}
#tab-p5#tab-p5 .cp-shared-download figure{max-width:420px}
}
@media print{#tab-p5#tab-p5 .cp-shared-download{grid-template-columns:1fr 52mm!important;gap:6mm;padding:4mm!important;break-inside:avoid!important;margin:5mm 0!important}
#tab-p5#tab-p5 .cp-shared-download .cp-download-title{font-size:12pt!important}
#tab-p5#tab-p5 .cp-shared-download-button{display:none!important}
#tab-p5#tab-p5 .cp-shared-download figcaption{font-size:9pt!important}
}
#tab-p5#tab-p5 .cp-shared-download{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:20px;align-items:center;padding:16px 18px;margin:20px 0 28px;background:var(--cp-disclosure-surface);border:1px solid var(--cp-disclosure-line);border-radius:10px}
#tab-p5#tab-p5 .cp-shared-download>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
#tab-p5#tab-p5 .cp-shared-download .cp-download-title{flex:1 1 280px;font:700 18px/1.4 var(--sans);margin:0}
#tab-p5#tab-p5 .cp-shared-download-button{min-height:44px;padding:11px 15px;font-size:15px;line-height:1.4;flex:0 1 auto}
#tab-p5#tab-p5 .cp-shared-download figure{margin:0;display:contents}
#tab-p5#tab-p5 .cp-shared-download img{grid-column:2;grid-row:1;display:block;width:125px;height:auto;border-radius:7px}
#tab-p5#tab-p5 .cp-shared-download figcaption{grid-column:1/-1;font-size:13px;line-height:1.45;margin:-8px 0 0;color:#566453}
@media(max-width:1000px){#tab-p5#tab-p5 .cp-shared-download>div{display:block}
#tab-p5#tab-p5 .cp-shared-download .cp-download-title{margin-bottom:12px}
}
@media(max-width:760px){#tab-p5#tab-p5 .cp-shared-download{grid-template-columns:minmax(0,1fr) 74px;gap:15px;padding:15px}
#tab-p5#tab-p5 .cp-shared-download img{width:74px}
#tab-p5#tab-p5 .cp-shared-download .cp-download-title{font-size:16px;line-height:1.45}
#tab-p5#tab-p5 .cp-shared-download-button{font-size:14px;padding:10px 12px}
#tab-p5#tab-p5 .cp-shared-download figcaption{font-size:12px;margin:0}
}
@media(max-width:380px){#tab-p5#tab-p5 .cp-shared-download{grid-template-columns:minmax(0,1fr) 60px;gap:10px;padding:12px}
#tab-p5#tab-p5 .cp-shared-download img{width:60px}
}
#tab-p5#tab-p5 .cp-shared-download{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px 22px;max-width:680px;padding:16px;margin:20px 0 26px;align-items:center;background:#f5f4ec;border-color:var(--cp-line);border-radius:14px}
#tab-p5#tab-p5 .cp-shared-download>div{display:flex;flex-direction:column;align-items:flex-start;gap:14px;grid-column:2;grid-row:1;min-width:0}
#tab-p5#tab-p5 .cp-shared-download .cp-download-title{flex:none;font:700 18px/1.4 var(--sans);margin:0;max-width:28ch}
#tab-p5#tab-p5 .cp-shared-download img{grid-column:1;grid-row:1;display:block;width:190px;max-width:100%;height:auto;border-radius:10px}
#tab-p5#tab-p5 .cp-shared-download-button{flex:none;max-width:100%;white-space:normal;text-align:center;background:var(--cp-olive-dark);font-size:14px;line-height:1.4;padding:11px 14px;border-radius:8px}
#tab-p5#tab-p5 .cp-shared-download-button:hover,#tab-p5#tab-p5 .cp-shared-download-button:focus{background:var(--cp-olive);color:white}
#tab-p5#tab-p5 .cp-shared-download figcaption{grid-column:1/-1;grid-row:2;margin:0;font-size:13px;line-height:1.4;color:#5d6653}
@media(max-width:760px){#tab-p5#tab-p5 .cp-shared-download{grid-template-columns:130px minmax(0,1fr);gap:12px 16px;padding:14px}
#tab-p5#tab-p5 .cp-shared-download img{width:130px}
#tab-p5#tab-p5 .cp-shared-download .cp-download-title{font-size:16px}
}
@media(max-width:480px){#tab-p5#tab-p5 .cp-shared-download{grid-template-columns:1fr;max-width:330px;gap:13px;padding:14px}
#tab-p5#tab-p5 .cp-shared-download img{grid-column:1;grid-row:1;width:100%;max-width:240px;justify-self:center}
#tab-p5#tab-p5 .cp-shared-download>div{grid-column:1;grid-row:2;gap:12px;align-items:stretch}
#tab-p5#tab-p5 .cp-shared-download .cp-download-title{max-width:none}
#tab-p5#tab-p5 .cp-shared-download figcaption{grid-row:3;font-size:12px}
}

/* P5 source examples form a third text line, in the same P2 description role. */
#tab-p5#tab-p5 .cp-shared-ladder-example {font:400 13px/1.45 var(--sans);color:#56614c;margin:0;width:100%;}
#tab-p5#tab-p5 .cp-shared-ladder-icon:has(img+img) img {width:48%;height:auto;}
#tab-p5#tab-p5 .cp-shared-ladder-icon .p5-ladder-symbol {font:700 28px/1 var(--sans);}
/* Direct user request: true hero wrap, intrinsic photo geometry. */
#tab-p5#tab-p5 .pl-hero-split {display:flow-root;}
#tab-p5#tab-p5 .pl-hero-photo {float:right;width:36%;max-width:390px;margin:0 0 18px 30px;}
#tab-p5#tab-p5 .pl-hero-photo img {display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;}
#tab-p5#tab-p5 .pl-hero-text .prose {max-width:none;}
#tab-p5#tab-p5 .pl-hero-text .prose p {max-width:none;}
#tab-p5#tab-p5 #p5-zaklady>.prose {display:flow-root;}
#tab-p5#tab-p5 .p5-method-float {float:right;width:290px;max-width:36%;margin:0 0 18px 26px;}
#tab-p5#tab-p5 .p5-method-float h3 {font:700 18px/1.35 var(--sans);margin:0 0 12px;}
#tab-p5#tab-p5 .p5-method-float figure {margin:0;}
#tab-p5#tab-p5 .p5-method-float img {display:block;width:100%;height:auto;}
/* Match P2 inner hierarchy and continuous prose. */
#tab-p5#tab-p5 #p5-prehled [data-guide-role="development-age"]>summary h3 {font-family:var(--sans);}
#tab-p5#tab-p5 #p5-prehled .cp-age-body>div>h3 {margin:0 0 12px;color:#36533e;font:700 21px/1.35 var(--sans);}
#tab-p5#tab-p5 #p5-prehled .cp-age-body>div:first-child>h3 {margin:0 0 16px;color:#36533e;font:700 24px/1.35 var(--sans);}
#tab-p5#tab-p5 :is(#p5-prehled,#p5-zvidave,#p5-zaklady) .cp-topic {border-top:0;padding-top:0;}
#tab-p5#tab-p5 :is(#p5-zaklady,#p5-dalsi-materialy,#p5-zpetna-vazba)>.sec-head h2 {max-width:35ch;font-size:clamp(25px,2.4vw,33px);line-height:1.25;}
#tab-p5#tab-p5 .prose :is(p,li) a:not(.cp-link):not(.cp-shared-download-button) {color:var(--ink,#222);font-weight:700;text-decoration:underline;text-underline-offset:.16em;}
#tab-p5#tab-p5 .cp-age-body h3 a {color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;}
#tab-p5#tab-p5 .cp-shared-download-button {text-decoration:none;}
#tab-p5#tab-p5 .cp-shared-download .cp-download-title {color:var(--forest);}
@media(max-width:760px){
 #tab-p5#tab-p5 .pl-hero-photo {float:none;width:100%;max-width:320px;margin:0 auto 20px;}
 #tab-p5#tab-p5 .p5-method-float {float:none;width:240px;max-width:100%;margin:0 auto 20px;}
 #tab-p5#tab-p5 #p5-prehled .cp-age-body>div>h3 {font-size:20px;}
 #tab-p5#tab-p5 #p5-prehled .cp-age-body>div:first-child>h3 {font-size:21px;}
}


/* p5-text-r02.css */
/* P5 DOCX feedback R02 only. Previous shared components remain unchanged. */
#tab-p5#tab-p5 .p5-r02-science-preview{margin:0 0 22px;}
#tab-p5#tab-p5 .p5-r02-summary-text{min-width:0;}
#tab-p5#tab-p5 .p5-r02-summary-text h3{margin:0 0 7px;font:700 22px/1.35 var(--sans);color:var(--forest);}
#tab-p5#tab-p5 .p5-r02-summary-text p{margin:0;font:400 14px/1.55 var(--sans);color:var(--muted);}
#tab-p5#tab-p5 .p5-r02-timing-intro{font:400 16px/1.65 var(--sans);margin:0 0 18px;}
#tab-p5#tab-p5 .p5-r02-bridge{display:flow-root;}
#tab-p5#tab-p5 .p5-r02-development-infographic{float:right;width:340px;max-width:38%;margin:0 0 20px 26px;}
#tab-p5#tab-p5 .p5-r02-development-infographic img{display:block;width:100%;height:auto;border-radius:12px;}
#tab-p5#tab-p5 .p5-r02-development-infographic figcaption{font:400 12px/1.45 var(--sans);color:var(--muted);margin-top:8px;}
#tab-p5#tab-p5 .p5-r02-development-infographic a{display:block;}
@media(max-width:760px){#tab-p5#tab-p5 .p5-r02-summary-text h3{font-size:20px;}#tab-p5#tab-p5 .p5-r02-development-infographic{float:none;width:100%;max-width:300px;margin:0 auto 20px;}}


/* p6-components.css */
/* Exact P1 feedback component scoped to P6. Shared package unmodified.
R02-authorized ladders are in p6-shared-ladder.css, sourced from frozen P2 R03. */
#tab-p6 .p6-feedback-form{max-width:680px;font-family:var(--sans)}
#tab-p6 .p6-rating{margin:0 0 20px;padding:0;border:0;min-width:0}
#tab-p6 .p6-rating legend,#tab-p6 .p6-comment-label{font:600 15px/1.5 var(--sans);color:#424e2c;margin:0 0 8px;padding:0;display:block}
#tab-p6 .p6-stars{display:flex;align-items:center;flex-wrap:wrap;gap:3px;position:relative}
#tab-p6 .p6-stars input{position:absolute;width:1px;height:1px;opacity:0}
#tab-p6 .p6-stars label{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font:36px/1 var(--sans);color:#afb69e;cursor:pointer;border-radius:7px;margin:0}
#tab-p6 .p6-stars label:hover{background:#edf0e4}
#tab-p6 .p6-stars label.is-filled{color:#59643b}
#tab-p6 .p6-stars input:focus-visible+label{outline:3px solid #6e794d;outline-offset:1px}
#tab-p6 .p6-rating-value{font:400 14px/1.5 var(--sans);color:#626a56;margin-left:12px}
#tab-p6 #p6-feedback-comment{box-sizing:border-box;display:block;width:100%;min-height:116px;resize:vertical;border:1px solid #abb39a;border-radius:10px;background:#fffefa;padding:12px 14px;color:#283122;font:400 16px/1.55 var(--sans)}
#tab-p6 #p6-feedback-comment::placeholder{color:#69725d;opacity:1}
#tab-p6 .p6-preview-note{font:400 13px/1.5 var(--sans);color:#666b5b;margin:12px 0}
#tab-p6 .p6-feedback-submit{border:1px solid #424e2c;border-radius:8px;background:#424e2c;color:white;padding:12px 18px;min-height:44px;font:600 15px/1.4 var(--sans);cursor:pointer}
#tab-p6 .p6-feedback-submit:hover,#tab-p6 .p6-feedback-submit:focus{background:#59643b;color:white}
#tab-p6 .p6-feedback-status{font:500 14px/1.6 var(--sans);color:#424e2c;margin:14px 0 0}
#tab-p6 .p6-feedback-status:empty{display:none}
@media(max-width:760px){#tab-p6 .p6-rating-value{flex-basis:100%;margin:5px 0 0}}
@media print{#tab-p6 .p6-feedback-form{display:none}}


/* p6-shared-ladder.css */
/* P6 R02 authorized ladder component only. Exact P2 presentation declarations;
   selector/class/variable names scoped to P6; own source count is five.
   Reference SHA256: 0fcd09c5f031d6a12bb23a24fd49d09826c8acab9369f0b2876509f38f611c5b. No other pillar runtime dependency. */
#tab-p6#tab-p6 .cp-shared-ladder {
  --cp-ladder-columns: 5;
  display: grid;
  grid-template-columns: repeat(var(--cp-ladder-columns), minmax(0, 1fr));
  align-items: stretch;
  gap: 8px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 18px 0 24px;
  padding: 0;
  list-style: none;
}

#tab-p6#tab-p6 .cp-shared-ladder > li {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  min-width: 0;
  margin: 0;
  padding: 12px 7px;
  border: 1px solid #dadfcf;
  border-radius: 10px;
  background: #f6f6ef;
  color: var(--ink, #222);
  text-align: center;
  overflow-wrap: anywhere;
  hyphens: auto;
}

#tab-p6#tab-p6 .cp-shared-ladder .cp-shared-ladder-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 48px;
  max-width: 100%;
  height: 48px;
  margin: 0;
  color: var(--forest);
  font: 700 28px/1 var(--sans);
}

#tab-p6#tab-p6 .cp-shared-ladder .cp-shared-ladder-icon :is(img, svg) {
  display: block;
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  height: auto;
  object-fit: contain;
}

#tab-p6#tab-p6 .cp-shared-ladder > li > strong {
  display: block;
  width: 100%;
  color: var(--forest);
  font: 700 14px/1.4 var(--sans);
}

#tab-p6#tab-p6 .cp-shared-ladder > li > span:not(.cp-shared-ladder-icon) {
  display: block;
  width: 100%;
  margin-top: auto;
  color: #56614c;
  font: 400 13px/1.45 var(--sans);
}

#tab-p6#tab-p6 .cp-shared-ladder.is-practice {
  margin-top: 14px;
}

@media (max-width: 1279px){
#tab-p6#tab-p6 .cp-shared-ladder {
    --cp-ladder-columns: 5;
  }
}

@media (max-width: 760px){
#tab-p6#tab-p6 .cp-shared-ladder {
    --cp-ladder-columns: 3;
  }

#tab-p6#tab-p6 .cp-shared-ladder > li { padding: 12px 9px; }
}

@media (max-width: 480px){
#tab-p6#tab-p6 .cp-shared-ladder {
    --cp-ladder-columns: 2;
  }
}

@media print{
#tab-p6#tab-p6 .cp-shared-ladder {
    --cp-ladder-columns: 5;
  }

#tab-p6#tab-p6 .cp-shared-ladder > li { break-inside: avoid; }
}


/* p6-revision-r01.css */
/* P6 user revision R01: scoped presentation transfer from verified P2/P4/P5.
   Shared template, other chapters, headings and source graphics remain intact. */
#tab-p6#tab-p6 .pl-hero-split{display:flow-root}
#tab-p6#tab-p6 .pl-hero-photo{float:right;width:36%;max-width:390px;margin:0 0 18px 30px}
#tab-p6#tab-p6 .pl-hero-photo img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
#tab-p6#tab-p6 .pl-hero-text .prose,#tab-p6#tab-p6 .pl-hero-text .prose p{max-width:none}
#tab-p6#tab-p6 .p6-science-title{display:block;font:700 22px/1.35 var(--sans);margin:0 0 7px;color:var(--cp-disclosure-ink)}
#tab-p6#tab-p6 .p6-science-hint{display:block;font:400 14px/1.55 var(--sans);color:#5d6653;margin:0}
#tab-p6#tab-p6 #p6-vyvoj>.p6-window-intro{font:400 16px/1.65 var(--sans);margin:0 0 20px}
#tab-p6#tab-p6 :is(#p6-prehled,#p6-zvidave,#p6-zaklady) .cp-topic{border-top:0;padding-top:0}
#tab-p6#tab-p6 #p6-prehled .cp-age-body>div:not(.cp-callout)>h3{margin:0 0 12px;color:#36533e;font:700 21px/1.35 var(--sans)}
#tab-p6#tab-p6 #p6-prehled .cp-age-body>div:first-child>h3{margin:0 0 16px;font:700 24px/1.35 var(--sans)}
#tab-p6#tab-p6 #p6-prehled>.prose>.cp-topic>h3{font:700 clamp(20px,2vw,25px)/1.25 var(--serif);margin:24px 0 12px}
#tab-p6#tab-p6 #p6-listy .cp-age-body>.cp-topic>h3{font:700 23px/1.4 var(--sans)}
#tab-p6#tab-p6 #p6-listy .cp-age-body>.cp-topic:has(.p6-ladder)>h3{font:700 20px/1.4 var(--sans)}
#tab-p6#tab-p6 :is(#p6-zaklady,#p6-dalsi-materialy,#p6-zpetna-vazba)>.sec-head h2{max-width:none;font-size:clamp(25px,2.4vw,33px);line-height:1.25}
/* Links inside a sentence must wrap with that sentence. The shared component
   remains a touch target for independent navigation links outside prose. */
#tab-p6#tab-p6 .prose p>a.cp-link{display:inline;min-height:0;padding:0;font:inherit;font-weight:600;text-underline-offset:3px}
/* Current P2/P4/P5 compact workbook card, including mobile stacking. */
#tab-p6#tab-p6 .cp-shared-download{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px 22px;max-width:680px;padding:16px;margin:20px 0 26px;align-items:center;background:#f5f4ec;border:1px solid var(--cp-line);border-radius:14px}
#tab-p6#tab-p6 .cp-shared-download>div{display:flex;flex-direction:column;align-items:flex-start;gap:14px;grid-column:2;grid-row:1;min-width:0}
#tab-p6#tab-p6 .cp-shared-download .cp-download-title{flex:none;font:700 18px/1.4 var(--sans);color:var(--forest);margin:0;max-width:28ch}
#tab-p6#tab-p6 .cp-shared-download figure{margin:0;display:contents}
#tab-p6#tab-p6 .cp-shared-download img{grid-column:1;grid-row:1;display:block;width:190px;max-width:100%;height:auto;border-radius:10px}
#tab-p6#tab-p6 .cp-shared-download-button{display:inline-flex;justify-content:center;min-height:44px;flex:none;max-width:100%;white-space:normal;text-align:center;background:var(--cp-olive-dark);color:#fff;font:700 14px/1.4 var(--sans);padding:11px 14px;border-radius:8px;text-decoration:none}
#tab-p6#tab-p6 .cp-shared-download-button:hover,#tab-p6#tab-p6 .cp-shared-download-button:focus{background:var(--cp-olive);color:#fff}
#tab-p6#tab-p6 .cp-shared-download-button:focus-visible{outline:3px solid #967142;outline-offset:3px}
#tab-p6#tab-p6 .cp-shared-download figcaption{grid-column:1/-1;grid-row:2;margin:0;font:400 13px/1.4 var(--sans);color:#5d6653}
@media(max-width:760px){
 #tab-p6#tab-p6 .pl-hero-text{display:flex;flex-direction:column}
 #tab-p6#tab-p6 .pl-hero-text .plbadge{order:0;align-self:flex-start}
 #tab-p6#tab-p6 .pl-hero-text h1{order:1}
 #tab-p6#tab-p6 .pl-hero-text .prose{order:3}
 #tab-p6#tab-p6 .pl-hero-photo{order:2;float:none;width:100%;max-width:320px;margin:0 auto 20px}
 #tab-p6#tab-p6 .p6-science-title{font-size:20px}
 #tab-p6#tab-p6 #p6-prehled .cp-age-body>div:not(.cp-callout)>h3{font-size:20px}
 #tab-p6#tab-p6 #p6-prehled .cp-age-body>div:first-child>h3{font-size:21px}
 #tab-p6#tab-p6 #p6-listy .cp-age-body>.cp-topic>h3{font-size:21px}
 #tab-p6#tab-p6 #p6-listy .cp-age-body>.cp-topic:has(.p6-ladder)>h3{font-size:19px}
 #tab-p6#tab-p6 .cp-shared-download{grid-template-columns:130px minmax(0,1fr);gap:12px 16px;padding:14px}
 #tab-p6#tab-p6 .cp-shared-download img{width:130px}
 #tab-p6#tab-p6 .cp-shared-download .cp-download-title{font-size:16px}
}
@media(max-width:480px){
 #tab-p6#tab-p6 .cp-shared-download{grid-template-columns:1fr;max-width:330px;gap:13px;padding:14px}
 #tab-p6#tab-p6 .cp-shared-download img{grid-column:1;grid-row:1;width:100%;max-width:240px;justify-self:center}
 #tab-p6#tab-p6 .cp-shared-download>div{grid-column:1;grid-row:2;gap:12px;align-items:stretch}
 #tab-p6#tab-p6 .cp-shared-download .cp-download-title{max-width:none}
 #tab-p6#tab-p6 .cp-shared-download figcaption{grid-row:3;font-size:12px}
}
@media print{
 #tab-p6#tab-p6 .cp-shared-download{grid-template-columns:52mm 1fr!important;gap:6mm;padding:4mm!important;break-inside:avoid!important;margin:5mm 0!important}
 #tab-p6#tab-p6 .cp-shared-download-button{display:none!important}
}


/* p6-revision-r02.css */
/* P6 R02: explicit final DOCX feedback; scoped to the P6 chapter. */
#tab-p6#tab-p6 #p6-zacatek{border-bottom:0}
#tab-p6#tab-p6 .cp-topic{border-top:0;padding-top:0}
#tab-p6#tab-p6 #p6-proc .compare-stack{gap:10px;margin:6px 0 0}
#tab-p6#tab-p6 #p6-proc .compare-stack>.cp-callout{margin:0;padding:14px;border-radius:11px}
#tab-p6#tab-p6 #p6-proc .compare-stack>.cp-callout>p{font-size:13.5px;line-height:1.6;margin:0}
#tab-p6#tab-p6 #p6-B011{font-size:15.5px;font-weight:600;color:var(--forest);margin:0 0 4px}
#tab-p6#tab-p6 #p6-listy>.prose li strong{color:var(--cp-olive-dark)}
#tab-p6#tab-p6 .p6-study-source{font-size:.83em;white-space:normal;text-underline-offset:3px}


/* p6-revision-r04.css */
/* P6 R04: one-step enlargement matching the course's image overlay. */
#tab-p6#tab-p6 #p6-B091>a{display:block;line-height:0;cursor:zoom-in;border-radius:14px}
#tab-p6#tab-p6 #p6-B091>a:focus-visible{outline:3px solid var(--cp-olive-dark);outline-offset:5px}
#tab-p6#tab-p6 #p6-B091 img{display:block;width:100%;height:auto}
#tab-p6#tab-p6 #p6-B091 figcaption{font:600 13px/1.5 var(--sans);color:var(--cp-olive-dark);text-align:center;margin:10px 0 0}
#p6-infographic-dialog{width:max-content;height:max-content;max-width:96vw;max-height:82dvh;margin:auto;padding:0;border:0;background:transparent;overflow:visible}
#p6-infographic-dialog::backdrop{background:rgba(22,16,8,.88)}
#p6-infographic-dialog>img{display:block;width:auto;height:auto;max-width:96vw;max-height:82dvh;object-fit:contain;border-radius:10px;box-shadow:0 22px 60px rgba(0,0,0,.55)}
#p6-infographic-dialog>[data-p6-close]{position:fixed;top:14px;right:22px;z-index:2;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border:0;border-radius:6px;background:transparent;color:#fff;font:400 34px/1 Arial,sans-serif;cursor:pointer}
#p6-infographic-dialog>[data-p6-close]:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media print{#p6-infographic-dialog{display:none!important}#tab-p6#tab-p6 #p6-B091 figcaption{display:none}}


/* p6-revision-r07.css */
/* P6 R07: compact rhythm and fluid text, correcting the R06 reading-width cap. */
#tab-p6#tab-p6 .prose,
#tab-p6#tab-p6 .pl-hero-text .prose {line-height:1.6;max-width:none}
#tab-p6#tab-p6 .prose p,
#tab-p6#tab-p6 .pl-hero-text .prose p {max-width:none;margin-bottom:.8em}
#tab-p6#tab-p6 .prose ul:not(.p6-ladder),
#tab-p6#tab-p6 .prose ol:not(.p6-ladder) {max-width:none;padding-left:1.4em;margin:.55em 0 .85em}
#tab-p6#tab-p6 .prose li:not([data-guide-role="ladder-rung"]) + li:not([data-guide-role="ladder-rung"]) {margin-top:.35em}
#tab-p6#tab-p6 .p6-reading-part {display:block;margin-top:.5em}
#tab-p6#tab-p6 :is(#p6-R01-T006,#p6-R01-T007,#p6-R01-T008) {margin-top:1em;margin-bottom:1em}
#tab-p6#tab-p6 :is(#p6-R01-T006,#p6-R01-T007,#p6-R01-T008)>strong:first-child {display:block;margin-bottom:.2em;color:var(--forest)}
#tab-p6#tab-p6 :is(#p6-R01-T006,#p6-R01-T007,#p6-R01-T008)>br {display:none}
#tab-p6#tab-p6 #p6-proc .compare-stack>.cp-callout>p {font-size:15px;line-height:1.6}
#tab-p6#tab-p6 #p6-science-detail .p6-science-hint {display:block;max-width:none;margin-top:.35em;font:400 16px/1.5 var(--sans);color:#4d5945}
#tab-p6#tab-p6 #p6-science-detail .p6-science-title {margin-bottom:0}
#tab-p6#tab-p6 #p6-dalsi-materialy .cp-topic {margin-top:1.4em}
#tab-p6#tab-p6 #p6-dalsi-materialy li {line-height:1.6}
#tab-p6#tab-p6 #p6-dalsi-materialy li>strong {color:var(--forest)}
/* Stretch the two outer panels together, without scaling their contents. */
#tab-p6#tab-p6 .duo {align-items:stretch}
#tab-p6#tab-p6 .duo>.sec {align-self:stretch;height:auto}
@media(max-width:760px){
 #tab-p6#tab-p6 #p6-science-detail .cp-summary {align-items:flex-start;gap:12px}
 #tab-p6#tab-p6 #p6-science-detail .cp-disclosure-state {margin-top:4px}
}


/* p7-components.css */
/* P7 content component geometry. Immutable PILIR_WEB_R01 supplies the layout.
   Floats, download and feedback geometry follow P1 R12; native five-step strips
   and intrinsic image dimensions implement consumed feedback 007/013/016/017. */
#tab-p7 .p7-flow-photo{float:right;width:32%;max-width:300px;margin:0 0 16px 26px}
#tab-p7 .p7-flow-photo img{display:block;width:100%;height:auto;border-radius:12px}
#tab-p7 .p7-flow-photo figcaption{font-size:12px;line-height:1.5;color:var(--muted);margin-top:8px}
#tab-p7 .cp-age-body,#tab-p7 .cp-topic,#tab-p7 .p7-workbook-intro,#tab-p7 .p7-development-intro{display:flow-root}
#tab-p7 .cp-age-body h3{font:700 22px/1.3 var(--sans);color:var(--forest);margin:24px 0 14px}
#tab-p7 .cp-age-body>h3:first-child{margin-top:0}
#tab-p7 .cp-detail-body h4{font:700 18px/1.4 var(--sans);margin:22px 0 10px;color:var(--forest)}
#tab-p7 .p7-contrast{padding:13px 15px;border-radius:10px;background:#edf0e8;font-size:14px;line-height:1.6}
#tab-p7 .p7-contrast.negative{background:#f5ede8}
#tab-p7 .p7-contrast-title{display:block;text-transform:uppercase;color:var(--forest);font-size:12px;margin-bottom:6px}
#tab-p7 .p7-contrast.negative .p7-contrast-title{color:#9b5145}
#tab-p7 .prose a{color:#424e2c;font-weight:700;text-decoration:underline;text-underline-offset:3px}
#tab-p7 .prose a:focus-visible{outline:3px solid #6e794d;outline-offset:3px}
#tab-p7 #p7-kde-zacit .p7-routes>.cp-card{display:grid;grid-template-rows:auto 1fr auto auto;gap:10px}
#tab-p7 #p7-kde-zacit .p7-routes h3{margin:0}
#tab-p7 .p7-routes ul{margin:0;padding-left:20px;font:400 16px/1.5 var(--sans)}
#tab-p7 .p7-routes li{margin:0 0 9px}
#tab-p7 .p7-route-art{height:140px;display:flex;align-items:center;justify-content:center}
#tab-p7 .p7-route-art img{width:140px;height:140px;object-fit:contain}
#tab-p7 #p7-kde-zacit .p7-routes .cp-link{margin:0}
#tab-p7 #p7-proc .cojeg-foto img{width:100%;height:auto;aspect-ratio:1000 / 646}
#tab-p7 .p7-top-duo{align-items:stretch}
#tab-p7 .p7-top-duo>.sec{display:flex;flex-direction:column}
#tab-p7 .p7-top-duo #p7-vyvoj .devwin{flex:1}
#tab-p7 .p7-duo-citation{font:400 12.5px/1.5 var(--sans);color:var(--muted);margin:-8px 0 28px}
#tab-p7 .p7-download{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px 22px;max-width:680px;padding:16px;margin:20px 0 26px;align-items:center;background:#f5f4ec;border:1px solid #d9ddce;border-radius:14px}
#tab-p7 .p7-download>div{display:flex;flex-direction:column;align-items:flex-start;gap:14px;grid-column:2;grid-row:1;min-width:0}
#tab-p7 .p7-download h4{font:700 18px/1.4 var(--sans);margin:0;max-width:28ch}
#tab-p7 .p7-download img{grid-column:1;grid-row:1;display:block;width:190px;max-width:100%;height:auto;border-radius:10px}
#tab-p7 .p7-download-button{max-width:100%;white-space:normal;text-align:center;background:#424e2c;color:#fff!important;font:600 14px/1.4 var(--sans);padding:11px 14px;border-radius:8px;text-decoration:none!important}
#tab-p7 .p7-download-button:is(:hover,:focus){background:#59643b;color:white}
#tab-p7 .p7-download figcaption{grid-column:1/-1;grid-row:2;margin:0;font-size:13px;line-height:1.4;color:#5d6653}
#tab-p7 .p7-feedback-form{max-width:680px;font-family:var(--sans)}
#tab-p7 .p7-rating{margin:0 0 20px;padding:0;border:0;min-width:0}
#tab-p7 .p7-rating legend,#tab-p7 .p7-comment-label{font:600 15px/1.5 var(--sans);color:#424e2c;margin:0 0 8px;padding:0;display:block}
#tab-p7 .p7-stars{display:flex;align-items:center;flex-wrap:wrap;gap:3px;position:relative}
#tab-p7 .p7-stars input{position:absolute;width:1px;height:1px;opacity:0}
#tab-p7 .p7-stars label{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font:36px/1 var(--sans);color:#afb69e;cursor:pointer;border-radius:7px;margin:0}
#tab-p7 .p7-stars label:hover{background:#edf0e4}
#tab-p7 .p7-stars label.is-filled{color:#59643b}
#tab-p7 .p7-stars input:focus-visible+label{outline:3px solid #6e794d;outline-offset:1px}
#tab-p7 .p7-rating-value{font:400 14px/1.5 var(--sans);color:#626a56;margin-left:12px}
#tab-p7 #p7-feedback-comment{box-sizing:border-box;display:block;width:100%;min-height:116px;resize:vertical;border:1px solid #abb39a;border-radius:10px;background:#fffefa;padding:12px 14px;color:#283122;font:400 16px/1.55 var(--sans)}
#tab-p7 #p7-feedback-comment::placeholder{color:#69725d;opacity:1}
#tab-p7 .p7-preview-note{font:400 13px/1.5 var(--sans);color:#666b5b;margin:12px 0}
#tab-p7 .p7-feedback-submit{border:1px solid #424e2c;border-radius:8px;background:#424e2c;color:white;padding:12px 18px;min-height:44px;font:600 15px/1.4 var(--sans);cursor:pointer}
#tab-p7 .p7-feedback-submit:is(:hover,:focus){background:#59643b;color:white}
#tab-p7 .p7-feedback-status{font:500 14px/1.6 var(--sans);color:#424e2c;margin:14px 0 0}
#tab-p7 .p7-feedback-status:empty{display:none}
@media(max-width:760px){
 #tab-p7 .p7-flow-photo{float:none;width:240px;max-width:100%;margin:0 auto 20px}
 
 #tab-p7 .p7-download{grid-template-columns:130px minmax(0,1fr);gap:12px 16px;padding:14px}
 #tab-p7 .p7-download img{width:130px}
 #tab-p7 .p7-download h4{font-size:16px}
}
@media(max-width:480px){
 
 #tab-p7 .p7-download{grid-template-columns:1fr;max-width:330px;gap:13px;padding:14px}
 #tab-p7 .p7-download img{grid-column:1;grid-row:1;width:100%;max-width:240px;justify-self:center}
 #tab-p7 .p7-download>div{grid-column:1;grid-row:2;gap:12px;align-items:stretch}
 #tab-p7 .p7-download h4{max-width:none}
 #tab-p7 .p7-download figcaption{grid-row:3;font-size:12px}
 #tab-p7 .p7-rating-value{flex-basis:100%;margin:5px 0 0}
}

/* R05: each science illustration stays with its own topic. */
#tab-p7 #p7-science .cp-detail-body{display:flow-root}
#tab-p7 #p7-science .cp-detail-body>h3{clear:both}

/* Current explicit P7 requests: P4 hero flow, actual intro icons and native previews. */
#tab-p7 #p7-zacatek.pl-hero-split{display:block}
#tab-p7 #p7-zacatek .pl-hero-text{display:flow-root;max-width:none}
#tab-p7 #p7-zacatek .pl-hero-photo{float:right;width:36%;max-width:400px;margin:0 0 20px 30px}
#tab-p7 #p7-zacatek .pl-hero-photo img{width:100%;height:auto}
#tab-p7 #p7-zacatek h1{max-width:none}
#tab-p7 #p7-prehled .cp-summary-copy h2,#tab-p7 #p7-listy .cp-summary-copy h3{margin:0;font:700 21px/1.35 var(--sans);color:inherit;letter-spacing:0;text-transform:none}
#tab-p7 #p7-prehled .cp-age-body>h3.p7-topic-heading{font:700 21px/1.35 var(--sans);margin:28px 0 12px}
#tab-p7 #p7-prehled .cp-age-body>h3.p7-age-heading{font-size:24px;margin-top:0}
#tab-p7 #p7-prehled #p7-dev-most{font:700 clamp(20px,2vw,25px)/1.25 var(--serif);margin:24px 0 12px;clear:both}
#tab-p7 #p7-zaklady h3{font:700 22px/1.3 var(--sans);margin:24px 0 12px}
#tab-p7 #p7-zaklady .prose{display:flow-root}
#tab-p7 #p7-listy .cp-age-body>.p7-practice-guide-heading{font:700 23px/1.4 var(--sans);margin:26px 0 12px}
#tab-p7 .cp-callout[data-cp-tone="warning"]>h3{font:700 20px/1.35 var(--sans);color:#795441;margin:0 0 12px}
#tab-p7 .cp-callout[data-cp-tone="warning"]{clear:both}
#tab-p7 #p7-proc .p7-contrast{font:400 16px/1.65 var(--sans);margin-top:12px}
#tab-p7 #p7-proc .p7-contrast-title{font:800 11px/1.5 var(--sans)}
#tab-p7 #p7-proc .p7-contrast.negative .p7-contrast-title{color:#c0392b}
#tab-p7 #p7-proc .cojeg-foto img{aspect-ratio:1000/666}
#tab-p7 .p7-flow-photo figcaption,#tab-p7 #p7-proc .cojeg-foto figcaption{font:400 12px/1.4 var(--sans)}
#tab-p7 .prose a{color:var(--ink)}
#tab-p7 .sec-head img{display:block;width:100%;height:100%;object-fit:contain}
#tab-p7 #p7-dalsi-materialy .prose>h3{font:700 22px/1.25 var(--serif)}
@media(max-width:760px){
 #tab-p7 #p7-zacatek .pl-hero-text{display:flex;flex-direction:column}
 #tab-p7 #p7-zacatek .plbadge{order:0;align-self:flex-start}
 #tab-p7 #p7-zacatek h1{order:1}
 #tab-p7 #p7-zacatek .pl-hero-photo{order:2;float:none;width:100%;max-width:400px;margin:8px auto 20px}
 #tab-p7 #p7-zacatek .prose{order:3}
 #tab-p7 #p7-prehled .cp-summary-copy h2,#tab-p7 #p7-listy .cp-summary-copy h3{font-size:19px}
 #tab-p7 #p7-prehled .cp-age-body>h3.p7-topic-heading{font-size:20px}
 #tab-p7 #p7-prehled .cp-age-body>h3.p7-age-heading{font-size:21px}
 #tab-p7 #p7-listy .cp-age-body>.p7-practice-guide-heading{font-size:21px}
}
#tab-p7 #p7-prehled .cp-topic{border:0;padding:0;margin:0;display:block}
#tab-p7 #p7-prehled .cp-topic>h3{font:700 21px/1.35 var(--sans);margin:28px 0 12px}
@media(max-width:760px){#tab-p7 #p7-prehled .cp-topic>h3{font-size:20px}}
/* Final independent benchmark: match P2/P4 semantic heading roles and P4 download geometry. */
#tab-p7 #p7-zaklady .sec-head h2,#tab-p7 #p7-dalsi-materialy .sec-head h2,#tab-p7 #p7-zpetna-vazba .sec-head h2{font:700 clamp(25px,2.4vw,33px)/1.25 var(--serif);max-width:35ch}
#tab-p7 #p7-prehled .cp-age-body>h3.p7-age-heading{line-height:1.35;color:#36533e}
#tab-p7 #p7-prehled .cp-topic>h3{color:#36533e}
#tab-p7 .p7-download{padding:18px;border-radius:12px}

/* Feedback 014: explanation above timeline; subtitle inside the science banner. */
#tab-p7 .p7-science-description{display:block;font:400 15px/1.55 var(--sans);color:var(--muted);margin-top:6px}
#tab-p7 .p7-timing-intro{margin-bottom:18px}
#tab-p7 .p7-timing-intro p{margin:0}


/* p7-ladder.css */
/* P7 native ladders — formal component from P2-F004.
 * Reference: _work/2026-09-15_P2_FRESH_R01_01a0a6e3/site/p2-feedback-r01.css
 * SHA-256: 0fcd09c5f031d6a12bb23a24fd49d09826c8acab9369f0b2876509f38f611c5b
 * Own P7 source: five rungs in each age. Subject matter and icons are not copied.
 * All visual declarations match the P2 role, except own five-column count,
 * P7-scoped names, and requested tablet breakpoint 768px rather than 760px.
 * Load after local component CSS. Shared immutable template files stay unchanged.
 */
#tab-p7 .p7-ladder {
  --p7-ladder-columns: 5;
  display: grid;
  grid-template-columns: repeat(var(--p7-ladder-columns), minmax(0, 1fr));
  align-items: stretch;
  gap: 8px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 18px 0 24px;
  padding: 0;
  list-style: none;
}
#tab-p7 .p7-ladder > li {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  min-width: 0;
  margin: 0;
  padding: 12px 7px;
  border: 1px solid #dadfcf;
  border-radius: 10px;
  background: #f6f6ef;
  color: var(--ink, #222);
  text-align: center;
  overflow-wrap: anywhere;
  hyphens: auto;
}
#tab-p7 .p7-ladder .p7-ladder-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 48px;
  max-width: 100%;
  height: 48px;
  margin: 0;
  color: var(--forest);
  font: 700 28px/1 var(--sans);
}
#tab-p7 .p7-ladder .p7-ladder-icon :is(img, svg) {
  display: block;
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  height: auto;
  object-fit: contain;
}
#tab-p7 .p7-ladder > li > strong {
  display: block;
  width: 100%;
  color: var(--forest);
  font: 700 14px/1.4 var(--sans);
}
#tab-p7 .p7-ladder > li > span:not(.p7-ladder-icon) {
  display: block;
  width: 100%;
  margin-top: auto;
  color: #56614c;
  font: 400 13px/1.45 var(--sans);
}
#tab-p7 .p7-ladder.is-practice {
  margin-top: 14px;
}
@media (max-width: 768px) {
  #tab-p7 .p7-ladder { --p7-ladder-columns: 3; }
  #tab-p7 .p7-ladder > li { padding: 12px 9px; }
}
@media (max-width: 480px) {
  #tab-p7 .p7-ladder { --p7-ladder-columns: 2; }
}
@media print {
  #tab-p7 .p7-ladder { --p7-ladder-columns: 5; }
  #tab-p7 .p7-ladder > li { break-inside: avoid; }
}


/* p8-components.css */
/* P8-only components. Shared PILIR_WEB_R01 files remain byte-identical.
   Authority: R02 native ladder contract and user's current hero-wrap,
   Intro icons, P4 download previews and contextual illustrations request. */
#tab-p8.cp-pillar[data-course-layout="p1-r12-v1"] .p8-hero.pl-hero-split{display:block}
#tab-p8 .p8-hero .pl-hero-text{display:flow-root}
#tab-p8.cp-pillar[data-course-layout="p1-r12-v1"] .p8-hero .pl-hero-photo{float:right;width:36%;max-width:350px;margin:0 0 20px 24px}
#tab-p8 .p8-flow{display:flow-root}
#tab-p8 .p8-photo{float:right;width:36%;max-width:340px;margin:0 0 20px 24px}
#tab-p8 .p8-photo img{display:block;width:100%;height:auto;border-radius:12px}
#tab-p8 .p8-photo figcaption,#tab-p8 .cojeg-foto figcaption{font:400 12px/1.4 var(--sans);color:var(--muted);margin-top:8px}
#tab-p8 .prose a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}
#tab-p8 .prose a:focus-visible{outline:3px solid #6e794d;outline-offset:3px}
#tab-p8 .p8-contrast-title{display:block;font:800 11px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--forest);margin-bottom:7px}
#tab-p8 .cp-callout[data-cp-tone="warning"] .p8-contrast-title{color:#c0392b}
/* Interior text roles follow the settled P2/P4 examples; headings stay locked. */
#tab-p8 #p8-prehled .cp-age-body>h3:first-child{font:700 24px/1.35 var(--sans);margin-top:0}
#tab-p8 #p8-prehled .cp-topic>h3{font:700 21px/1.35 var(--sans);margin:28px 0 12px}
#tab-p8 #p8-prehled>.prose>.cp-topic>h3{font:700 clamp(20px,2vw,25px)/1.25 var(--serif);margin:24px 0 12px}
#tab-p8 #p8-prehled .cp-topic,#tab-p8 #p8-zaklady .cp-topic{border-top:0;padding-top:0}
#tab-p8 #p8-listy .cp-age-body>h3{font:700 20px/1.4 var(--sans);margin:26px 0 12px}
#tab-p8 #p8-listy .p8-download+h3{font:700 23px/1.4 var(--sans);margin:26px 0 12px}
#tab-p8 .p8-age-label{font-weight:700;color:var(--forest)}
#tab-p8 #p8-zvidave .cp-detail-body>h3{font:700 22px/1.25 var(--serif)}
#tab-p8 #p8-zvidave .cp-detail-body{display:flow-root}
#tab-p8 #p8-prehled .cp-callout[data-cp-tone="warning"]>h3{font:700 20px/1.35 var(--sans);color:#795441;margin:0 0 12px}
#tab-p8 .p8-method-image{float:right;width:38%;max-width:360px;margin:8px 0 20px 24px}
#tab-p8 .p8-method-image img{display:block;width:100%;height:auto}
#tab-p8 .p8-method-image figcaption{font:400 12px/1.4 var(--sans);margin-top:8px;text-align:center}
#tab-p8 .p8-ladder{display:grid;grid-template-columns:repeat(var(--p8-rungs),minmax(0,1fr));gap:8px;padding:0;margin:18px 0 24px;list-style:none;clear:both}
#tab-p8 .p8-ladder>li{box-sizing:border-box;min-width:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 7px;background:#f6f6ef;border:1px solid #dadfcf;border-radius:10px;color:var(--ink);text-align:center;font:400 13px/1.45 var(--sans);overflow-wrap:anywhere;hyphens:auto}
#tab-p8 .p8-ladder img{display:block;width:48px;height:48px;max-width:100%;object-fit:contain;flex:0 0 auto}
#tab-p8 .p8-ladder strong{font-size:14px;line-height:1.4;color:var(--forest)}
#tab-p8 .p8-ladder>li>span{display:block;width:100%;margin-top:auto;color:#56614c;font:400 13px/1.45 var(--sans)}
#tab-p8 .p8-ladder small{font-size:13px;line-height:1.45;color:#56614c}
#tab-p8 .p8-route{display:flex;flex-direction:column}
#tab-p8 .p8-route-bottom{margin-top:auto;display:flex;flex-direction:column}
#tab-p8 .p8-route-illustration{height:90px;margin:14px 0;display:flex;align-items:center;justify-content:center}
#tab-p8 .p8-route-illustration img{width:78px;height:78px;object-fit:contain}
#tab-p8 .p8-download{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px 22px;max-width:680px;padding:16px;margin:20px 0 26px;align-items:center;background:#f5f4ec;border:1px solid #d9ddce;border-radius:14px}
#tab-p8 .p8-download>a{display:block;grid-column:1;grid-row:1}
#tab-p8 .p8-download img{display:block;width:190px;max-width:100%;height:auto;border-radius:10px}
#tab-p8 .p8-download>div{display:flex;flex-direction:column;align-items:flex-start;gap:14px;grid-column:2;grid-row:1;min-width:0}
#tab-p8 .p8-download>div>p:first-child{font:700 18px/1.4 var(--sans);margin:0;max-width:28ch}
#tab-p8 .p8-download>div>p:first-child strong{color:var(--forest)}
#tab-p8 .p8-download-button,#tab-p8 .p8-feedback-form button{display:inline-block;border:1px solid #424e2c;border-radius:8px;background:#424e2c;color:white;padding:12px 18px;min-height:44px;font:600 15px/1.4 var(--sans);text-decoration:none;cursor:pointer}
#tab-p8 .p8-download-button:hover,#tab-p8 .p8-feedback-form button:hover{background:#59643b;color:white}
#tab-p8 .p8-download .p8-download-button{max-width:100%;white-space:normal;text-align:center;color:#fff!important;font:700 14px/1.4 var(--sans);padding:11px 14px;text-decoration:none!important}
#tab-p8 .p8-download-note{font:400 13px/1.5 var(--sans);color:#626a56;margin:10px 0 0}
/* P1 R06 feedback component, selectors and local IDs changed only. */
#tab-p8 .p8-feedback-form{max-width:680px;font-family:var(--sans)}
#tab-p8 .p8-feedback-form fieldset{margin:0 0 20px;padding:0;border:0;min-width:0}
#tab-p8 .p8-feedback-form legend,#tab-p8 .p8-feedback-form>label{font:600 15px/1.5 var(--sans);color:#424e2c;margin:0 0 8px;padding:0;display:block}
#tab-p8 .p8-stars{display:flex;align-items:center;flex-wrap:wrap;gap:3px;position:relative}
#tab-p8 .p8-stars input{position:absolute;width:1px;height:1px;opacity:0}
#tab-p8 .p8-stars label{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font:36px/1 var(--sans);color:#afb69e;cursor:pointer;border-radius:7px;margin:0}
#tab-p8 .p8-stars label:hover{background:#edf0e4}
#tab-p8 .p8-stars label.is-filled{color:#59643b}
#tab-p8 .p8-stars input:focus-visible+label{outline:3px solid #6e794d;outline-offset:1px}
#tab-p8 .p8-stars output{font:400 14px/1.5 var(--sans);color:#626a56;margin-left:12px}
#tab-p8 #p8-feedback-comment{box-sizing:border-box;display:block;width:100%;min-height:116px;resize:vertical;border:1px solid #abb39a;border-radius:10px;background:#fffefa;padding:12px 14px;color:#283122;font:400 16px/1.55 var(--sans)}
#tab-p8 #p8-feedback-comment::placeholder{color:#69725d;opacity:1}
#tab-p8 .p8-preview-note{font:400 13px/1.5 var(--sans);color:#666b5b;margin:12px 0}
#tab-p8 .p8-feedback-form [role="status"]{font:500 14px/1.6 var(--sans);color:#424e2c;margin:14px 0 0}
#tab-p8 .p8-feedback-form [role="status"]:empty{display:none}
@media(max-width:1099px){#tab-p8 .p8-ladder{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 #tab-p8 #p8-prehled .cp-age-body>h3:first-child{font-size:21px}
 #tab-p8 #p8-prehled .cp-topic>h3{font-size:20px}
 #tab-p8 #p8-listy .cp-age-body>h3{font-size:19px}
 #tab-p8 #p8-listy .p8-download+h3{font-size:21px}
 #tab-p8 .p8-hero .pl-hero-text{display:flex;flex-direction:column}
 #tab-p8 .p8-hero .plbadge{order:0;align-self:flex-start}
 #tab-p8 .p8-hero h1{order:1}
 #tab-p8 .p8-hero .pl-hero-photo{order:2}
 #tab-p8 .p8-hero .prose{order:3}
 #tab-p8.cp-pillar[data-course-layout="p1-r12-v1"] .p8-hero .pl-hero-photo{float:none;width:100%;max-width:440px;margin:6px 0 20px}
 #tab-p8 .p8-photo,#tab-p8 .p8-method-image{float:none;width:100%;max-width:440px;margin:0 auto 20px}
 #tab-p8 .p8-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}
 #tab-p8 .p8-ladder>li{padding:12px 9px}
 #tab-p8 .p8-download{grid-template-columns:130px minmax(0,1fr);gap:12px 16px;padding:14px}
 #tab-p8 .p8-download img{width:130px}
 #tab-p8 .p8-download>div>p:first-child{font-size:16px}
 #tab-p8 .p8-stars output{flex-basis:100%;margin:5px 0 0}
}
@media(max-width:480px){
 #tab-p8 .p8-download{grid-template-columns:1fr;max-width:330px;gap:13px;padding:14px}
 #tab-p8 .p8-download>a{width:100%;max-width:240px;justify-self:center}
 #tab-p8 .p8-download img{width:100%;max-width:240px}
 #tab-p8 .p8-download>div{grid-column:1;grid-row:2;gap:12px;align-items:stretch}
 #tab-p8 .p8-download>div>p:first-child{max-width:none}
}
/* Settled P4 download role includes its shared cp-callout geometry at every width. */
#tab-p8 .p8-download{padding:18px;border-radius:12px;border-left:3px solid #809576}
@media print{#tab-p8 .p8-feedback-form{display:none}}


/* p8-correction-r03.css */
/* Explicit user correction 22 Sep. P8 only; names and content are unchanged by CSS. */
#tab-p8.cp-pillar[data-course-layout] .sec-head h2{font:700 28px/1.2 var(--serif)!important;margin:0!important}
#tab-p8.cp-pillar[data-course-layout] .sec :is(h3,h4){font:700 20px/1.3 var(--sans)!important;margin:16px 0 8px!important}
#tab-p8.cp-pillar[data-course-layout] .sec h4{font-size:18px!important}
#tab-p8.cp-pillar[data-course-layout] .cp-summary h3{font-size:21px!important;margin:0!important}
#tab-p8.cp-pillar[data-course-layout] .prose{font:400 16px/1.5 var(--sans)}
#tab-p8.cp-pillar[data-course-layout] :is(p,li){line-height:1.5!important}
#tab-p8.cp-pillar[data-course-layout] p{margin:0 0 10px!important}
#tab-p8.cp-pillar[data-course-layout] p:last-child{margin-bottom:0!important}
#tab-p8.cp-pillar[data-course-layout] ul:not(.p8-ladder),#tab-p8.cp-pillar[data-course-layout] ol:not(.p8-ladder){margin:8px 0 12px;padding-left:1.35em}
#tab-p8.cp-pillar[data-course-layout] li{margin-bottom:6px}
#tab-p8.cp-pillar[data-course-layout] .cp-topic{margin-top:16px!important;padding-top:0!important}
#tab-p8.cp-pillar[data-course-layout] .sec{padding:20px 24px}
#tab-p8.cp-pillar[data-course-layout] .sec-head{margin-bottom:12px}
#tab-p8.cp-pillar[data-course-layout] .cp-detail-body{padding:18px 20px}
#tab-p8.cp-pillar[data-course-layout] .cp-disclosure{margin:12px 0}
#tab-p8.cp-pillar[data-course-layout] .cp-disclosure>.cp-summary{min-height:52px;padding:12px 16px}
#tab-p8.cp-pillar[data-course-layout] .cp-callout{margin:12px 0;padding:14px 16px}
#tab-p8 .p8-copy-label{font-size:17px;font-weight:700;color:var(--forest);margin:14px 0 6px!important}
#tab-p8 .p8-feedback-development.p8-flow{display:block}
#tab-p8 .p8-feedback-points{padding-left:1.35em}
#tab-p8 .p8-feedback-points>li::marker{color:#718461}
#tab-p8.cp-pillar[data-course-layout] .p8-feedback-steps{list-style:none;padding:0!important;display:grid;gap:6px;margin:8px 0 12px!important}
#tab-p8 .p8-feedback-steps>li{margin:0;border-left:3px solid #93a47c;padding:8px 12px;background:#f4f5ee;border-radius:0 7px 7px 0}
#tab-p8 #p8-proc .compare-stack{clear:both}
#tab-p8 .p8-science-title{display:block;font:700 21px/1.3 var(--sans)}
#tab-p8 .p8-science-subtitle{display:block;font:400 14px/1.45 var(--sans);margin-top:5px}
#tab-p8 .p8-timing-intro{font-size:16px}
#tab-p8 .p8-download-with-guides{max-width:720px;gap:16px;padding:16px}
#tab-p8 .p8-download-with-guides>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px 14px;align-items:center}
#tab-p8 .p8-download-with-guides>div>p:first-child{grid-column:1/-1;max-width:none;font-size:17px}
#tab-p8 .p8-download-guides{grid-column:1;grid-row:2;margin:0}
#tab-p8 .p8-download-guides img{display:block;width:112px;height:auto;border-radius:8px;object-fit:contain}
#tab-p8 .p8-download-with-guides .p8-download-button{grid-column:2;grid-row:2;justify-self:start}
#tab-p8 .p8-download-with-guides .p8-download-note{grid-column:1/-1;margin:0!important}
@media(max-width:760px){
 #tab-p8.cp-pillar[data-course-layout] .sec-head h2{font-size:24px!important}
 #tab-p8.cp-pillar[data-course-layout] .sec :is(h3,h4){font-size:18px!important}
 #tab-p8.cp-pillar[data-course-layout] .cp-summary h3{font-size:19px!important}
 #tab-p8.cp-pillar[data-course-layout] .sec{padding:18px 16px}
 #tab-p8.cp-pillar[data-course-layout] .cp-detail-body{padding:16px 12px}
 #tab-p8 .p8-science-title{font-size:19px}
 #tab-p8 .p8-download-with-guides>div{grid-template-columns:90px minmax(0,1fr);gap:8px 10px}
 #tab-p8 .p8-download-guides img{width:90px}
}
@media(max-width:480px){
 #tab-p8 .p8-download-with-guides>div{grid-template-columns:1fr;justify-items:center;width:100%}
 #tab-p8 .p8-download-with-guides>div>p:first-child{grid-column:1;grid-row:1;text-align:center}
 #tab-p8 .p8-download-guides{grid-column:1;grid-row:2;max-width:150px}
 #tab-p8 .p8-download-guides img{width:150px}
 #tab-p8 .p8-download-with-guides .p8-download-button{grid-column:1;grid-row:3;justify-self:stretch}
 #tab-p8 .p8-download-with-guides .p8-download-note{grid-column:1;grid-row:4;justify-self:start}
}

/* course-screening.css */
body.course-template #ca #intro-screening{
  margin-top:24px;padding-top:22px;border-top:1px solid #d8ddd2;
}
body.course-template #ca #intro-screening>h3{margin:0 0 12px;color:var(--forest,#35503b)}
body.course-template #ca #intro-screening:focus{outline:none}
body.course-template #ca #intro-screening .prose p{margin:0 0 12px}
body.course-template #ca #intro-screening [hidden]{display:none!important}
body.course-template #ca #intro-screening .course-screening-actions{
  display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;
}
body.course-template #ca #intro-screening button{
  flex:none;min-height:44px;max-width:100%;padding:10px 18px;border:1px solid #59643b;border-radius:8px;
  background:#59643b;color:#fff;font:700 15px/1.4 var(--sans,Arial,sans-serif);letter-spacing:0;cursor:pointer;
}
body.course-template #ca #intro-screening button:hover{background:#424e2c;border-color:#424e2c}
body.course-template #ca #intro-screening :is(button,a):focus-visible{outline:3px solid #59643b;outline-offset:4px}
body.course-template #ca #intro-screening .course-screening-privacy{
  flex:1 1 270px;margin:0;color:var(--muted,#625c53);font:400 13px/1.5 var(--sans,Arial,sans-serif);
}
body.course-template #ca #course-screening-body{margin-top:18px}
body.course-template #ca #course-screening-frame-host:not(:empty){
  width:100%;max-width:860px;margin:0 auto;background:#f1ece2;border-radius:8px;padding:16px;
}
body.course-template #ca #course-screening-frame{
  display:block;width:100%;max-width:100%;border:0;scroll-margin-top:92px;color-scheme:light;
}
body.course-template #ca #course-screening-status{margin:0 0 12px;color:var(--muted,#625c53);font-size:14px}
body.course-template #ca #course-screening-error{
  margin:0 0 16px;padding:14px 16px;border-left:3px solid #bd9480;border-radius:8px;
  background:#fbf3ed;color:#543f35;
}
body.course-template #ca #course-screening-error p{margin:0 0 12px;font-size:1em;line-height:1.6}
body.course-template #ca #course-screening-fallback{color:var(--forest,#35503b);font-size:14px;text-underline-offset:3px}
@media(max-width:760px){
  body.course-template #ca #intro-screening{margin-top:20px;padding-top:18px}
  body.course-template #ca #course-screening-frame-host:not(:empty){padding:4px}
  body.course-template #ca #intro-screening .course-screening-actions{align-items:flex-start}
}
@media print{
  #intro-screening .course-screening-actions,#course-screening-body{display:none!important}
}


/* Odkazy na citace musí být rozpoznatelné i bez barvy (WCAG 1.4.1) */
#tab-p2 a.cp-jump-target,#tab-p2 [id^="p2-reference-"] > a{text-decoration:underline!important;text-underline-offset:2px}