/*
 * Styles for the framed widgets (/embed/*). A page of its own: no site header, no scripts. Same tokens as site.css, kept small.
 * Themes: .em-light (default), .em-dark, .em-auto (follows the visitor's color scheme).
 */
@font-face{font-family:"LM Display";src:url(/assets/fonts/bricolage-latin.woff2) format("woff2");font-weight:500 800;font-style:normal;font-display:swap}
@font-face{font-family:"LM Cond";src:url(/assets/fonts/bricolage-cond-latin.woff2) format("woff2");font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:"LM Sans";src:url(/assets/fonts/host-latin.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}

:root{--bg:#FFFFFF;--surface-2:#E3EAE7;--ink:#0E1916;--ink-2:#293833;--muted:#566963;--line:#D2DBD7;--line-2:#B4C1BB;--accent:#12733F;--accent-ink:#FFFFFF;--accent-soft:#D6EBDD;--gold:#F5B800;--gold-ink:#3A2B00;--bronze-text:#8A5A2B;
  --f-display:"LM Display",Arial,sans-serif;--f-sans:"LM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--f-num:"LM Cond","LM Display",Arial,sans-serif}
.em-dark{--bg:#101A15;--surface-2:#17231D;--ink:#E7F0EC;--ink-2:#C7D5CF;--muted:#93A79F;--line:#212F27;--line-2:#33463D;--accent:#57C98A;--accent-ink:#04120A;--accent-soft:#12331F;--bronze-text:#E0B48A;color-scheme:dark}
@media (prefers-color-scheme:dark){
  .em-auto{--bg:#101A15;--surface-2:#17231D;--ink:#E7F0EC;--ink-2:#C7D5CF;--muted:#93A79F;--line:#212F27;--line-2:#33463D;--accent:#57C98A;--accent-ink:#04120A;--accent-soft:#12331F;--bronze-text:#E0B48A;color-scheme:dark}
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:400 .92rem/1.45 var(--f-sans);padding:14px 16px;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.em-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:4px}
.em-h h1{margin:0;font:720 1.02rem/1.25 var(--f-display);min-width:0}
.em-brand{display:inline-flex;align-items:center;gap:6px;flex:none;font:700 .8rem var(--f-display);color:var(--muted)}
.em-lem{width:26px;height:auto}
.em-list{list-style:none;margin:0;padding:0;flex:1}
.em-list li{display:grid;grid-template-columns:24px 30px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.em-n{font:800 1.25rem/1 var(--f-num);text-align:center;color:var(--muted)}
.em-list li:first-child .em-n{color:var(--gold-ink);background:var(--gold);width:24px;height:24px;display:grid;place-items:center;border-radius:6px;font-size:1.05rem}
.em-list li:nth-child(3) .em-n{color:var(--bronze-text)}
.em-name{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.em-s{font:800 1.1rem/1 var(--f-num);color:var(--ink-2)}
.em-conn{font-weight:800;margin-left:2px}
.em-f{padding-top:10px;font-weight:650;font-size:.86rem}
.em-f a{color:var(--accent)}
.logo{--s:30px;width:var(--s);height:var(--s);flex:none;display:inline-grid;place-items:center;background:#fff;border:1px solid #D2DBD7;border-radius:7px;overflow:hidden}
.logo img{width:100%;height:100%;object-fit:contain;padding:calc(var(--s)*.14)}
.mono{font:800 calc(var(--s)*.4)/1 var(--f-display);background:var(--accent-soft);color:var(--accent);border-color:transparent}
.em-prod{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0 6px}
.em-tag{margin:0;font-weight:600;line-height:1.35}
.em-rank{margin:2px 0 0;color:var(--muted);font-size:.84rem}
.em-score{font:800 2rem/1 var(--f-num)}
.em-verdict{margin:6px 0 0;color:var(--ink-2);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.em-search{display:flex;gap:8px;padding:12px 0 6px}
.em-search input{flex:1;min-width:0;height:42px;padding:0 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit}
.em-search button{height:42px;padding:0 16px;border:0;border-radius:10px;background:var(--accent);color:var(--accent-ink);font:700 .92rem var(--f-sans);cursor:pointer}