/* Customer copy uses the existing GuideBook type and colour system. */
[hidden]{display:none!important}
.guide-pathway-list{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:36px 0;padding:0}
.guide-pathway-list li{border-top:2px solid #071e3a;padding-top:22px;min-width:0}
.guide-pathway-list span{font-size:14px;letter-spacing:.04em}
.guide-pathway-list h3{font-size:23px;line-height:1.5;margin:14px 0}
.guide-method-tabs{display:flex;gap:16px;margin:24px 0 32px}
.guide-method-tabs button,.guide-story-filters button{font:inherit;border:1px solid #071e3a;background:transparent;color:#071e3a;padding:14px 20px;cursor:pointer}
.guide-method-tabs button{flex:1;text-align:left;font-size:25px;line-height:1.4}
.guide-method-tabs button span{display:block;font-size:15px;margin-top:8px}
.guide-method-tabs button[aria-selected="true"],.guide-story-filters button[aria-pressed="true"]{background:#071e3a;color:white}
.guide-method-panel{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}
.guide-method-panel h3{font-size:27px;line-height:1.4}
.guide-method-panel p{font-size:18px;line-height:1.85}
.guide-method-panel .guide-photo-note{font-size:13px;color:#536273}
.guide-method-panel img{aspect-ratio:3/2;object-fit:cover}
.guide-story-filters{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}
.guide-filter-status{align-self:center;font-size:14px;color:#536273}
.guide-evidence-chain{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}
.guide-evidence-chain span{border-bottom:2px solid #071e3a;padding:12px 20px 12px 0;font-size:18px}
.guide-evidence-chain span:not(:last-child):after{content:' →';margin-left:20px}
.guide-legal{display:flex;flex-wrap:wrap;gap:12px 24px;padding:24px 0;font-size:14px;border-top:1px solid #d9dce0}
.guide-legal .text-link{font-size:14px}
.guide-method-tabs button:focus-visible,.guide-story-filters button:focus-visible{outline:3px solid #e8003d;outline-offset:4px}
@media(min-width:851px){.customer-practice .customer-action-rail>article{flex-basis:calc((100% - 84px)/4)}}
@media(max-width:850px){
 .guide-pathway-list{grid-template-columns:1fr;gap:0}
 .guide-pathway-list li{display:flex;align-items:baseline;gap:20px;padding:16px 0;border-top:1px solid #d9dce0}
 .guide-pathway-list span{min-width:90px}
 .guide-pathway-list h3{font-size:20px;margin:0}
 .guide-method-panel{grid-template-columns:1fr;gap:16px}
 .guide-method-tabs{gap:8px}
 .guide-method-tabs button{font-size:18px;padding:12px 8px}
 .guide-method-tabs button span{font-size:13px}
 .guide-method-panel h3{font-size:24px}
 .guide-story-filters button{padding:10px 12px;font-size:14px}
}
.customer-section{border-top:1px solid #d9dce0;padding:36px 0;margin-top:24px}
.customer-section>p{max-width:56em;line-height:1.85;color:#344559}
.customer-section h2{font-size:clamp(26px,2.6vw,38px);line-height:1.4;margin:0 0 20px}
.customer-page .intro{padding:28px 0;border-top:2px solid #071e3a}
.customer-page .intro h1{font-size:clamp(32px,3.5vw,52px);line-height:1.35;text-wrap:balance}
.customer-facts{display:flex;flex-wrap:wrap;gap:12px 30px;border-block:1px solid #d9dce0;padding:12px 0;margin:24px 0}
.customer-facts p{margin:0;line-height:1.8;font-weight:600}
.customer-page .course-table{overflow-x:auto}
.customer-page table{width:100%;border-collapse:collapse;text-align:left}
.customer-page th,.customer-page td{padding:18px 16px;border-bottom:1px solid #d9dce0;vertical-align:top;white-space:normal}
.customer-page table th:first-child{width:32%}
.customer-page caption{text-align:left;margin:20px 0;font-weight:600}
.customer-section .text-link{display:inline-block;margin:12px 22px 8px 0}
.customer-section .customer-section{border-top:0;padding-bottom:0}
.customer-film{align-self:center;min-width:0;width:100%;border-top:3px solid #e8003d;padding-top:16px}
.customer-video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#071e3a}
.customer-film-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;font-size:13px}
.customer-video-toggle{border:1px solid #071e3a;background:transparent;color:#071e3a;padding:8px 16px;font:inherit;cursor:pointer;flex-shrink:0}
.customer-video-toggle:focus-visible{outline:3px solid #e8003d;outline-offset:3px}
.customer-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:28px 0}
.customer-work-grid :is(article,figure){min-width:0;margin:0;background:transparent;padding:0}
.customer-work-grid img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#fff}
.customer-work-grid h3{font-size:21px;line-height:1.5;margin:20px 0 12px}
.customer-work-grid p{font-size:15px;line-height:1.85;color:#344559}
.customer-address{font-size:13px!important;line-height:1.8!important;max-width:25em;margin:12px 0!important}
.customer-practice{padding-block:48px}
.customer-journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0}
.customer-journal-grid article{border-top:2px solid #071e3a;padding:22px 0;min-width:0}
.customer-journal-grid h2{font-size:23px;line-height:1.5;margin:16px 0}
.customer-journal-grid p{font-size:16px;line-height:1.85;color:#344559}
.customer-journal-grid h2 a{text-decoration:none}
.customer-journal-grid h2 a:hover{text-decoration:underline;text-underline-offset:5px}
.customer-topics{display:flex;flex-wrap:wrap;gap:12px}
.customer-post{max-width:860px;margin:0 auto}
.customer-page .customer-post>h1{font-size:clamp(30px,3vw,42px);line-height:1.5;text-wrap:balance;margin:28px 0}
.customer-deck{font-size:20px;color:#344559}
.customer-post>section{margin-top:48px}
.customer-post>section>h2{font-size:27px}
.customer-post>section>p{line-height:1.95;font-size:18px}

@media(max-width:850px){.customer-journal-grid,.customer-post .customer-journal-grid{grid-template-columns:1fr}.customer-post>section>p{font-size:17px}}
@media(max-width:850px){.customer-work-grid{grid-template-columns:1fr}.customer-film{margin-top:12px}.customer-film-caption{font-size:12px}.customer-practice{padding-block:30px}}
@media(max-width:700px){.customer-section{padding:28px 0}.customer-facts{gap:8px 16px}.customer-page th,.customer-page td{padding:12px 8px;font-size:14px}.customer-page table .text-link{font-size:14px}.customer-page .intro h1{font-size:32px}}

/* Latin glyphs must not use the GuideBook's Chinese subset font. */
:root{--guide-cn:Arial,"FINGY Swei","Swei SC","PingFang SC","Microsoft YaHei",sans-serif}
/* H01: restore the original documentary, full-width hero; keep current positioning. */
body.founders-navigation:has(.customer-hero){background:#fff}
body.founders-navigation:has(.customer-hero) .site-header{background:#fff}
body.founders-navigation .customer-hero{display:block;position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:none;min-height:700px;padding:64px max(4.2vw,calc((100vw - 1320px)/2));background:#071e3a;color:#fff}
.customer-hero .customer-film{position:absolute;inset:0;z-index:-2;margin:0;border:0;padding:0;height:100%;background:#071e3a url('/media/photo_09-1920.webp') center/cover no-repeat}
.customer-hero .customer-video{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.customer-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,30,58,.94) 0%,rgba(7,30,58,.82) 35%,rgba(7,30,58,.25) 75%,rgba(7,30,58,.12) 100%);pointer-events:none}
body.founders-navigation .customer-hero .founders-copy{max-width:700px;padding:0;z-index:auto}
body.founders-navigation .customer-hero .founders-copy :is(h1,p,.guide-kicker,.guide-subtitle,.founders-cities){color:#fff}
body.founders-navigation .customer-hero .founders-copy h1{font-size:clamp(44px,4.3vw,64px);max-width:13em}
body.founders-navigation .customer-hero .founders-copy h1 em{color:inherit}
body.founders-navigation .customer-hero .guide-kicker:before{background:#e8003d}
.customer-hero .founders-actions{gap:24px}
.customer-hero .founders-actions .text-link{color:#fff;border-color:#fff}
.customer-hero .customer-film-caption{position:absolute;bottom:24px;right:4.2vw;z-index:2;color:white;padding:0}
.customer-hero .customer-film-caption>span{display:none}
.customer-hero .customer-video-toggle{background:#071e3a;color:white;border-color:#fff;position:relative;z-index:2}
.customer-action-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:28px;padding-bottom:14px}
.customer-action-rail>article{flex:0 0 calc((100% - 56px)/3);scroll-snap-align:start}
.customer-action-rail img{object-fit:contain;aspect-ratio:3/2}
.customer-action-rail:focus-visible{outline:3px solid #e8003d;outline-offset:5px}
.customer-swipe-hint{display:none}
.customer-work-image{display:block}
.customer-work-image>span{display:inline-block;margin-top:10px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.review-story-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:42px;align-items:start;margin:24px 0}
.customer-page .intro>p{text-wrap:balance}
.review-story-layout>div{min-width:0}
.review-story-layout h3{font-size:24px;line-height:1.5;margin:0 0 16px}
.review-story-layout p{font-size:17px;line-height:1.85;margin:0 0 22px}
.review-story-layout>div>h3:not(:first-child){margin-top:24px}
.review-photo{margin:0;min-width:0}
.review-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.review-photo figcaption{font-size:13px;line-height:1.7;color:#536273;margin-top:12px}
.system-rows .review-photo{margin-bottom:22px}
.system-rows .review-photo img{aspect-ratio:3/2;object-fit:contain}
#competitions>.system-rows,#categories>.competition-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:none}
#competitions>.system-rows>article,#categories>.competition-categories>article{display:block;min-width:0;padding:24px 0}
#categories .review-photo{margin-bottom:22px}
#categories .review-photo img{aspect-ratio:3/2;object-fit:contain}
#student-capabilities .guide-rows,#fingy-brand-story .guide-rows{grid-template-columns:repeat(3,minmax(0,1fr))}
.customer-page :is(h1,h2,h3){letter-spacing:0;font-kerning:normal}
.journal-meta,.journal-scope,.journal-citation{font-size:14px;line-height:1.8;color:#536273}
.journal-scope{border-left:2px solid #d9dce0;padding-left:16px}
.journal-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 32px;border-block:1px solid #d9dce0;padding:20px 0;margin-top:28px;font-size:15px;line-height:1.8}
.journal-toc a,.journal-sources a{text-underline-offset:4px;overflow-wrap:anywhere}
.journal-sources ul{padding-left:20px;font-size:15px;line-height:1.8}
.journal-sources li{margin:12px 0}
.customer-post section{scroll-margin-top:110px}
/* Article recommendations use full-width rows, independent of index/home cards. */
.customer-post .customer-journal-grid{grid-template-columns:1fr;gap:0;margin:24px 0 0}
.customer-post .customer-journal-grid article{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:36px;padding:28px 0;border-top:1px solid #d9dce0}
.customer-post .customer-journal-grid article>:not(.text-link){grid-column:1}
.customer-post .customer-journal-grid h3{font-size:21px;line-height:1.55;margin:10px 0 12px}
.customer-post .customer-journal-grid h3 a{text-decoration:none}
.customer-post .customer-journal-grid h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.customer-post .customer-journal-grid p{margin:0;max-width:58ch}
.customer-post .customer-journal-grid article>.text-link{grid-column:2;grid-row:1 / 4;align-self:center;justify-self:end;white-space:nowrap;margin:0}
.customer-title-word{white-space:nowrap}
.customer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:28px}
.customer-actions>.text-link,.system-next .customer-actions>.button,.system-next .customer-actions>.text-link{display:inline-flex;align-items:center;min-height:44px;margin:0}
.journal-toc>a{display:flex;align-items:center;min-height:44px}

@media(max-width:600px){
 .journal-toc{grid-template-columns:1fr;gap:4px}
 .customer-post .customer-journal-grid article{grid-template-columns:1fr;gap:0}
 .customer-post .customer-journal-grid article>.text-link{grid-column:1;grid-row:auto;justify-self:start;margin-top:16px}
 .customer-actions{align-items:flex-start;flex-direction:column;gap:16px}
}
.review-wide-photo{margin:24px 0 40px}
.review-wide-photo img{max-height:520px;aspect-ratio:16/7}
.review-work-details{border-top:1px solid #d9dce0;margin-top:24px;padding:20px 0}
.review-work-details summary{cursor:pointer;font-size:18px;padding:12px 0}
.review-work-details .customer-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.review-system-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.review-system-links h3{font-size:23px}
.review-system-links p{font-size:17px;line-height:1.85}
.review-enquiry{max-width:840px;margin:30px 0}
.review-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.review-enquiry label{display:block;font-size:16px;line-height:1.75}
.review-enquiry :is(input:not([type="checkbox"]),select,textarea){display:block;width:100%;min-width:0;background:#fff;border:1px solid #536273;color:#071e3a;font:inherit;padding:12px;margin:8px 0 18px;border-radius:0}
.review-enquiry textarea{resize:vertical}
.review-enquiry fieldset{display:flex;flex-wrap:wrap;gap:8px 24px;border:0;border-top:1px solid #d9dce0;padding:16px 0 24px;margin:20px 0}
.review-enquiry legend{font-size:17px;padding-right:12px}
.review-enquiry .review-check{display:flex;align-items:flex-start;gap:12px;margin:10px 0}
.review-check input{width:18px;height:18px;flex-shrink:0;margin-top:5px;accent-color:#e8003d}
.review-enquiry .review-consent{margin:24px 0}
.review-enquiry :is(input,select,textarea,button):focus-visible,.review-work-details summary:focus-visible{outline:3px solid #e8003d;outline-offset:3px}
.review-email-result{border-top:2px solid #071e3a;margin-top:28px;padding-top:20px}
.review-email-result[hidden]{display:none}
@media(max-width:850px){
 #competitions>.system-rows,#categories>.competition-categories{grid-template-columns:1fr}
 #student-capabilities .guide-rows,#fingy-brand-story .guide-rows,.customer-post .customer-journal-grid{grid-template-columns:1fr}
 .review-story-layout,.review-system-links,.review-form-grid{grid-template-columns:1fr;gap:24px}
 .review-work-details .customer-work-grid{grid-template-columns:1fr}
 .review-wide-photo img{aspect-ratio:4/3}
 body.founders-navigation .customer-hero{min-height:580px;padding:54px 20px 88px;display:flex;align-items:center}
 body.founders-navigation .customer-hero .founders-copy{width:100%;max-width:100%}
 body.founders-navigation .customer-hero .founders-copy h1{font-size:clamp(34px,8vw,48px);line-height:1.4;margin:20px 0 30px;max-width:100%}
 body.founders-navigation .customer-hero .founders-copy>p,.customer-hero .founders-actions>.text-link{display:none}
 .customer-hero .founders-actions{margin:0}
 .customer-hero:after{background:linear-gradient(90deg,rgba(7,30,58,.90),rgba(7,30,58,.45))}
 .customer-hero .customer-video{object-position:60% center}
 .customer-hero .customer-film-caption{right:20px;bottom:20px}
 .customer-action-rail{gap:20px}
 .customer-action-rail>article{flex-basis:100%}
 .customer-swipe-hint{display:block;font-size:14px!important}
}
@media(max-width:700px){
 .customer-page .course-table{overflow:visible}
 .customer-page .course-table table{display:block;min-width:0}
 .customer-page .course-table caption{display:block;width:100%;text-align:left}
 .customer-page .course-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .customer-page .course-table tbody,.customer-page .course-table tr{display:block;width:100%}
 .customer-page .course-table tr{padding:20px 0;border-top:1px solid #d9dce0}
 .customer-page .course-table :is(th,td){display:block;border:0;width:100%!important;padding:8px 0;font-size:16px}
 .customer-page .course-table th .text-link{font-size:19px;line-height:1.5}
 .customer-page .course-table td:before{content:attr(data-label);display:block;font-size:13px;color:#536273;margin-bottom:4px}
}
/* Documentary content and practical reading tools, October content review. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.story-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:32px 0 64px;border-bottom:1px solid #d9dce0}
.story-summary-grid article{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.story-summary-grid article[hidden]{display:none}
.story-summary-grid .story-thumbnail{width:100%;display:block;margin-bottom:24px}
.story-summary-grid img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.story-summary-grid h2{font-size:24px!important;line-height:1.5;margin:0 0 16px!important}
.story-summary-grid h2 a{color:inherit;text-decoration:none}
.story-summary-grid h2 a:hover{text-decoration:underline;text-underline-offset:5px}
.story-summary-grid p{font-size:17px;line-height:1.8;margin:0 0 24px}
.story-summary-grid .text-link{margin-top:auto}
[data-story-tags][id]{scroll-margin-top:120px}
.course-editorial{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;margin:40px 0 48px}
.course-editorial figure{margin:0;min-width:0}
.course-editorial img{display:block;width:100%;height:auto}
.course-editorial figcaption,.journal-visual figcaption{font-size:14px;line-height:1.7;color:#536273;margin-top:12px}
.course-editorial h3{font-size:28px;line-height:1.5;margin:0 0 20px}
.course-editorial p,.course-module-list p,.course-feedback p{font-size:17px;line-height:1.9;max-width:64ch}
.course-module-list>article{display:grid;grid-template-columns:1fr 2fr;gap:48px;padding:32px 0;border-top:1px solid #d9dce0}
.course-module-heading h3{font-size:25px;line-height:1.5;margin:8px 0 12px}
.course-module-heading p{font-size:14px;margin:0;color:#536273}
.course-number{font-size:14px;color:#536273;font-variant-numeric:tabular-nums}
.course-module-list>article>div>p:first-child{margin-top:0}
.course-outcome{margin-bottom:0}
.course-feedback{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:32px 0;margin:16px 0 32px;border-top:1px solid #d9dce0}
.course-feedback h3{font-size:23px;line-height:1.5;margin:0 0 20px}
.course-feedback dl{margin:0}
.course-feedback dl>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #d9dce0}
.course-feedback dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.course-detail-evidence{max-width:850px}
.course-detail-evidence h2:not(:first-child){margin-top:48px}
.journal-visual{margin:36px 0}
.journal-visual img{display:block;width:100%;height:auto;max-height:460px;object-fit:contain;background:#fff}
.journal-diagram{margin:36px 0;padding:24px 0 32px;border-block:1px solid #c6cdd5}
.journal-diagram figcaption{font-size:14px;margin-bottom:24px;color:#536273}
.journal-diagram ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:24px}
.journal-diagram li{position:relative;font-size:17px;line-height:1.6;padding:0 12px 0 0;min-width:0}
.journal-diagram li:not(:last-child):after{content:'→';position:absolute;right:-16px;top:2px;color:#75808e}
.journal-diagram li>span{display:block;font-size:13px;color:#536273;margin-bottom:12px}
.journal-table{overflow-x:auto;margin-top:20px}
.customer-post .journal-table table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed}
.customer-post .journal-table th,.customer-post .journal-table td{font-size:16px;line-height:1.85;padding:18px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #d9dce0;overflow-wrap:anywhere}
.customer-post .journal-table thead{background:#e9edf1}
.customer-post .journal-table th:first-child{width:28%}
.customer-post .journal-practice-label{font-size:14px;color:#536273;margin-top:0}
@media(max-width:850px){
 .story-summary-grid{grid-template-columns:1fr;gap:40px;padding-top:24px}
 .story-summary-grid article{max-width:580px}
 .course-editorial{grid-template-columns:1fr;gap:24px}
 .course-module-list>article{grid-template-columns:1fr;gap:20px}
 .course-feedback{grid-template-columns:1fr;gap:32px}
 .course-editorial h3{font-size:25px}
 .journal-diagram ol{grid-template-columns:1fr 1fr;gap:28px}
 .journal-diagram li:nth-child(2):after{display:none}
}
@media(max-width:600px){
 .customer-post .journal-table table,.customer-post .journal-table tbody,.customer-post .journal-table tr{display:block;width:100%;min-width:0}
 .customer-post .journal-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .customer-post .journal-table tr{padding:20px 0;border-top:1px solid #c6cdd5}
 .customer-post .journal-table th,.customer-post .journal-table td{display:block;width:100%!important;font-size:16px;padding:6px 0;border:0}
 .customer-post .journal-table td[data-label]:not([data-label=""]):before{content:attr(data-label);display:block;font-size:13px;color:#536273;margin:8px 0 4px}
 .journal-visual{margin:28px 0}
 .journal-diagram ol{grid-template-columns:1fr;gap:24px}
 .journal-diagram li{padding-left:32px}
 .journal-diagram li>span{position:absolute;left:0;top:1px;margin:0}
 .journal-diagram li:not(:last-child):after{content:'↓';display:block;left:2px;right:auto;top:auto;bottom:-23px;font-size:15px}
}
