.tf-family-preview[hidden]{display:none!important}.tf-family-preview{margin:12px 0;max-width:100%}.tf-family-preview-group{padding:10px;border:1px solid #dce5df;border-radius:7px;background:#fff}.tf-family-preview-group+.tf-family-preview-group{margin-top:8px}.tf-family-preview-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}.tf-family-preview-heading strong{font-size:14px;color:#263b2e}.tf-family-preview-heading small{font-size:11px;color:#637269}.tf-family-preview-items{display:flex;gap:8px;flex-wrap:wrap}.tf-family-preview-item{position:relative;display:block;width:76px;border:1px solid #e0e4e0;border-radius:5px;padding:3px;background:#fff;text-decoration:none!important}.tf-family-preview-item[aria-current=page]{border:2px solid #3b7852;padding:2px}.tf-family-preview-item img{display:block;max-width:100%;height:68px;object-fit:contain}.tf-family-preview-item span{position:absolute;z-index:20;display:none;bottom:100%;right:0;min-width:180px;max-width:240px;padding:6px 9px;background:#263b2e;color:#fff;border-radius:4px;font-size:12px;line-height:1.5;text-align:right;pointer-events:none}.tf-family-preview-item:hover span,.tf-family-preview-item:focus span{display:block}.tf-family-preview-item:focus-visible{outline:2px solid #3b7852;outline-offset:2px}@media(max-width:480px){.tf-family-preview-item{width:62px}.tf-family-preview-item img{height:54px}.tf-family-preview-heading strong{font-size:13px}}

/* Family-owned mobile/tablet rail. Desktop and Journal layout stay unchanged. */
@media(max-width:1199px){
 .tf-family-preview,.tf-family-preview-group{min-width:0;box-sizing:border-box}
 .tf-family-preview-items{direction:rtl;flex-wrap:nowrap;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;gap:8px;padding:3px 2px 7px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#799d86 #edf2ee}
 .tf-family-preview-items::-webkit-scrollbar{height:5px}
 .tf-family-preview-items::-webkit-scrollbar-track{background:#edf2ee;border-radius:4px}
 .tf-family-preview-items::-webkit-scrollbar-thumb{background:#799d86;border-radius:4px}
 .tf-family-preview-item{flex:0 0 96px;width:96px;box-sizing:border-box}
 .tf-family-preview-item img{width:100%;height:62px}
 /* Touch has no hover: keep a short readable name inside the rail, not a clipped tooltip. */
 .tf-family-preview-item span,.tf-family-preview-item:hover span,.tf-family-preview-item:focus span{position:static;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-width:0;max-width:100%;height:30px;margin-top:3px;padding:0 2px;background:transparent;color:#263b2e;border-radius:0;font-size:11px;line-height:15px;text-align:right;overflow-wrap:anywhere}
 .tf-family-preview-heading{margin-bottom:5px}
}

.tf-family-preview-heading strong{font-size:17px;color:#207d3f;font-weight:700;line-height:1.5;text-shadow:none;filter:none}
@media(max-width:480px){.tf-family-preview-heading strong{font-size:16px}}

.tf-family-preview-heading strong .tf-family-heading-name{color:#202020}

/* Family-owned all-width rail. Short groups centered, long groups never wrap. */
.tf-family-preview{padding-top:16px;border-top:1px solid #dce5df;margin-top:20px;clear:both}
.tf-family-preview-group{background:#f7faf8;border-top:3px solid #207d3f}
.tf-family-choice-hint{font-size:12px;line-height:18px;color:#53655a;text-align:center;margin:0 0 6px}
.tf-family-preview-heading strong{display:block;overflow:auto;box-sizing:border-box;transition:none!important}
.tf-family-rail .tf-family-preview-item{height:76px;margin:0!important;transform:none!important;transition:none!important}
.tf-family-rail .tf-family-preview-item img{margin:0!important;transform:none!important;transition:none!important}
.tf-family-rail{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:5px;direction:ltr;min-width:0;max-width:100%}
.tf-family-rail .tf-family-preview-items{grid-column:2;grid-row:1;direction:rtl;display:flex;flex-wrap:nowrap;justify-content:center;gap:8px;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:3px 2px 7px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#799d86 #edf2ee}
.tf-family-rail.is-overflowing .tf-family-preview-items{justify-content:flex-start}
.tf-family-rail .tf-family-preview-item{flex:0 0 86px;width:86px;box-sizing:border-box}
.tf-family-rail .tf-family-preview-item img{width:100%;height:68px;object-fit:contain}
.tf-family-rail-arrow{grid-row:1;width:30px;height:42px;padding:0!important;display:flex;align-items:center;justify-content:center;border:1px solid #b6cabb!important;border-radius:5px;background:#fff!important;color:#207d3f!important;font:32px/1 Arial,sans-serif!important;box-shadow:none!important;cursor:pointer}
.tf-family-rail-left{grid-column:1}.tf-family-rail-right{grid-column:3}
.tf-family-rail-arrow[hidden]{display:none!important}.tf-family-rail-arrow:disabled{opacity:.28;cursor:default}.tf-family-rail-arrow:focus-visible{outline:2px solid #207d3f;outline-offset:2px}
@media(max-width:480px){.tf-family-rail{grid-template-columns:25px minmax(0,1fr) 25px;gap:3px}.tf-family-rail-arrow{width:25px}.tf-family-rail .tf-family-preview-item{flex-basis:82px;width:82px}}