#fish-five .f-compare-heading{display:flex;align-items:center;gap:20px;padding:22px 0 12px}
#fish-five .f-compare-heading h1{font-size:24px;margin:0}
#fish-five .f-compare-heading .f-add{position:static;margin-left:auto}
#fish-five .f-compare-scroll{overflow:auto;border-radius:10px;background:#213e51}
#fish-five .f-compare-table{border-collapse:collapse;width:100%;font-size:12px;color:#c6d9e4;line-height:1.65}
#fish-five .f-compare-table caption{text-align:left;padding:12px 16px;color:#8faebe}
#fish-five .f-compare-table td,#fish-five .f-compare-table th{padding:12px 16px;border-bottom:1px solid #345363;text-align:left;vertical-align:top;min-width:180px;font-weight:400;white-space:pre-line}
#fish-five .f-compare-table tr:nth-child(even){background:#254655}
#fish-five .f-compare-table th:first-child{min-width:100px;width:120px;color:#9ed2dd}
#fish-five .f-compare-table thead th{width:22%}
#fish-five .f-compare-table img{display:block;width:100%;height:120px;object-fit:contain}
#fish-five .f-compare-table a{color:#e9f5fa;text-decoration:none}
#fish-five .f-compare-table .f-add{position:static;display:inline-block;margin:8px 12px 0 0}
#fish-five .f-compare-note,#fish-five .f-empty{font-size:12px;color:#adc7d5;line-height:1.8}
#fish-five .f-empty{padding:22px 0}
#fish-five .f-compare-table strong{display:block;margin-top:8px}
#fish-five .f-filter-note{font-size:12px;color:#abc4d2;padding:8px 0}
#fish-five .f-meta{grid-template-columns:minmax(0,1fr) auto}
#fish-five a:focus-visible,#fish-five button:focus-visible,#fish-five summary:focus-visible{outline:2px solid #79d4dd;outline-offset:4px}
@media(prefers-reduced-motion:reduce){#fish-five *{scroll-behavior:auto!important;transition:none!important}}

#fish-five .f-compare-table{table-layout:fixed}
#fish-five .f-compare-table thead th{width:auto}
#fish-five .f-compare-table thead th:first-child{width:120px}

#fish-five .f-editorial{max-width:800px;margin:32px auto;line-height:1.85;scroll-margin-top:24px}#fish-five .f-editorial h3{margin-top:24px}#fish-five .f-article-links{display:flex;flex-wrap:wrap;gap:16px}
[dir="rtl"] #fish-five .f-count{margin-left:0;margin-right:auto}[dir="rtl"] #fish-five .f-rowtitle,[dir="rtl"] #fish-five .f-detail-caution{border-left:0;border-right:2px solid var(--accent);padding-left:0;padding-right:12px}[dir="rtl"] #fish-five .f-latin{direction:ltr;unicode-bidi:isolate;text-align:right}

.af-language-flag{width:20px;height:14px;object-fit:cover;display:inline-block;vertical-align:middle}.f-language abbr[title]{text-decoration:none}
/* Leave room for the persistent aquarium while reading category articles. */
@media(min-width:1000px){#fish-five .f-editorial{max-width:min(800px,calc(100% - 320px));margin-left:0;margin-right:auto}}
@media(max-width:720px){#fish-five .f-motto{order:3;flex-basis:100%;margin-right:0}}
#fish-five .f-editorial{padding-bottom:280px}
#fish-five .f-home-intro{max-width:800px;margin:0 0 20px;color:var(--ink);font-size:13px;line-height:1.8}

.af-guide-page{margin:0;background:#faf9f6;color:#26352f;font-family:system-ui,sans-serif;line-height:1.7}.af-guide-page>header,.af-guide-page>main{max-width:850px;margin:auto;padding:24px}.af-guide-page>header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.af-guide-page header nav{display:flex;gap:16px}.af-guide-page a{color:inherit}.af-guide-page h1{font-size:clamp(24px,4vw,36px);line-height:1.3}.af-guide-page .f-editorial h3{margin-top:32px}.af-guide-fish{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0}.af-guide-fish a{display:flex;flex-direction:column;text-decoration:none;min-width:0}.af-guide-fish img{width:100%;height:auto;object-fit:contain}.af-guide-fish span{font-size:13px;overflow-wrap:anywhere}.af-guide-page .f-article-links{display:flex;gap:20px;flex-wrap:wrap;margin:28px 0}.af-guide-page details{margin:24px 0}.af-guide-page details a{overflow-wrap:anywhere}