/* Apply the existing Stories presentation to the approved size comparison. */
#main.sizes-story h1{font-size:clamp(2.7rem,4.4vw,3.9rem)}
#main.sizes-story .breadcrumb ol{display:flex;flex-wrap:wrap;gap:5px 0;list-style:none;margin:0;padding:0}
#main.sizes-story .breadcrumb li{display:inline-flex;align-items:baseline}
#main.sizes-story .breadcrumb li+li::before{content:'/';padding-inline:9px;color:var(--muted)}
#main.sizes-story .size-comparison{margin-top:28px}
#main.sizes-story .table-followthrough:empty{display:none}
#main.sizes-story .size-comparison th,#main.sizes-story .size-comparison td{overflow-wrap:break-word;vertical-align:top}
#main.sizes-story .size-comparison thead th:first-child{width:22%}
#main.sizes-story .size-comparison thead th:nth-child(2){width:39%}
#main.sizes-story .size-comparison tbody th{padding:15px 18px 15px 0;border-bottom:1px solid var(--rule);font:600 1rem/1.65 'DM Sans',Arial,sans-serif;text-transform:none;letter-spacing:normal;background:transparent}
#main.sizes-story .size-comparison tbody tr:last-child th{border-bottom:0}
@media(max-width:650px){
 #main.sizes-story h1{font-size:clamp(2.3rem,9.8vw,3.4rem);max-width:none}
 #main.sizes-story .meta span+span{border-left:0;padding-left:0}
 #main.sizes-story .size-comparison{padding:20px}
 #main.sizes-story .size-comparison table,#main.sizes-story .size-comparison tbody{display:block}
 #main.sizes-story .size-comparison thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 #main.sizes-story .size-comparison tbody tr{display:block;padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--rule)}
 #main.sizes-story .size-comparison tbody tr:last-child{border:0;margin:0;padding:0}
 #main.sizes-story .size-comparison tbody th,#main.sizes-story .size-comparison td{display:block;width:100%;border:0;padding:0}
 #main.sizes-story .size-comparison tbody th{font:400 1.35rem/1.4 'Bree Serif',Georgia,serif;margin-bottom:12px}
 #main.sizes-story .size-comparison td+td{margin-top:12px}
 #main.sizes-story .size-comparison td::before{content:attr(data-label);display:block;font-size:.875rem;font-weight:700;color:var(--green);margin-bottom:3px}
}
@media print{
 @page{size:auto;margin:16mm}
 body{background:white!important}
 body>.vtc-announcement,body>header,body>.vtc-footer,body>.vtc-skip,body>dialog,.vtc-connect,#stay-in-touch{display:none!important}
 #main.sizes-story{width:100%;max-width:none;background:white}
 #main.sizes-story h1{font-size:27pt}
 #main.sizes-story .story-hero{grid-template-columns:1fr 1fr;grid-template-areas:"title photo" "opening opening";gap:20pt}
 #main.sizes-story .hero-photo{max-width:300pt}
 #main.sizes-story .section-title{break-after:avoid}
 #main.sizes-story .size-comparison{break-inside:avoid;background:none;padding:12pt 0;font-size:10pt}
 #main.sizes-story .size-comparison td::before{display:none}
 #main.sizes-story .size-comparison tbody th{font-size:10pt}
}
