
#tome-flex5,#tome-flex5 *{box-sizing:border-box}#tome-flex5{font:inherit;color:#173248;line-height:1.7;background:#fff;max-width:1180px;margin:auto;padding:24px 20px 48px}#tome-flex5 h1,#tome-flex5 h2,#tome-flex5 h3{font-family:inherit;color:#173248;line-height:1.26;letter-spacing:-.015em}#tome-flex5 h1{font-size:clamp(27px,3.25vw,42px);margin:12px 0 16px}#tome-flex5 h2{font-size:clamp(23px,2.5vw,31px);margin:0 0 15px}#tome-flex5 h3{font-size:clamp(18px,1.8vw,22px);margin:0 0 8px}#tome-flex5 p{margin:0 0 14px}#tome-flex5 a{color:#bc2830;text-underline-offset:3px}#tome-flex5 strong{color:#173248}#tome-flex5 .intro{max-width:850px;font-size:17px}#tome-flex5 .eyebrow{color:#bb2830;font-weight:700;font-size:13px;letter-spacing:.07em;text-transform:uppercase}#tome-flex5 .section{padding:36px 0;border-bottom:1px solid #e5ecf1}#tome-flex5 figure{margin:0}#tome-flex5 img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px;background:#edf1f4}#tome-flex5 figcaption{color:#4e6577;font-size:13px;margin-top:8px;line-height:1.5}#tome-flex5 .hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px}#tome-flex5 .split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px}#tome-flex5 .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}#tome-flex5 .tile{padding:20px;border:1px solid #e2e9ee;border-radius:10px;background:#f8fafb}#tome-flex5 .tile p:last-child{margin:0}#tome-flex5 ul,#tome-flex5 ol{margin:6px 0 14px;padding-left:22px}#tome-flex5 li{margin-bottom:7px}#tome-flex5 .scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}#tome-flex5 table{border-collapse:collapse;width:100%;min-width:580px;font-size:15px}#tome-flex5 th,#tome-flex5 td{padding:13px;text-align:left;vertical-align:top;border-bottom:1px solid #e1e8ec}#tome-flex5 th{background:#f0f4f7;color:#173248}#tome-flex5 .note{border-left:4px solid #e62129;background:#f8fafb;padding:14px 16px;margin:20px 0}#tome-flex5 .faq h2{font-size:clamp(25px,2.7vw,32px)}#tome-flex5 details{border-bottom:1px solid #dde6ed;padding:0}#tome-flex5 summary{font-size:20px!important;font-weight:700;cursor:pointer;line-height:1.5;padding:18px 12px 18px 0}#tome-flex5 details p{color:#4e6577;margin:0;padding:0 8px 18px 0}#tome-flex5 .reference{color:#4e6577;font-size:14px}#tome-flex5 .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
@media(max-width:850px){#tome-flex5 .hero,#tome-flex5 .split{grid-template-columns:1fr}#tome-flex5 .grid3{grid-template-columns:1fr 1fr}#tome-flex5 .hero figure{order:0}}@media(max-width:600px){#tome-flex5{padding:18px 15px 32px}#tome-flex5 .section{padding:26px 0}#tome-flex5 .grid3{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:7px}#tome-flex5 .grid3 .tile{min-width:85%;scroll-snap-align:start}#tome-flex5 .cards{grid-template-columns:1fr}#tome-flex5 summary{font-size:18px!important;padding:16px 8px 16px 0}#tome-flex5 .intro{font-size:16px}}

#tome-flex5 .inline-photo{max-width:780px;margin:20px auto 0}#tome-flex5 .extra-material{max-width:530px;margin:22px auto 0}#tome-flex5 .extra-material img{max-height:290px;object-fit:cover}#tome-flex5 details summary{font-size:20px!important}#tome-flex5 figure img{color:transparent}@media(max-width:600px){#tome-flex5 .extra-material{margin:18px auto 0}#tome-flex5 .extra-material img{max-height:250px}}
/* V1.2: a compact, consistent editorial grid with four unique images */
#tome-flex5{max-width:1120px;padding:20px 24px 42px}
#tome-flex5 .section{padding:30px 0}
#tome-flex5 .hero{grid-template-columns:1.08fr .92fr;gap:32px}
#tome-flex5 .hero.section{padding-top:8px}
#tome-flex5 .hero img{aspect-ratio:4/3;object-fit:cover}
#tome-flex5 .split{gap:32px}
#tome-flex5 .split figure{max-width:500px;margin-left:auto}
#tome-flex5 .inline-photo{max-width:680px;margin:18px auto 0}
#tome-flex5 .inline-photo img{aspect-ratio:16/9}
#tome-flex5 .tile{padding:17px 18px}
#tome-flex5 .grid3{gap:12px}
#tome-flex5 .cards{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
#tome-flex5 .faq summary{font-size:20px!important}
#tome-flex5 .scroll{border:1px solid #e5ecf1;border-radius:9px}
#tome-flex5 .source-note{font-size:13px;color:#4e6577}
@media(max-width:850px){#tome-flex5 .hero{grid-template-columns:1fr}#tome-flex5 .split figure{max-width:100%;margin:0}}
@media(max-width:600px){#tome-flex5{padding:16px 15px 28px}#tome-flex5 .section{padding:24px 0}#tome-flex5 .cards{grid-template-columns:1fr}#tome-flex5 .faq summary{font-size:18px!important}#tome-flex5 figcaption{font-size:12px}#tome-flex5 .inline-photo img{aspect-ratio:4/3}}
