/* Approved palette and type, revised interaction and content hierarchy. */
html{scroll-behavior:smooth;scroll-padding-top:24px}
.skip{top:12px;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;white-space:nowrap}.skip:focus-visible{clip-path:none;width:auto;height:auto;overflow:visible;padding:12px 18px}
.section-wrap{max-width:1366px;margin-inline:auto;padding:85px 52px}
.section-wrap h2{font-size:46px;line-height:1.13;font-weight:600;letter-spacing:-.04em;margin:17px 0 0}
.section-label{font-size:12px;line-height:1.5;color:#52616A;font-weight:400}
.section-label:before{content:'';display:inline-block;width:5px;height:5px;background:#E76125;margin-right:9px;vertical-align:2px}
.section-lead{font-size:16px;line-height:1.7;color:#3F5059;max-width:440px}
.display-word{display:inline-block;width:auto;height:auto;max-width:100%;vertical-align:-.16em}
.word-technology{width:10.2em;display:block;margin-top:.12em}
.section-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:end}
.section-intro>.section-label{grid-column:1/-1}.section-intro>.section-lead{margin-left:auto}
.inline-link,.work-section .text-link{display:inline-flex;align-items:center;min-height:40px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.actions .text-link{text-decoration:underline;text-underline-offset:5px}
.header .contact{margin-left:10px}.button{justify-content:center}
.workbench{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:60px;margin-top:45px;align-items:start}
.service-overview article{padding:20px 0;border-top:1px solid #C8D3D8}
.service-overview h3{font-size:23px;font-weight:600;line-height:1.3;letter-spacing:-.025em;margin:0 0 9px}
.service-overview p{font-size:14px;line-height:1.7;color:#3F5059;max-width:440px}
.service-overview>.text-link{margin-top:5px}
.workflow{background:#E5ECEF;padding:25px 26px;border:1px solid #CCD9DF;border-radius:6px;min-width:0}
.workflow-caption{display:flex;align-items:center;justify-content:space-between;gap:16px}
.workflow-caption h3{font-size:19px;line-height:1.35;font-weight:600;letter-spacing:-.025em;margin:0}
.workflow-caption>span{font-size:12px;color:#52616A}
.demo-hint{font-size:12px;line-height:1.6;color:#52616A;margin-top:15px}
.example-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;background:#D4E0E5;border-radius:5px;margin-top:7px}
.example-tabs button{appearance:none;border:0;min-width:0;padding:10px 4px;border-radius:3px;font:500 13px/1.3 Onest,sans-serif;color:#334A55;background:none;cursor:pointer;min-height:39px}
.example-tabs button[aria-selected=true]{background:#254650;color:white}.example-tabs button:hover:not([aria-selected=true]){background:#EEF3F5}
.workflow button:focus-visible{outline:3px solid #A54117;outline-offset:3px}
.flow-map{position:relative;height:280px;margin:13px -6px 5px}
.flow-path{position:absolute;inset:0;width:100%;height:100%;fill:none}
.flow-track{stroke:#AFBFC7;stroke-width:2}
.flow-segment{stroke:#B64B1C;stroke-width:5;opacity:0;transition:opacity .25s ease;stroke-linecap:round}
.workflow[data-stage="0"] .segment-0,.workflow[data-stage="1"] .segment-1,.workflow[data-stage="2"] .segment-2,.workflow[data-stage="3"] .segment-3{opacity:1}
.flow-step{position:absolute;width:43%;min-height:83px;padding:12px;background:#F9FBFC;border:2px solid #C6D4DB;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;color:#17252B;text-align:left;cursor:pointer;font-family:Onest,sans-serif;transition:background .25s,border-color .25s,box-shadow .25s}
.flow-step[aria-current=step]{border-color:#AB471A;background:#FFF2E8;box-shadow:0 0 0 3px #E761251A}
.flow-step:hover{border-color:#738D9A}
.step-label{display:flex;align-items:center;gap:6px;font-size:12px;color:#52616A;line-height:1.3}
.step-label>b{font-size:12px;line-height:19px;width:19px;height:19px;flex:none;text-align:center;border-radius:50%;background:#E0E9ED;color:#334E5A;font-weight:500}
.flow-step[aria-current=step] .step-label>b{background:#A54117;color:white}
.flow-step>strong{font-size:15px;line-height:1.3;letter-spacing:-.02em;font-weight:600}
.step-input{left:1%;top:13px}.step-ai{right:1%;top:13px}.step-review{right:1%;bottom:13px}.step-result{left:1%;bottom:13px}
.flow-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;text-align:center;pointer-events:none;color:#52616A;font-size:12px;line-height:1.35}
.flow-center>b{font-size:19px;font-weight:500;letter-spacing:.05em;color:#254650}
.step-explanation{border-top:1px solid #C5D3DA;padding-top:17px;min-height:115px}
.step-kicker{font-size:13px;font-weight:600;color:#254650;line-height:1.5}
.step-explanation>p+p{font-size:13px;line-height:1.65;color:#3F5059;margin-top:7px}
.demo-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}
.demo-controls>button{font:500 12px/1.4 Onest,sans-serif;min-height:39px;padding:9px 13px;cursor:pointer;border:1px solid #819BA7;border-radius:3px;color:#254650;background:#F9FBFC}
.demo-controls>.play-toggle{background:#254650;color:white;border-color:#254650;min-width:115px}
.demo-controls>button:hover{box-shadow:inset 0 0 0 1px currentColor}
.demo-status{font-size:12px;color:#52616A;margin-left:auto}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:42px}
.section-heading>.section-lead{max-width:440px}
.cases-section{background:#FFFFFF}
.case-list{border-top:1px solid #C5D0D6}
.case-record{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:90px;padding:34px 0;border-bottom:1px solid #C5D0D6;align-items:start}
.case-industry{font-size:12px;color:#52616A;line-height:1.5;margin-bottom:11px}
.case-story h3{font-size:24px;line-height:1.3;letter-spacing:-.025em;font-weight:500;margin:0 0 12px}
.case-story>p:last-child{font-size:14px;line-height:1.75;color:#3F5059;max-width:480px}
.case-evidence{padding-top:1px}.evidence-title{font-size:13px;font-weight:500;color:#3F5059;margin-bottom:16px;line-height:1.5}
.comparison{display:grid;grid-template-columns:1fr 1fr;margin:0;gap:24px}
.comparison>div{min-width:0}.comparison dt{font-size:12px;color:#52616A;line-height:1.5;margin-bottom:5px}
.comparison dd{font-family:Onest,sans-serif;font-weight:600;font-size:35px;line-height:1.25;font-variant-numeric:lining-nums tabular-nums;letter-spacing:0;margin:0;white-space:nowrap;color:#254650}
.comparison>div:first-child dd{color:#52616A;font-weight:400}
.comparison-money dd{font-size:27px}
.evidence-note{font-size:12px;line-height:1.6;color:#52616A;margin-top:14px}
.single-result{font-size:24px;line-height:1.4;color:#254650;letter-spacing:-.015em}.single-result strong{font-weight:600}
.about-section{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:95px;align-items:start}
.portrait{max-width:420px;width:100%;padding-top:7px}.portrait-image{background:#E4EBEE;padding:20px 20px 0;border-radius:5px;overflow:hidden}
.portrait-image img{width:100%;height:auto;display:block;object-fit:contain}
.portrait figcaption{display:flex;flex-direction:column;gap:4px;margin-top:17px;font-size:12px;color:#52616A}.portrait figcaption strong{font-size:15px;color:#17252B;font-weight:600}
.about-copy h2{font-size:43px}.about-copy>p:not(.section-label){font-size:15px;line-height:1.7;color:#3F5059;margin-top:20px}.about-copy>.about-lead{font-size:18px!important;color:#17252B!important}
.expertise{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.expertise>span{font-size:12px;border:1px solid #C3CFD5;padding:7px 11px;border-radius:3px;color:#3F5059}
.education{border-block:1px solid #C3CFD5;margin-top:26px;padding:0}.education summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;font-size:13px;font-weight:600;padding:17px 0}.education summary::-webkit-details-marker{display:none}
.education summary>span{font-size:22px;font-weight:400}.education[open] summary>span{transform:rotate(45deg)}
summary:focus-visible{outline:3px solid #A54117;outline-offset:5px}.education ul{padding:0 0 18px;margin:0;list-style:none;font-size:13px;line-height:1.65;color:#3F5059}.education li+li{margin-top:11px}.education li strong{font-weight:600;margin-right:8px}
.hire{margin-top:25px}.hire p{font-size:14px;line-height:1.65;color:#3F5059}.hire .inline-link{margin-top:12px}
.learning-section{background:#E7EEF1}.learning-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px;align-items:start}
.learning-intro>p:last-child{font-size:15px;line-height:1.7;color:#3F5059;max-width:420px;margin-top:25px}
.course-card{padding:31px 35px;background:#F9FBFC;border-left:3px solid #9EB4BF}
.course-level{display:inline-block;font-size:12px;color:#52616A;margin-bottom:17px}
.course-card h3{font-size:28px;font-weight:500;letter-spacing:-.025em;line-height:1.2;margin:0 0 17px}
.course-card>p{font-size:14px;line-height:1.7;color:#3F5059;max-width:430px}.course-facts{display:flex;flex-wrap:wrap;gap:6px 17px;padding:0;list-style:none;margin:22px 0 14px;font-size:12px;color:#52616A}.course-facts li{line-height:1.6}.course-card .inline-link{font-size:14px}
.journal-section .section-heading{margin-bottom:35px}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.journal-entry{display:flex;flex-direction:column;align-items:start;min-width:0}.journal-cover{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;display:block;margin-bottom:21px;background:#E5ECEF;border-radius:3px}
.journal-entry .section-label:before{display:none}.journal-entry h3{font-size:23px;font-weight:500;letter-spacing:-.025em;line-height:1.35;margin:15px 0 12px}
.journal-entry>p{font-size:14px;color:#52616A;line-height:1.65;margin-bottom:18px}.journal-entry:hover{text-decoration:none}.journal-entry:hover h3{text-decoration:underline;text-underline-offset:4px}
.journal-read{font-size:13px;margin-top:auto;min-height:32px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:5px}
.site-footer{background:#E2EAEE}.footer-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr) minmax(0,1fr);gap:80px;padding-block:65px}
.footer-intro .logo{display:inline-block;color:#17252B}.footer-intro h2{font-size:29px;letter-spacing:-.025em;margin-top:23px}.footer-intro p{font-size:14px;line-height:1.7;max-width:365px;color:#3F5059;margin-top:15px}.footer-intro .button{margin-top:23px;min-height:47px}
.footer-nav,.footer-contacts{display:flex;align-items:flex-start;flex-direction:column;gap:8px;padding-top:10px}
.footer-main h3{font-size:13px;font-weight:600;margin:0 0 10px;line-height:1.5}
.footer-nav a,.footer-contacts a{font-size:14px;min-height:32px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#93A7B2}
.footer-contacts p{font-size:12px;line-height:1.8;color:#52616A;margin-top:15px}.footer-bottom{max-width:1262px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #BCCDD5;padding:21px 0;font-size:12px;color:#52616A}.footer-bottom a{min-height:32px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
@media(min-width:1500px){.section-wrap{max-width:1500px;padding-inline:75px}.footer-bottom{max-width:1350px}}
@media(max-width:1150px){.section-wrap{padding:70px 32px}.section-wrap h2{font-size:41px}.section-intro{column-gap:45px}.section-heading{gap:45px}.workbench{gap:32px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.workflow{padding:23px 20px}.workflow-caption h3{font-size:17px}.example-tabs button{font-size:12px}.service-overview h3{font-size:21px}.case-record{gap:55px}.comparison-money dd{font-size:23px}.about-section{gap:50px}.about-copy h2{font-size:36px}.learning-grid{gap:55px}.journal-grid{gap:25px}.journal-entry h3{font-size:21px}.footer-main{gap:40px;padding-block:55px}.footer-intro h2{font-size:27px}.footer-bottom{margin-inline:32px}}
@media(max-width:900px) and (min-width:761px){.header{gap:19px}.author{padding-left:16px}.header nav{gap:13px}.header nav a{font-size:12px}.contact{display:none}.workflow-caption{flex-wrap:wrap;gap:4px}.workflow{padding-inline:16px}.flow-step{padding:9px;min-height:85px}.flow-step strong{font-size:13px}.step-label{font-size:12px}.demo-status{width:100%;margin-left:0}.case-record{gap:35px}.comparison{gap:16px}.comparison-money dd{font-size:20px}.about-section{grid-template-columns:.65fr 1fr;gap:35px}.footer-main{gap:28px;grid-template-columns:1.2fr .7fr 1fr}.footer-contacts a{font-size:13px}}
@media(max-width:760px){
 .header{height:auto;min-height:115px;padding-block:17px;row-gap:12px}.header nav{display:flex;order:3;width:100%;margin-left:0;justify-content:space-between;gap:8px}.header nav a{font-size:12px;min-height:30px}.header .contact{margin-left:auto}
 .section-wrap{padding:58px 22px}.section-wrap h2{font-size:34px;margin-top:16px}.section-intro{display:block}.section-intro>.section-lead{margin:23px 0 0;font-size:15px}
 .workbench{display:block;margin-top:29px}.service-overview article{padding:18px 0}.service-overview h3{font-size:21px;margin-bottom:8px}.service-overview p{font-size:14px}.workflow{padding:22px 16px;margin-top:28px}.workflow-caption{display:block}.workflow-caption h3{font-size:20px}.workflow-caption>span{display:block;margin-top:5px}.demo-hint{font-size:12px;margin-top:15px}.example-tabs{gap:2px;padding:3px}.example-tabs button{font-size:12px;padding:10px 2px;min-height:40px}
 .flow-map{height:300px;margin:10px -4px 7px}.flow-step{width:44%;padding:10px 9px;min-height:91px}.step-label{font-size:12px;gap:4px}.step-label>b{font-size:12px;line-height:17px;width:17px;height:17px}.flow-step>strong{font-size:13px;line-height:1.4}.step-input,.step-ai{top:12px}.step-review,.step-result{bottom:12px}.flow-center{font-size:12px}.flow-center>b{font-size:18px}.step-explanation{min-height:138px}.step-kicker{font-size:13px}.step-explanation>p+p{font-size:13px}.demo-controls{gap:7px}.demo-controls>button{font-size:12px;padding:10px 11px;min-height:40px}.demo-controls>.play-toggle{min-width:108px}.demo-status{margin-left:0;width:100%;margin-top:3px}
 .section-heading{display:block;margin-bottom:30px}.section-heading>.section-lead{margin-top:23px;font-size:15px}.case-record{display:block;padding:27px 0}.case-industry{font-size:12px;margin-bottom:9px}.case-story h3{font-size:23px}.case-story>p:last-child{font-size:14px}.case-evidence{margin-top:22px;padding:18px;background:#F1F5F6}.evidence-title{font-size:12px;margin-bottom:13px}.comparison{gap:19px}.comparison dd{font-size:31px}.comparison-money dd{font-size:22px}.evidence-note{font-size:12px}.single-result{font-size:23px}
 .about-section{display:flex;flex-direction:column;gap:37px}.portrait{padding-top:0;max-width:360px;align-self:center}.portrait-image{padding:14px 18px 0}.portrait-image img{max-height:430px;object-fit:contain;object-position:bottom}.portrait figcaption{margin-top:14px}.about-copy{min-width:0}.about-copy>.about-lead{font-size:17px!important}.about-copy>p:not(.section-label){font-size:14px}.expertise{gap:7px;margin-top:23px}.expertise>span{font-size:12px;padding:7px 9px}.education summary{font-size:12px}.education ul{font-size:12px}.hire p{font-size:14px}
 .learning-grid{display:block}.learning-intro>p:last-child{font-size:14px;margin-top:22px}.course-card{padding:25px 23px;margin-top:28px}.course-card h3{font-size:26px}.course-card>p{font-size:14px}.course-level{font-size:12px}.course-facts{display:block;margin-top:18px}.course-facts li+li{margin-top:5px}
 .journal-section .section-heading{margin-bottom:27px}.journal-section .section-heading>.inline-link{margin-top:18px}.journal-grid{display:block}.journal-entry+.journal-entry{margin-top:38px}.journal-entry h3{font-size:24px;margin:13px 0 12px}.journal-cover{margin-bottom:17px}.journal-entry>p{margin-bottom:13px}
 .footer-main{grid-template-columns:1fr 1fr;gap:38px 24px;padding-block:45px}.footer-intro{grid-column:1/-1}.footer-intro h2{font-size:29px}.footer-intro p{font-size:14px}.footer-nav,.footer-contacts{padding-top:0;gap:7px}.footer-nav a,.footer-contacts a{font-size:13px;min-height:32px;overflow-wrap:anywhere}.footer-main h3{font-size:12px}.footer-contacts p{font-size:12px}.footer-bottom{margin-inline:22px;flex-wrap:wrap;padding:19px 0;gap:8px;font-size:12px}.footer-bottom a{min-height:32px}
}
@media(max-width:359px){.section-wrap{padding-inline:17px}.section-wrap h2{font-size:30px}.workflow{padding-inline:12px}.example-tabs{grid-template-columns:1fr 1fr}.flow-step{padding:9px 7px;min-height:94px}.step-label{font-size:12px;gap:3px}.step-label>b{font-size:12px;width:16px;height:16px;line-height:16px}.flow-step>strong{font-size:12px}.flow-center{font-size:12px}.step-explanation{min-height:155px}.demo-controls>button{padding-inline:10px}.comparison-money{gap:14px}.comparison-money dd{font-size:19px}.course-card{padding-inline:19px}.course-card h3{font-size:24px}.footer-main{grid-template-columns:1fr;gap:30px}.footer-intro{grid-column:auto}.footer-bottom{margin-inline:17px}.footer-contacts a{font-size:14px}.footer-intro h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.flow-step,.flow-segment{transition:none}}

/* Archive: a compact reference section, with context beside the four records. */
.cases-section{background:#E4EBEE;border-block:1px solid #CFDADD}
.archive-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:65px;padding-block:60px}
.archive-label{display:inline-block;padding:7px 11px;background:#254650;color:white;border-radius:3px;font-size:12px}
.archive-heading h2{font-size:34px;line-height:1.17;margin-top:23px}
.archive-heading .section-lead{font-size:14px;line-height:1.7;margin-top:22px}
.archive-note{display:block;border-top:1px solid #B9C9D1;padding-top:17px;margin-top:25px;font-size:12px;line-height:1.6;color:#52616A}
.case-list{border-top:0}
.case-record{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:33px;padding:23px 0;border-color:#B9C9D1}
.case-record:first-child{padding-top:0}.case-record:last-child{border-bottom:0;padding-bottom:0}
.case-industry{font-size:12px;margin-bottom:7px}.case-story h3{font-size:20px;margin-bottom:8px}
.case-story>p:last-child{font-size:13px;line-height:1.65}.case-evidence{padding-top:1px}
.evidence-title{font-size:12px;margin-bottom:11px}.comparison{gap:17px}.comparison dd{font-size:29px}.comparison-money dd{font-size:21px}.comparison dt{margin-bottom:3px}.evidence-note{margin-top:10px}.single-result{font-size:21px}

/* An open lesson: readable HTML illustration, tied to the real beginner course. */
.learning-section{background:#E7EEF1}
.learning-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px;align-items:center}
.learning-intro .learning-description{font-size:15px;line-height:1.75;color:#3F5059;margin-top:24px;max-width:420px}
.learning-intro .course-facts{margin:25px 0;gap:8px 20px;font-size:13px;list-style:none;display:flex;flex-wrap:wrap;padding:0;color:#3F5059}
.learning-intro .course-facts li:before{content:'•';margin-right:8px;color:#A54117}
.learning-intro .learning-footnote{font-size:13px;line-height:1.7;color:#52616A;margin-top:23px}
.lesson-visual{padding:0 24px 0;position:relative;min-width:0}
.lesson-topline{display:flex;justify-content:space-between;gap:14px;font-size:12px;line-height:1.5;color:#52616A;margin-bottom:14px}
.lesson-paper{position:relative;border:1px solid #C3D1D7;background:#FAFCFD;padding:30px;box-shadow:8px 8px 0 #D6E1E6}
.lesson-title-row{display:flex;align-items:center;gap:15px;margin-bottom:24px}

.lesson-kicker{font-size:12px;color:#52616A}.lesson-paper h3{font-size:23px;line-height:1.3;letter-spacing:-.025em;font-weight:600;margin:4px 0 0}
.lesson-caption{font-size:12px;font-weight:600;display:block;margin-bottom:8px;color:#52616A}
.lesson-prompt{padding:19px 20px;background:#E8EFF2;margin-left:35px;border-radius:8px 8px 0 8px}
.lesson-prompt p,.lesson-answer p{font-size:14px;line-height:1.65}
.lesson-answer{margin:20px 35px 0 0;padding-left:17px;border-left:2px solid #E76125}
.lesson-check{border-top:1px solid #D0DCE2;margin-top:24px;padding-top:18px;display:flex;align-items:flex-start;gap:12px}
.lesson-check>span{flex:none;width:25px;height:25px;background:#254650;color:white;border-radius:50%;font-size:15px;text-align:center;line-height:25px}
.lesson-check p{font-size:12px;color:#52616A;line-height:1.65}.lesson-check strong{display:block;font-size:13px;color:#254650;margin-bottom:2px;font-weight:600}
.lesson-visual figcaption{font-size:12px;line-height:1.65;color:#52616A;margin:24px 0 0;max-width:420px}.lesson-visual figcaption a{display:flex;width:max-content;font-size:13px;margin-top:6px;color:#254650}

/* The blog uses the site's existing taxonomy and publication dates. */
.journal-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.journal-filters button{font:400 13px/1.4 Onest,sans-serif;min-height:40px;padding:9px 14px;background:none;border:1px solid #BCCBD2;border-radius:4px;color:#3F5059;cursor:pointer;text-align:left;max-width:100%}
.journal-filters button[aria-pressed=true]{color:white;background:#254650;border-color:#254650}.journal-filters button:hover:not([aria-pressed=true]){background:#E3EBEF}
.journal-filters button:focus-visible,.journal-more:focus-visible{outline:3px solid #A54117;outline-offset:3px}
.journal-list-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;font-size:12px;color:#52616A}
.journal-meta{display:flex;flex-wrap:wrap;gap:7px 12px;font-size:12px;color:#52616A;line-height:1.5}.journal-meta time{white-space:nowrap}
.journal-entry h3{margin-top:11px;font-size:22px;margin-bottom:18px}.journal-grid{row-gap:42px}
.journal-more-row{display:flex;justify-content:center;margin-top:36px}
.journal-more{font:500 14px/1.4 Onest,sans-serif;color:#254650;border:1px solid #819BA7;background:none;min-height:48px;padding:13px 31px;cursor:pointer;border-radius:3px}.journal-more:hover{background:#E3EBEF}
.journal-entry[hidden],.journal-filters[hidden],.journal-more[hidden]{display:none}
@media(max-width:1150px){.archive-layout{grid-template-columns:215px minmax(0,1fr);gap:36px}.archive-heading h2{font-size:31px}.case-record{gap:24px}.comparison-money dd{font-size:18px}.learning-grid{gap:40px}.lesson-visual{padding-inline:0}.lesson-paper{padding:24px}.lesson-paper h3{font-size:21px}}
@media(max-width:1000px){.archive-layout{display:block}.archive-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-bottom:30px}.archive-label{width:max-content;grid-column:1}.archive-heading h2{grid-column:1}.archive-heading .section-lead{grid-column:2;grid-row:1/3;margin-top:0}.archive-note{grid-column:1/-1;margin-top:20px;padding-top:13px}.case-record{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.comparison-money dd{font-size:23px}}
@media(max-width:760px){.archive-layout{padding-block:43px}.archive-heading{display:block}.archive-heading h2{font-size:30px;margin-top:19px}.archive-heading .section-lead{margin-top:18px;font-size:14px}.archive-note{margin-top:18px}.case-record{display:block;padding-block:24px}.case-story h3{font-size:21px}.case-evidence{background:none;padding:0;margin-top:17px}.comparison dd{font-size:27px}.comparison-money dd{font-size:22px}.single-result{font-size:21px}.evidence-note{margin-top:9px}.learning-intro .course-facts{display:flex}.learning-intro .course-facts li+li{margin:0}.lesson-visual{margin-top:35px;padding-right:8px}.lesson-paper{padding:21px 18px}.lesson-title-row{gap:12px;margin-bottom:22px}.lesson-paper h3{font-size:20px}.lesson-prompt{margin-left:12px;padding:16px}.lesson-answer{margin-right:0}.lesson-topline{font-size:12px}.journal-filters{gap:7px;margin-bottom:24px}.journal-filters button{font-size:12px;min-height:40px;padding:9px 10px}.journal-entry h3{font-size:23px}.journal-entry+.journal-entry{margin-top:32px}.journal-more-row{margin-top:30px}.journal-more{width:100%}}
@media(max-width:359px){.lesson-paper{padding:18px 14px}.lesson-paper h3{font-size:18px}.lesson-title-row{gap:9px}.lesson-prompt{margin-left:0;padding:14px}.lesson-prompt p,.lesson-answer p{font-size:13px}.lesson-answer{padding-left:12px}.lesson-topline{gap:8px}.journal-entry h3{font-size:21px}.comparison-money dd{font-size:20px}}

.alt-contacts{flex-basis:100%;margin:2px 0 0;font-size:12px;line-height:1.5;color:#3F5059}
.alt-contacts a{display:inline-block;min-height:24px;line-height:24px;padding:0 2px;color:#17252B;text-decoration:underline;text-underline-offset:4px}
.footer-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}
.footer-intro .footer-buttons .button{margin-top:0}
.button-ghost{background:transparent;color:#17252B;box-shadow:inset 0 0 0 1px #17252B}
.button-ghost:hover{background:#17252B;color:#fff}
.alt-contacts .nw{white-space:nowrap}
.journal-cover{filter:saturate(.35) contrast(.95) brightness(1.03);transition:filter .3s ease}
.journal-entry:hover .journal-cover,.journal-entry:focus-visible .journal-cover{filter:none}
@media(prefers-reduced-motion:reduce){.journal-cover{transition:none}}

.lesson-visual{display:grid;grid-template-columns:120px minmax(0,1fr);grid-template-areas:". top" "bot paper" ". cap";column-gap:0;align-items:start}
.lesson-topline{grid-area:top;margin-left:-56px}
.lesson-paper{grid-area:paper;margin-left:-56px}
.lesson-visual figcaption{grid-area:cap;margin-left:-56px}
.lesson-bot{grid-area:bot;justify-self:end;width:150px;max-width:none;height:auto;margin:84px -4px 0 0;position:relative;z-index:2;filter:drop-shadow(0 6px 10px rgba(23,37,43,.12))}
@media(max-width:760px){
 .lesson-visual{grid-template-columns:minmax(0,1fr) 64px;grid-template-areas:"top bot" "paper paper" "cap cap";column-gap:8px;align-items:end}
 .lesson-topline,.lesson-paper,.lesson-visual figcaption{margin-left:0}
 .lesson-topline{align-self:end;margin-bottom:10px}
 .lesson-bot{width:64px;margin:0 6px -10px 0;filter:none}}

/* Робот-маскот на главной (09.10.2026): пара поз на общем холсте (design/mascot/rig/make_home.py), вторая поверх первой.
   Позы меняются мгновенно, без прыжка: плавное затухание давало «двойную голову».
   Блог — с лупой рассматривает заголовок и оборачивается к читателю; подвал — машет, когда долистали. */
.home-bot{position:relative;flex:none;pointer-events:none}
.home-bot img{display:block;width:100%;height:100%}
.home-bot img+img{position:absolute;inset:0;opacity:0}
.home-bot.is-alt img:first-child{opacity:0}.home-bot.is-alt img+img{opacity:1}
.home-bot--loupe{width:89px;height:165px;margin:0 auto -4px -20px}
.footer-buttons{position:relative}.home-bot--foot{position:absolute;left:calc(min(365px,100%) + 24px);bottom:0;width:99px;height:173px}
@media(max-width:1150px) and (min-width:761px){.home-bot--foot{display:none}}   /* кнопки переносятся, роботу негде встать */
@media(max-width:760px){.journal-section .section-heading{position:relative}
 .home-bot--loupe{position:absolute;right:0;top:-4px;width:57px;height:110px;margin:0}
 .footer-intro{position:relative}.footer-buttons{position:static}.footer-intro h2{padding-right:72px}.journal-section .section-heading h2{padding-right:64px}
 .home-bot--foot{left:auto;right:0;top:-6px;bottom:auto;width:63px;height:110px}}