.rank-page{width:min(100% - 40px,1060px);margin:auto;padding:26px 0 60px}.rank-hero{text-align:center;max-width:820px;margin:0 auto;padding:16px 0 28px}.rank-hero>p:first-child{color:#ffd37b;font-size:11px;font-weight:700;letter-spacing:.14em}.rank-hero h1{font-size:clamp(27px,3.5vw,40px);line-height:1.3;margin:10px 0 13px;text-wrap:balance}.rank-hero>p:last-child{color:#f3daca;font-size:14px;max-width:650px;margin:auto}.editor-note{background:#ffebbf;color:#573323;border:1px solid #f4d28b;border-radius:13px;padding:17px 20px;margin-bottom:18px}.editor-note strong{font-size:14px}.editor-note p{font-size:12px;line-height:1.7;margin:4px 0 0;color:#765745}.rank-content{background:#fffaf3;color:#432b22;border-radius:17px;padding:clamp(20px,4vw,40px)}.rank-section-head>p{font-size:10px;letter-spacing:.14em;color:#bd5818;font-weight:700;margin:0 0 4px}.rank-section-head h2{font-size:clamp(22px,2.5vw,28px);line-height:1.35;margin:0;color:#512d23}.rank-section-head>span{display:block;color:#8b7567;font-size:12px;margin-top:5px}.rank-list{display:grid;gap:12px;margin-top:20px}.rank-card{position:relative;display:grid;grid-template-columns:170px minmax(0,1fr);min-height:158px;background:#fff;border:1px solid #eddfd0;border-radius:12px;overflow:hidden}.rank-number{position:absolute;z-index:1;top:10px;left:10px;border-radius:7px;background:#fff4d9;color:#9b4815;padding:3px 8px;font-weight:700;font-size:12px}.rank-visual{background:#f4e8db;min-height:155px}.rank-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 22%}.rank-visual.provider{background:linear-gradient(135deg,#632735,#984b30);padding:25px;display:flex;align-items:center}.rank-visual.provider img{height:auto;max-height:85px;object-fit:contain}.rank-copy{padding:17px 20px;align-self:center}.rank-kind{font-size:10px;letter-spacing:.1em;font-weight:700;color:#bc5b19;margin:0 0 4px}.rank-copy h3{font-size:19px;line-height:1.3;margin:0 0 5px}.rank-copy>p:not(.rank-kind){font-size:12px;line-height:1.65;color:#79665a;margin:0 0 8px}.pending{display:inline-flex;color:#9b5e31;background:#fbf0e4;border-radius:999px;padding:4px 9px;font-size:10px}.rank-tip{margin-top:24px;border-left:3px solid #d89439;border-radius:4px 10px 10px 4px;background:#f8eee1;padding:15px 18px}.rank-tip strong{font-size:14px}.rank-tip p{font-size:12px;line-height:1.75;color:#765f52;margin:5px 0 8px}.rank-tip a{font-size:12px;font-weight:600;color:#a34b12}.table-wrap{margin-top:20px;overflow-x:auto;border:1px solid #ead9c9;border-radius:11px}.table-wrap:focus-visible{outline:3px solid #d67c27;outline-offset:2px}table{border-collapse:collapse;width:100%;min-width:680px;text-align:left;font-size:12px}caption{text-align:left;background:#fff4e3;color:#81523c;font-weight:600;padding:12px 14px}th,td{border-top:1px solid #f0e4d8;padding:12px 14px;vertical-align:top}thead th{background:#f9eee1;color:#693a29}tbody th{color:#5e3b2d}tbody td{color:#806f64}.site-head{margin-top:34px}.site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:17px}.site-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #eddfd0;border-radius:11px;background:#fff;color:#4d2a21;text-decoration:none}.site-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.site-card span{font-size:14px;font-weight:700;padding:12px 12px 2px}.site-card strong{font-size:11px;color:#a44a12;padding:0 12px 12px}.rank-return{display:flex;justify-content:space-between;gap:16px;margin-top:24px}.rank-return a{font-size:13px;font-weight:600;color:#ffe7c2}a:focus-visible{outline:3px solid #ffcb43;outline-offset:4px}@media(max-width:767px){.rank-page{width:calc(100% - 28px);padding:18px 0 40px}.rank-hero{padding:4px 0 21px}.rank-hero h1{font-size:clamp(24px,6.5vw,31px)}.rank-hero>p:last-child{font-size:12px}.editor-note{padding:14px 16px}.editor-note p{font-size:11px}.rank-content{padding:19px 15px;border-radius:14px}.rank-card{grid-template-columns:95px minmax(0,1fr);min-height:124px}.rank-visual{min-height:124px}.rank-visual.provider{padding:12px}.rank-copy{padding:12px}.rank-copy h3{font-size:15px}.rank-copy>p:not(.rank-kind){font-size:11px}.rank-number{font-size:10px;top:6px;left:6px;padding:2px 6px}.rank-section-head h2{font-size:20px}.site-grid{grid-template-columns:1fr}.site-card{display:grid;grid-template-columns:100px 1fr;column-gap:12px}.site-card img{grid-row:1/3;height:100%;aspect-ratio:auto;object-fit:cover}.site-card span{padding:12px 10px 2px 0}.site-card strong{padding:0 10px 12px 0}.rank-return a{font-size:11px}}
/* Short summaries for each website profile. */
.site-card .site-copy{display:flex;flex:1;flex-direction:column;align-items:start;padding:14px}.site-card .site-copy h3{color:#4d2a21;font-size:15px;line-height:1.4;margin:0 0 6px}.site-card .site-copy p{color:#7d6a5e;font-size:12px;line-height:1.7;margin:0 0 12px}.site-card .site-copy a{color:#a44a12;font-size:12px;font-weight:700;margin-top:auto;text-decoration:none}.site-card .site-copy a span{padding:0;font-size:inherit}@media(max-width:767px){.site-card{display:flex;flex-direction:row}.site-card>img{flex:none;width:100px;height:auto;min-height:130px;aspect-ratio:auto;object-fit:cover}.site-card .site-copy{padding:12px}.site-card .site-copy h3{font-size:14px}.site-card .site-copy p{font-size:11px;line-height:1.6;margin-bottom:8px}.site-card .site-copy a{font-size:11px}}
/* Fit every comparison column on screen without horizontal scrolling. */
.table-wrap{overflow-x:visible}table{min-width:0;width:100%;table-layout:fixed}table th,table td{overflow-wrap:anywhere;word-break:normal}table th:first-child{width:31%}table th:not(:first-child){width:23%}@media(max-width:767px){table{font-size:10px;line-height:1.45}table caption{font-size:11px;padding:10px 7px}table th,table td{padding:9px 5px;vertical-align:top}table thead th{font-size:10px}table th:first-child{width:29%}table th:not(:first-child){width:23.66%}}@media(max-width:360px){table{font-size:9px}table thead th{font-size:9px}table th,table td{padding:8px 3px}}
