/* Composition and document dossiers. No shared page/header/CTA changes. */
.tt-composition,.tt-certificates{color:var(--tt-text-primary);font:400 var(--tt-type-20)/var(--tt-body-line) var(--tt-font);overflow-wrap:break-word}
.tt-composition *, .tt-certificates *{box-sizing:border-box}
.tt-composition h1,.tt-certificates h1{font-size:var(--tt-type-48);line-height:1;letter-spacing:var(--tt-heading-tracking);font-weight:600}
.tt-composition h2,.tt-certificates h2{font-size:var(--tt-type-32);line-height:1.05;letter-spacing:var(--tt-heading-tracking);font-weight:600}
.tt-composition h3,.tt-certificates h3{font-size:var(--tt-type-24);line-height:1.15;letter-spacing:var(--tt-heading-tracking);font-weight:600}
.tt-composition p,.tt-certificates p,.tt-composition figure,.tt-certificates figure,.tt-composition dl,.tt-certificates dl,.tt-composition dd,.tt-certificates dd{margin:0}
.tt-composition img,.tt-certificates img{display:block;max-width:100%;height:auto}
.tt-composition a,.tt-certificates a{text-underline-offset:var(--tt-dimension-4)}
.tt-composition [id],.tt-certificates [id]{scroll-margin-top:112px}
.tt-composition .cg-field,.tt-certificates .cg-field{max-width:var(--tt-field);margin-inline:auto;padding-inline:var(--tt-edge)}
.tt-composition .cg-section,.tt-certificates .cg-section{padding-block:var(--tt-space-64)}
.tt-composition .cg-kicker,.tt-certificates .cg-kicker{font-size:var(--tt-type-16);line-height:1.3;color:var(--tt-text-secondary);margin-bottom:var(--tt-space-24)}
.tt-composition .cg-lead,.tt-certificates .cg-lead{font-size:var(--tt-type-24);line-height:1.35;letter-spacing:-.02em;margin-top:var(--tt-space-32)}
.tt-composition .cg-caption,.tt-certificates .cg-caption{font-size:var(--tt-type-16);line-height:1.4;color:var(--tt-text-secondary);margin-top:var(--tt-space-24)}
.tt-composition .cg-action,.tt-certificates .cg-action{gap:var(--tt-space-12);max-width:100%;margin-top:var(--tt-space-24)}
.tt-composition .cg-link,.tt-certificates .cg-link{display:inline-block;min-height:var(--tt-dimension-44);padding-block:var(--tt-space-8);font-weight:600}
.tt-composition .cg-intro{max-width:var(--tt-dimension-760);margin-bottom:var(--tt-space-32)}
.tt-composition .cg-intro>p:last-child{color:var(--tt-text-secondary);margin-top:var(--tt-space-24)}
.tt-composition .cg-composition-lines{border-top:var(--tt-dimension-1) solid var(--tt-color-stroke)}
.tt-composition .cg-composition-lines>div{display:grid;gap:var(--tt-space-16);padding-block:var(--tt-space-24);border-bottom:var(--tt-dimension-1) solid var(--tt-color-stroke)}
.tt-composition .cg-composition-lines dt{font-size:var(--tt-type-24);font-weight:600;letter-spacing:var(--tt-heading-tracking)}
.tt-composition .cg-composition-lines dd{color:var(--tt-text-secondary)}
.tt-composition .cg-vitamin-surface{background:var(--tt-surface-evidence)}
.tt-composition .cg-vitamin-grid{display:grid;gap:var(--tt-space-16)}
.tt-composition .cg-vitamin-grid article{padding:var(--tt-space-24);background:var(--tt-color-white);border-radius:var(--tt-surface-radius)}
.tt-composition .cg-vitamin-grid small{font-size:var(--tt-type-16);color:var(--tt-text-secondary);font-weight:400}
.tt-composition .cg-quantity{font-size:var(--tt-type-64);line-height:1;letter-spacing:-.04em;font-weight:600;padding-block:var(--tt-space-32) var(--tt-space-16)}
.tt-composition .cg-quantity span{font-size:var(--tt-type-24)}
.tt-composition .cg-plant-nav{display:flex;flex-wrap:wrap;gap:var(--tt-space-8);margin-bottom:var(--tt-space-48)}
.tt-composition .cg-plant-nav a{display:inline-flex;min-height:var(--tt-dimension-44);align-items:center;padding:var(--tt-space-8) var(--tt-space-16);border:var(--tt-dimension-1) solid var(--tt-color-stroke);border-radius:var(--tt-radius-8);text-decoration:none}
.tt-composition .cg-plant{display:grid;gap:var(--tt-space-24);border-top:var(--tt-dimension-1) solid var(--tt-color-stroke);padding-top:var(--tt-space-48);margin-top:var(--tt-space-64);min-width:0}
.tt-composition .cg-plant-title h3{font-size:var(--tt-type-48);line-height:1}
.tt-composition .cg-plant-dek{margin-top:var(--tt-space-16);font-size:var(--tt-type-24);letter-spacing:-.02em;line-height:1.3}
.tt-composition .cg-plant-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--tt-surface-radius)}
.tt-composition .cg-plant-photo figcaption{font-size:var(--tt-type-16);line-height:1.4;color:var(--tt-text-secondary);padding-top:var(--tt-space-12)}
.tt-composition .cg-plant-body{min-width:0}
.tt-composition .cg-plant-body>p{color:var(--tt-text-secondary)}
.tt-composition .cg-form-pairs,.tt-composition .cg-dose{display:grid;gap:var(--tt-space-24);margin-top:var(--tt-space-24)}
.tt-composition .cg-form-pairs>div,.tt-composition .cg-dose>div{border-top:var(--tt-dimension-1) solid var(--tt-color-stroke);padding-top:var(--tt-space-16)}
.tt-composition .cg-form-pairs dt,.tt-composition .cg-dose dt{font-size:var(--tt-type-16);color:var(--tt-text-secondary);margin-bottom:var(--tt-space-8)}
.tt-composition .cg-research-result{background:var(--tt-surface-evidence);border-radius:var(--tt-surface-radius);padding:var(--tt-space-24);margin-top:var(--tt-space-32)}
.tt-composition .cg-research-result .cg-kicker{margin-bottom:var(--tt-space-16)}
.tt-composition .cg-result-number{font-size:var(--tt-type-48);line-height:1;letter-spacing:-.04em;font-weight:600;margin-bottom:var(--tt-space-16)}
.tt-composition .cg-result-number span{display:block;font-size:var(--tt-type-24);line-height:1.15;margin-top:var(--tt-space-8)}
.tt-composition .cg-plant--pustyrnik .cg-research-result{background:var(--tt-surface-emphasis);color:var(--tt-color-white)}
.tt-composition .cg-plant--pustyrnik .cg-research-result .cg-kicker{color:var(--tt-color-white)}
.tt-composition .cg-plant--artishok .cg-research-result{border-left:var(--tt-space-4) solid var(--tt-action-primary);border-radius:0}
.tt-composition .cg-plant--kurkuma .cg-research-result{background:var(--tt-color-white);border:var(--tt-dimension-1) solid var(--tt-color-stroke)}
.tt-composition .cg-reading{border-top:var(--tt-dimension-1) solid var(--tt-color-stroke);border-bottom:var(--tt-dimension-1) solid var(--tt-color-stroke)}
.tt-composition .cg-reading-grid{display:grid;gap:var(--tt-space-24);margin-top:var(--tt-space-32);margin-bottom:var(--tt-space-24);color:var(--tt-text-secondary)}
.tt-composition .cg-label-details{border-top:var(--tt-dimension-1) solid var(--tt-color-stroke);border-bottom:var(--tt-dimension-1) solid var(--tt-color-stroke)}
.tt-composition .cg-label-details summary{font-size:var(--tt-type-24);font-weight:600;cursor:pointer;min-height:var(--tt-dimension-56);padding-block:var(--tt-space-24)}
.tt-composition .cg-label-details>div{padding-bottom:var(--tt-space-24)}
.tt-composition .cg-label-details .cg-link{margin-block:var(--tt-space-16)}
.tt-composition .cg-label-details img{border:var(--tt-dimension-1) solid var(--tt-color-stroke)}
.tt-composition .cg-label-note{background:var(--tt-surface-evidence);border-radius:var(--tt-surface-radius);padding:var(--tt-space-24);margin-top:var(--tt-space-32)}
.tt-composition .cg-label-note p{margin-top:var(--tt-space-16);color:var(--tt-text-secondary)}
.tt-composition .cg-related,.tt-certificates .cg-related{display:grid;gap:var(--tt-space-16);margin-top:var(--tt-space-32)}
.tt-composition .cg-related>a,.tt-certificates .cg-related>a{display:block;border-top:var(--tt-dimension-1) solid var(--tt-color-stroke);padding-block:var(--tt-space-24);text-decoration:none}
.tt-composition .cg-related a p,.tt-certificates .cg-related a p{color:var(--tt-text-secondary);margin-top:var(--tt-space-16)}
.tt-composition .cg-related a span,.tt-certificates .cg-related a span{display:block;font-size:var(--tt-type-32);margin-top:var(--tt-space-24);color:var(--tt-action-primary)}
.tt-certificates .dc-hero{padding-top:var(--tt-space-48);padding-bottom:var(--tt-space-64);border-bottom:var(--tt-dimension-1) solid var(--tt-color-stroke)}
.tt-certificates .dc-hero .cg-lead{max-width:800px}
.tt-certificates .dc-label-number{border-left:var(--tt-space-4) solid var(--tt-action-primary);padding-left:var(--tt-space-24);margin-top:var(--tt-space-32)}
.tt-certificates .dc-label-number>span{font-size:var(--tt-type-16);color:var(--tt-text-secondary)}
.tt-certificates .dc-label-number>p:first-of-type{font-size:var(--tt-type-24);font-weight:600;line-height:1.2;margin-top:var(--tt-space-12);overflow-wrap:anywhere}
.tt-certificates .dc-copy{font:600 var(--tt-type-16)/1.3 var(--tt-font);min-height:var(--tt-dimension-48);padding:var(--tt-space-12) var(--tt-space-16);background:var(--tt-color-white);border:var(--tt-dimension-1) solid var(--tt-color-stroke);border-radius:var(--tt-radius-8);margin-top:var(--tt-space-16);cursor:pointer;color:var(--tt-text-primary)}
.tt-certificates #copy-status{font-size:var(--tt-type-16);color:var(--tt-text-secondary);margin-top:var(--tt-space-8)}
.tt-certificates #copy-status:empty{display:none}
.tt-certificates .dc-dossiers{margin-top:var(--tt-space-48)}
.tt-certificates .dc-dossier{display:grid;gap:var(--tt-space-24);border-top:var(--tt-dimension-1) solid var(--tt-color-stroke);padding-block:var(--tt-space-32)}
.tt-certificates .dc-dossier-code{display:flex;align-items:center;justify-content:center;min-height:var(--tt-dimension-160);background:var(--tt-surface-evidence);border-radius:var(--tt-radius-12);font-size:var(--tt-type-32);font-weight:600;letter-spacing:-.04em}
.tt-certificates .dc-dossier-code--image{padding:var(--tt-space-24)}
.tt-certificates .dc-dossier-code img{max-height:var(--tt-dimension-240);width:auto;object-fit:contain}
.tt-certificates .dc-dossier h3{font-size:var(--tt-type-32)}
.tt-certificates .dc-dossier h3+p{margin-top:var(--tt-space-16);color:var(--tt-text-secondary)}
.tt-certificates .dc-dossier dl{display:grid;gap:var(--tt-space-16);margin-top:var(--tt-space-24)}
.tt-certificates .dc-dossier dl>div{display:grid;gap:var(--tt-space-8)}
.tt-certificates .dc-dossier dt{font-size:var(--tt-type-16);color:var(--tt-text-secondary)}
.tt-certificates .dc-missing{display:block!important;border-left:var(--tt-space-4) solid var(--tt-action-primary);background:var(--tt-surface-evidence);padding:var(--tt-space-16);margin-block:var(--tt-space-24);font-size:var(--tt-type-16);font-weight:600;line-height:1.4;color:var(--tt-text-primary)}
.tt-certificates .dc-sheet-status{font-size:var(--tt-type-16);color:var(--tt-text-secondary);margin-top:var(--tt-space-24)}
.tt-certificates .dc-compare-surface{background:var(--tt-surface-evidence)}
.tt-certificates .dc-compare-layout{display:grid;gap:var(--tt-space-32);margin-top:var(--tt-space-32)}
.tt-certificates .dc-compare-layout figure{align-self:start;min-width:0;background:var(--tt-color-white);padding:var(--tt-space-16);border-radius:var(--tt-radius-12)}
.tt-certificates .dc-match-fields{display:grid;gap:var(--tt-space-24)}
.tt-certificates .dc-match-fields>div{border-top:var(--tt-dimension-1) solid var(--tt-color-stroke);padding-top:var(--tt-space-16)}
.tt-certificates .dc-match-fields dt{font-weight:600;margin-bottom:var(--tt-space-8)}
.tt-certificates .dc-match-fields dd{color:var(--tt-text-secondary)}
.tt-certificates .dc-registry{display:grid;gap:var(--tt-space-32)}
.tt-certificates .dc-registry h2+p{margin-top:var(--tt-space-24);color:var(--tt-text-secondary)}
.tt-certificates .dc-registry aside{background:var(--tt-surface-evidence);border-radius:var(--tt-surface-radius);padding:var(--tt-space-24);align-self:start}
.tt-certificates .dc-registry aside p{margin-top:var(--tt-space-16);margin-bottom:var(--tt-space-16);color:var(--tt-text-secondary)}
.tt-certificates .dc-availability{border-top:var(--tt-dimension-1) solid var(--tt-color-stroke)}
.tt-certificates .dc-availability ul{padding-left:var(--tt-space-24);margin-top:var(--tt-space-24);margin-bottom:var(--tt-space-24)}
.tt-certificates .dc-availability li+li{margin-top:var(--tt-space-16)}
.tt-certificates .dc-sheet p+p{margin-top:var(--tt-space-16)}
.tt-certificates .dc-sheet-fields{display:grid;gap:var(--tt-space-24);margin-block:var(--tt-space-24)}
.tt-certificates .dc-sheet-fields>div{border-top:var(--tt-dimension-1) solid var(--tt-color-stroke);padding-top:var(--tt-space-16)}
.tt-certificates .dc-sheet-fields dt{font-size:var(--tt-type-16);color:var(--tt-text-secondary);margin-bottom:var(--tt-space-8)}
.tt-certificates .dc-sheet-fields dd{overflow-wrap:anywhere}
.tt-certificates .dc-document-image{width:100%;height:auto;margin-block:var(--tt-space-24)}
.tt-certificates.dc-standalone{max-width:var(--tt-dimension-960);margin:auto;padding:var(--tt-space-32) var(--tt-space-16)}
.tt-certificates.dc-standalone h1{font-size:var(--tt-type-32);margin-block:var(--tt-space-24)}
@media(min-width:768px){
.tt-composition .cg-composition-lines>div{grid-template-columns:var(--tt-dimension-220) minmax(0,1fr);gap:var(--tt-space-32)}
.tt-composition .cg-vitamin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.tt-composition .cg-plant{grid-template-columns:minmax(0,38fr) minmax(0,62fr);column-gap:var(--tt-space-48)}
.tt-composition .cg-plant-title{grid-column:1/-1}
.tt-composition .cg-plant-photo{grid-column:1;grid-row:2;align-self:start}
.tt-composition .cg-plant-body{grid-column:2;grid-row:2}
.tt-composition .cg-reading-grid{grid-template-columns:1fr 1fr;gap:var(--tt-space-48)}
.tt-composition .cg-related,.tt-certificates .cg-related{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tt-space-32)}
.tt-certificates .dc-dossier{grid-template-columns:180px minmax(0,1fr);gap:var(--tt-space-48);padding-block:var(--tt-space-48)}
.tt-certificates .dc-dossier-code{align-self:start;min-height:var(--tt-dimension-240)}
.tt-certificates .dc-dossier dl>div{grid-template-columns:var(--tt-dimension-160) minmax(0,1fr);gap:var(--tt-space-24)}
.tt-certificates .dc-label-number>p:first-of-type{font-size:var(--tt-type-32)}
.tt-certificates .dc-registry{grid-template-columns:minmax(0,64fr) minmax(0,36fr);gap:var(--tt-space-48)}
}
@media(min-width:1200px){
.tt-composition h1,.tt-certificates h1{font-size:var(--tt-type-64)}
.tt-composition h2,.tt-certificates h2{font-size:var(--tt-type-48)}
.tt-composition .cg-plant{grid-template-columns:minmax(0,36fr) minmax(0,64fr);gap:var(--tt-space-32) var(--tt-space-64)}
.tt-composition .cg-plant-title{grid-column:1;grid-row:1}
.tt-composition .cg-plant-photo{grid-column:1;grid-row:2}
.tt-composition .cg-plant-body{grid-column:2;grid-row:1/3}
.tt-composition .cg-form-pairs{grid-template-columns:1fr 1fr;gap:var(--tt-space-32)}
.tt-composition .cg-result-number{font-size:var(--tt-type-64)}
.tt-composition .cg-research-result{padding:var(--tt-space-32)}
.tt-certificates .dc-dossier{grid-template-columns:minmax(0,28fr) minmax(0,72fr);gap:var(--tt-space-64)}
.tt-certificates .dc-dossier dl>div{grid-template-columns:var(--tt-dimension-220) minmax(0,1fr)}
.tt-certificates .dc-compare-layout{grid-template-columns:minmax(0,56fr) minmax(0,44fr);gap:var(--tt-space-64)}
}
@media(max-width:359px){.tt-composition h1,.tt-certificates h1{font-size:var(--tt-type-32)}.tt-composition .cg-plant-title h3{font-size:var(--tt-type-32)}.tt-composition .cg-result-number{font-size:var(--tt-type-32)}}

