/* QC learning layout with the existing factory guide. */
.work-panorama.qc3-cover:not([hidden]),#resume .work-panorama.qc3-cover{background:#eff7ef;aspect-ratio:3 / 1;min-height:140px}
.work-panorama.qc3-cover>picture,.work-panorama.qc3-cover>picture>img,#resume .work-panorama.qc3-cover>.resume-art{width:38%;height:100%!important;object-fit:contain;inset:0 auto 0 2%}
.work-panorama.qc3-cover>picture>img{width:100%;inset:0}
.work-panorama.qc3-cover:not(.no-art) :is(.identity,.qhome-identity,.resume-name){inset:0 3% 0 42%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;max-width:none}
.work-panorama.qc3-cover:not(.no-art) :is(.identity>span,.qhome-identity>h2,.resume-title){position:static;width:auto;height:auto;clip-path:none;white-space:normal;overflow:visible;margin:0 0 8px;padding:0;font-size:clamp(22px,4vw,32px)!important;line-height:1.35;color:#214c40}

.qc3-points{margin:0}.qc3-points dt{font-weight:750;margin-top:18px}.qc3-points dd{margin:4px 0 18px}.qc3-page .tohan-hero p,.qc3-page .tohan-flow p{font-size:16px}.qc3-page .tohan-hero{background:#eaf3f1}.qc3-page .tohan-hero h1{font-size:clamp(24px,4vw,30px)}

.ev-figure{margin:20px 0;padding:0;border:0;color:#164f48;font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.ev-figure>figcaption{display:block;font-size:18px;font-weight:800;margin:0 0 14px}
.ev-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;align-items:start}
.ev-panel{min-width:0;background:#f0f7f3;border:1px solid #bfd6cb;border-radius:14px;padding:12px;margin:0}
.ev-panel h5{font-size:17px;line-height:1.7;margin:0 0 12px;color:#164f48}
.ev-panel img{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;background:#fff;border-radius:8px}
.ev-panel p,.ev-figure .ev-note{font-size:16px;line-height:1.85;margin:12px 0 0}
.ev-zoom{display:block;color:#185d50;text-decoration:none}
.ev-zoom span{display:block;min-height:44px;padding:10px 0 0;text-align:center;font-size:16px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.ev-note{padding:12px 0;border-top:1px solid #bfd6cb}
.ev-zoom:focus-visible{outline:3px solid #ad5b17;outline-offset:3px;border-radius:6px}
@media(max-width:390px){.ev-panel{padding:8px}.ev-panels{grid-template-columns:1fr}.ev-figure{margin-inline:0}}
@media(max-width:540px){
.qc3-page .tohan-hero{grid-template-columns:96px minmax(0,1fr);gap:8px 12px;padding:18px 12px}
.qc3-page .tohan-hero>div{display:contents}
.qc3-page .tohan-hero>picture{grid-column:1;grid-row:2}
.qc3-page .tohan-hero h1{grid-column:2;grid-row:2;font-size:24px;letter-spacing:0}
.qc3-page .tohan-hero .tohan-eyebrow{grid-column:1 / -1;grid-row:1;margin:0;font-size:14px}
.qc3-page .tohan-hero p:not(.tohan-eyebrow){grid-column:1 / -1;grid-row:3;margin:4px 0 0}
}

.qc3-page .tohan-hero img{max-width:208px;margin-inline:auto}
.work-panorama.qc3-cover>picture>img{max-width:208px;left:50%;transform:translateX(-50%)}