/* Layout tuning requested by Daniele (2026-10-02). Loaded on every page by src/trust-layer.py.
   - breadcrumbs lowercase and smaller
   - text column kept within ~60% of the screen on photographic chapters, so it never meets the
     incense, the kanji or Daniele's figure
   - mobile: slightly smaller type, tighter leading on the primary texts, a left-side shade so text
     stays readable, and photos framed so Daniele sits in the free right-hand side (see layout-tuning.js) */

.breadcrumb{text-transform:lowercase;font-size:12px;letter-spacing:.03em}

/* desktop/tablet: text right edge at ~60% of the viewport */
@media(min-width:761px){
 .lp-chapter.photo :is(h1,h2,.lp-lead,.lp-statement,.breadcrumb,.lp-format){max-width:calc(60vw - 7.5vw)}
 .ink-home .scene-message>:is(h1,h2,.ink-intro,.ink-eyebrow){max-width:calc(60vw - 8vw)}
}

@media(max-width:760px){
 .breadcrumb{font-size:11px}
 /* home */
 .ink-home .ink-scene h1{font-size:44px;line-height:1}
 .ink-home .ink-scene h2{font-size:40px;line-height:1}
 .ink-intro{font-size:15px;line-height:1.45}
 .ink-eyebrow{font-size:11px}
 .ink-home .scene-message>:is(h1,h2,.ink-intro,.ink-eyebrow){max-width:calc(64vw - 20px)}
 .ink-home .stage-wash{background:linear-gradient(90deg,#231811f2 0%,#231811cc 40%,#23181166 62%,transparent 80%),linear-gradient(0deg,#281c16f2,#26271bb3 34%,transparent 62%)!important}
 /* landing pages */
 .lp-chapter h1{font-size:38px;line-height:1.02}
 .lp-chapter h2{font-size:34px;line-height:1.05}
 .lp-lead,.lp-statement{font-size:15.5px;line-height:1.45}
 .lp-chapter p{line-height:1.5}
 .lp-chapter .eyebrow{font-size:12px}
 .lp-chapter.photo :is(h1,h2,.lp-lead,.lp-statement,.breadcrumb,.lp-format){max-width:calc(64vw - 24px)}
 .stage-shade{background:linear-gradient(90deg,#17211aed 0%,#17211ad1 42%,#17211a66 64%,transparent 82%),linear-gradient(0deg,#211912d9,transparent 58%)!important}
 /* home photos: Daniele on the right, face in the upper half */
 .ink-home .stage-frame img[src*="coach-dojo"]{object-position:46% 30%}
 .ink-home .stage-frame img:is([src*="/assets/coach."],[src*="/assets/coach-"]):not([src*="coach-dojo"]){object-position:68% 30%}
 .ink-home .stage-frame img[src*="business-reflection"]{object-position:39% 25%}
 .ink-home .stage-frame img[src*="business-decisions"]{object-position:54% 30%}
 .ink-home .stage-frame img[src*="/assets/retreat"]{object-position:25% 40%}
 .ink-home .stage-frame img[src*="chiang-mai-coaching"]{object-position:43% 40%}
}

/* every scrollable box uses the theme scrollbar (overrides older per-component colours) */
*{scrollbar-width:thin!important;scrollbar-color:#ec6607 #30231b!important}

/* mobile footer: much smaller type and tighter leading */
@media(max-width:760px){
 .site-footer,.home-offices{font-size:12px!important;line-height:1.4!important;padding-top:28px!important;padding-bottom:28px!important}
 .site-footer :is(p,address,a,span),.home-offices :is(p,address,a,span){font-size:12px!important;line-height:1.4!important}
 .site-footer .brand{font-size:16px!important}
 .site-footer>*,.home-offices>*{margin-top:6px!important;margin-bottom:6px!important}
 .trust-foot{gap:6px!important;margin-top:14px!important;padding-top:12px!important}
 .trust-foot :is(p,a,span,b){font-size:11.5px!important;line-height:1.4!important}
 .trust-contact{font-size:12.5px!important}
 .ic-nocookie{width:20px!important;height:20px!important}
}

/* terms links inside form checkboxes must look like links */
[data-trust=terms] a{text-decoration:underline;text-underline-offset:.2em}
.legal-body p{margin:0 0 .9em}

/* mobile home: incense and kanji sit low on the right, clear of the face and of the text column;
   the secondary links go under the orange button, never beside it (requested 2026-10-02) */
@media (max-width:760px){
 .ink-home .ink-lettering{top:auto!important;bottom:calc(104px + env(safe-area-inset-bottom,0px))!important;transform:none!important}
 .ink-home .ink-actions{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}
 /* the lower part of each message shares its height with the kanji: keep it left of it */
 .ink-home .scene-message>:is(.ink-actions,.price-strip,.scene-status,.consultation-note,details,p:last-child){max-width:calc(100vw - 150px)!important}
 .ink-home .ink-action{max-width:100%!important}
 .ink-home .ink-action span{white-space:normal!important}
}

/* official logo "Mr. POL. COACHING" and payoff (src/brand-layer.py) */
.brand-logo{display:block;height:52px;width:auto;flex:none;overflow:visible}
.ink-brand,.site-header .brand{gap:0!important}
.brand-foot{display:inline-block;color:inherit}
.brand-foot .brand-logo{height:72px}
.brand-name{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.payoff{font-family:'Instrument Serif',Georgia,serif!important;font-size:24px!important;line-height:1.15!important;margin:12px 0 0;letter-spacing:.005em;color:inherit}
.payoff em,.payoff-line em{font-style:normal;color:#ec6607}
.home-brand{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:14px}
.home-brand .payoff{margin:0}
@media (max-width:760px){
 .brand-logo{height:42px}
 .brand-foot .brand-logo{height:58px}
 .payoff{font-size:21px!important}
 .home-brand{gap:14px}
}