/* Composition revision 3: static overview, image-led composition and visible label. */
.tt-composition .cg-editorial-hero{padding-top:var(--tt-space-48);padding-bottom:var(--tt-space-48);border-bottom:var(--tt-dimension-1) solid var(--tt-color-stroke)}
.tt-composition .cg-hero-layout{display:grid;gap:var(--tt-space-32);align-items:center}
.tt-composition .cg-hero-copy{min-width:0}
.tt-composition .cg-hero-copy .cg-lead{max-width:30ch;margin-top:var(--tt-space-24)}
.tt-composition .cg-hero-image{min-width:0}
.tt-composition .cg-hero-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:var(--tt-surface-radius)}
.tt-composition .cg-contents-map{display:grid;gap:var(--tt-space-16);margin-top:var(--tt-space-32)}
.tt-composition .cg-overview-card{display:flex;flex-direction:column;align-items:start;gap:var(--tt-space-16);padding:var(--tt-space-24);background:var(--tt-surface-evidence);border-radius:var(--tt-surface-radius)}
.tt-composition .cg-contents-map h2{font-size:var(--tt-type-24);line-height:1.2;letter-spacing:var(--tt-heading-tracking)}
.tt-composition .cg-map-label{font-size:var(--tt-type-16);color:var(--tt-text-secondary)}
.tt-composition .cg-overview-card>p:last-child{font-size:var(--tt-type-16);color:var(--tt-text-secondary)}
.tt-composition .cg-capsule-layout{display:grid;gap:var(--tt-space-32);align-items:start}
.tt-composition .cg-botanical-photo{min-width:0}
.tt-composition .cg-botanical-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;border-radius:var(--tt-surface-radius)}
.tt-composition .cg-capsule-layout .cg-composition-lines>div{grid-template-columns:minmax(0,1fr);gap:var(--tt-space-12)}
.tt-composition .cg-label-content{border-top:var(--tt-dimension-1) solid var(--tt-color-stroke);padding-top:var(--tt-space-24)}
.tt-composition .cg-label-content h3{margin-bottom:var(--tt-space-16)}
.tt-composition .cg-label-content>p{max-width:80ch;color:var(--tt-text-secondary)}
.tt-composition .cg-label-content .cg-link{margin-block:var(--tt-space-16)}
.tt-composition .cg-label-content img{width:100%;border:var(--tt-dimension-1) solid var(--tt-color-stroke);border-radius:var(--tt-control-radius)}
.tt-composition .cg-bank-card{padding:var(--tt-space-24);border-radius:var(--tt-surface-radius);background:var(--tt-surface-evidence)}
.tt-composition .cg-bank-card>.cg-kicker{color:var(--tt-information-accent)}
.tt-composition .cg-bank-card .cg-related>a{border:0;padding:var(--tt-space-24);background:var(--tt-color-white);border-radius:var(--tt-control-radius)}
.tt-composition .cg-bank-card .cg-related a span{color:var(--tt-information-accent)}
.tt-composition .cg-bank-card .cg-related a:focus-visible{outline-color:var(--tt-information-accent)}
@media(min-width:768px){
.tt-composition .cg-hero-layout{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--tt-space-32)}
.tt-composition .cg-hero-copy h1{font-size:var(--tt-type-48)}
.tt-composition .cg-contents-map{grid-template-columns:repeat(3,minmax(0,1fr))}
.tt-composition .cg-capsule-layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--tt-space-48)}
.tt-composition .cg-bank-card{padding:var(--tt-space-32)}
.tt-composition .cg-bank-card .cg-related{gap:var(--tt-space-16)}
}
@media(min-width:1200px){
.tt-composition .cg-editorial-hero{padding-top:var(--tt-space-64);padding-bottom:var(--tt-space-64)}
.tt-composition .cg-hero-layout{gap:var(--tt-space-48)}
.tt-composition .cg-hero-copy h1{font-size:var(--tt-type-64)}
.tt-composition .cg-hero-copy .cg-lead{font-size:var(--tt-type-24);line-height:1.35}
.tt-composition .cg-contents-map{margin-top:var(--tt-space-48)}
.tt-composition .cg-capsule-layout{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--tt-space-64)}
.tt-composition .cg-bank-card{padding:var(--tt-space-48)}
.tt-composition .cg-bank-card .cg-related{gap:var(--tt-space-24)}
}
