/* Exotic Comps blog. Uses the site variables from /s.css; Buy box styles come from /el-forms.css (same as model pages). */
main.blog{max-width:760px;overflow-wrap:break-word}
main.blog article h1{font-size:clamp(1.85rem,6.4vw,3rem);line-height:1.12;margin:.3em 0 .35em;letter-spacing:-.005em}
.bcrumb{margin:18px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcrumb a{color:var(--acc-t)}
.bmeta{color:var(--mute);font-size:.84rem;line-height:1.5;margin:0 0 20px}.bmeta a{color:var(--acc-t)}
.bh{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;margin:4px 0 26px;border:1px solid var(--line)}
.bbody{font-size:1.0625rem;line-height:1.7;max-width:68ch}
.bbody p{margin:0 0 1.05em}.bbody p,.bbody li{color:var(--ink)}
.bbody h2{font-size:clamp(1.45rem,4.6vw,1.95rem);line-height:1.2;margin:1.7em 0 .55em}
.bbody h3{font-size:1.2rem;line-height:1.3;margin:1.4em 0 .45em}
.bbody ul,.bbody ol{padding-left:1.3em;margin:0 0 1.1em}.bbody li{margin:.35em 0}
.bbody a{color:var(--acc-t);text-underline-offset:2px}
.bbody p a,.bbody li a{display:inline;min-height:0;padding:0}
.bbody em{color:#cfccc6}
.bbody blockquote{margin:1.2em 0;padding:4px 16px;border-left:3px solid var(--acc);color:var(--mute)}
/* tables: real tables on wide screens, labelled stacked rows on phones (overrides mobile.css stacking) */
.btbl{margin:18px 0 24px;border:1px solid var(--line);overflow-x:auto;-webkit-overflow-scrolling:touch}
.btbl table{width:100%;border-collapse:collapse;table-layout:auto;font-size:.95rem}
.btbl th,.btbl td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;width:auto!important;overflow-wrap:normal;background:none}
.btbl th{background:var(--panel);font:600 .68rem/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.btbl td+td,.btbl th+th{text-align:right;white-space:nowrap}
.btbl tr:last-child td{border-bottom:0}
.bcta{margin:44px 0 10px;padding-top:10px;border-top:1px solid var(--line)}.bcta h2{font-size:1.6rem;margin:.6em 0 .2em}
.bml{font-size:.92rem;margin:12px 0 0}.bml a{color:var(--acc-t)}
.bmore{margin:38px 0 8px}.bmore h2{font-size:1.4rem}.bmore ul{list-style:none;padding:0;margin:0}.bmore li{padding:12px 0;border-top:1px solid var(--line);line-height:1.45}.bmore a{color:var(--ink)}
.bphoto{margin:26px 0 40px}
.blede{color:var(--mute);max-width:640px;margin:0 0 26px;line-height:1.6}
.bgrid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin:10px 0 50px}
.bcard{display:flex;flex-direction:column;gap:8px;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--acc);padding:16px 18px!important}
.bcard a{color:var(--ink);text-decoration:none}.bcard a:hover strong{color:var(--acc-t)}
.bcard strong{font-family:var(--serif);font-weight:500;font-size:1.3rem;line-height:1.22}
.bcd{color:var(--mute);font-size:.9rem;line-height:1.5}
@media(max-width:600px){
 .bbody{font-size:1.0625rem;line-height:1.68}
 .bmeta{margin-bottom:16px}.bh{margin:2px 0 22px}
 .btbl{border:0;overflow:visible}
 main .btbl table,main .btbl tbody,main .btbl tr,main .btbl td{display:block;width:100%!important}
 main .btbl thead{display:none}
 main .btbl tr{border:1px solid var(--line);border-top:3px solid var(--acc);background:var(--panel)!important;margin:0 0 10px;padding:6px 14px}
 main .btbl td{display:flex!important;justify-content:space-between;gap:14px;padding:7px 0!important;border-bottom:1px solid var(--line)!important;text-align:right;white-space:normal;background:none!important}
 main .btbl td:last-child{border-bottom:0!important}
 main .btbl td::before{content:attr(data-l);font:600 .66rem/1.6 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);text-align:left;flex:0 0 auto}
 main .btbl td:first-child{display:block!important;text-align:left;font-weight:600;padding-top:9px!important}
 main .btbl td:first-child::before{display:none}
 .bgrid{grid-template-columns:1fr;gap:14px}
 .bcard strong{font-size:1.22rem}
 .elorder{padding:16px}
}
.bfig{margin:4px 0 26px}.bfig .bh{margin:0}.bcap{margin:7px 0 0;font-size:.74rem;line-height:1.45;color:var(--mute)}.bcap a{color:inherit;text-decoration:underline;display:inline;min-height:0;padding:0}
@media(max-width:600px){.bfig{margin:2px 0 22px}}
.bcimg a{display:flex;flex-direction:column;gap:12px}.bth{display:block;width:calc(100% + 36px);max-width:none;height:auto;aspect-ratio:16/9;object-fit:cover;margin:-16px -18px 0;background:#111}