:root{--bg:#f4f3ee;--ink:#123f38;--mut:#56655f;--sand:#e3ddcf;--line:#dcd8cc;--card:#ebe8df;--acc:#e8692a;--acc-text:#c24f17;
--l-green:#7fae8e;--l-yellow:#f0c24b;--l-orange:#e8692a;--l-red:#9f2c24;--white:#fbfaf6}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 'Onest',system-ui,sans-serif}
a{color:var(--ink);text-decoration-color:var(--acc);text-underline-offset:3px}
a:hover{color:var(--acc-text)}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
header.top{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:5}
header.top .wrap{display:flex;align-items:center;gap:24px;height:60px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;text-decoration:none}
.brand img{width:32px;height:32px}
nav{display:flex;gap:18px;margin-left:auto;font-size:14px}
nav a{text-decoration:none;color:var(--mut)}nav a.on,nav a:hover{color:var(--ink)}
h1{font-weight:800;font-size:30px;line-height:1.15;margin:28px 0 6px;letter-spacing:-.01em}
h2{font-weight:800;font-size:20px;margin:36px 0 12px}
.sub{color:var(--mut);margin:0 0 20px}
.kicker{font-weight:600;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
.mut{color:var(--mut)}.small{font-size:13px}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:baseline;margin-right:6px;flex:none}
.l-green{background:var(--l-green)}.l-yellow{background:var(--l-yellow)}.l-orange{background:var(--l-orange)}.l-red{background:var(--l-red)}
.f-green{fill:var(--l-green)}.f-yellow{fill:var(--l-yellow)}.f-orange{fill:var(--l-orange)}.f-red{fill:var(--l-red)}
.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;font-weight:600;font-size:13px;white-space:nowrap}
.pill.green{background:#dfeee3}.pill.yellow{background:#faecc2}.pill.orange{background:#f9d9c6;color:#8a3a10}.pill.red{background:#9f2c24;color:#fff}
.pill.red .dot{background:#fff}

/* summary chips */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 12px}
.chip{border:1px solid var(--line);background:var(--white);border-radius:12px;padding:8px 14px;cursor:pointer;font:inherit;color:inherit;display:flex;align-items:center;gap:8px}
.chip b{font-size:20px;font-weight:800}
.chip.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}

/* tables */
.tbl{width:100%;border-collapse:collapse;background:var(--white);border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.tbl th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-weight:600;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--card);white-space:nowrap}
.tbl td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl tr:last-child td{border-bottom:none}
.tbl td.n,.tbl th.n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.tbl tr.dim td{color:var(--mut)}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px}
.list td.name a{font-weight:600;text-decoration:none}
.list td.name a:hover{text-decoration:underline}
.list .inn{font-size:12px;color:var(--mut)}
.list .why{font-size:13px;color:var(--mut);min-width:190px;max-width:340px}
.strip{display:block;width:120px;height:14px;border-radius:3px;overflow:hidden}
.arrow{font-size:12px;color:var(--mut);white-space:nowrap}
.flag{font-size:12px;font-weight:600;color:var(--l-red)}
.list.no-sector .c-sector,.list.no-rating .c-rating,.list.no-trend .c-trend,.list.no-why .c-why,.list.no-count .c-count,.list.no-mat .c-mat,.list.no-hot .c-hot{display:none}
.tbl.list th.c-rating,.tbl.list td.c-rating{padding-left:6px;padding-right:6px;text-align:center}
.tbl.list th.c-rating{letter-spacing:.02em;white-space:normal}
.list .c-sector{min-width:150px;max-width:190px;overflow-wrap:normal;-webkit-hyphens:auto;hyphens:auto}
.list .c-trend .strip{width:96px}
.list .pick{all:unset;cursor:pointer;line-height:1.3}
.list .pick:hover{color:var(--acc-text);text-decoration:underline}
.list .pick:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.list .rate{text-decoration:none;font-weight:600}
.list .rate:hover{text-decoration:underline}
.list .rate.issue{font-style:italic;font-weight:400}
.list .watch{margin-left:3px;color:var(--acc-text);cursor:help}
.cols{position:relative;font-size:14px;color:var(--mut)}
/* list filters: one panel, every control the same height */
.tools{display:grid;gap:10px;margin-bottom:14px;padding:12px;background:var(--card);border:1px solid var(--line);border-radius:14px}
.tools-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.tools .search{flex:2 1 300px;min-width:0;position:relative;display:block}
.tools .search svg{position:absolute;left:12px;top:50%;width:16px;height:16px;transform:translateY(-50%);fill:none;stroke:var(--mut);stroke-width:1.8;stroke-linecap:round;pointer-events:none}
.tools input[type=search]{width:100%;height:40px;padding:0 12px 0 36px;border:1px solid var(--line);border-radius:10px;background:var(--white);font:inherit;font-size:15px;color:inherit}
.tools select{flex:1 1 170px;min-width:0;max-width:260px;height:40px;padding:0 32px 0 12px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:14px;color:var(--ink);
  -webkit-appearance:none;appearance:none;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2356655f' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center/10px 7px;cursor:pointer}
.tools input[type=search]:focus,.tools select:focus{outline:2px solid var(--acc);outline-offset:0;border-color:transparent}
.tools .set{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.tools .toggle{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:99px;background:var(--white);font-size:14px;color:var(--ink);cursor:pointer;white-space:nowrap}
.tools .toggle input{width:16px;height:16px;margin:0;accent-color:var(--acc)}
.tools .cols{margin:0}
.tools .cols summary{font-weight:500;gap:6px;display:inline-flex;align-items:center;height:36px;padding:0 14px;border:1px solid var(--line);border-radius:99px;background:var(--white);color:var(--ink);cursor:pointer;list-style:none}
.tools .reset{margin-left:auto;height:36px;padding:0 6px}
.cols summary::-webkit-details-marker{display:none}
.cols summary::after{content:"▾";color:var(--mut)}
.cols>div{position:absolute;z-index:4;top:calc(100% + 4px);right:0;display:grid;gap:6px;min-width:210px;padding:12px;background:var(--white);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.08)}
.cols label{white-space:nowrap;cursor:pointer}
.reset{font:inherit;font-size:14px;padding:8px 12px;border:none;background:none;color:var(--acc-text);cursor:pointer;text-decoration:underline}

/* issuer */
.head{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:flex-end;justify-content:space-between}
.verdict{display:grid;grid-template-columns:auto 1fr;gap:16px 24px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin-top:18px}
.verdict .big{font-size:26px;font-weight:800;display:flex;align-items:center;gap:10px}
.verdict .big .dot{width:18px;height:18px}
.verdict p{margin:0;font-size:16px}
.meter{grid-column:1/-1;position:relative;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--l-yellow) 0,var(--l-yellow) var(--o),var(--l-orange) var(--o),var(--l-orange) var(--r),var(--l-red) var(--r));opacity:.35}
.meter-wrap{grid-column:1/-1;position:relative;padding-bottom:18px}
.meter-wrap i{position:absolute;top:-4px;width:4px;height:18px;border-radius:2px;background:var(--ink)}
.meter-wrap span{position:absolute;top:14px;font-size:12px;color:var(--mut);transform:translateX(-50%);white-space:nowrap}
.history{position:relative;margin-top:6px}
.history svg{display:block;width:100%;height:28px;border-radius:4px}
.months{position:relative;height:18px;font-size:11px;color:var(--mut)}
.months span{position:absolute;top:2px;transform:translateX(-50%)}
.tier{font-size:12px;font-weight:600;white-space:nowrap}
.tier.hard{color:var(--l-red)}.tier.strong{color:var(--acc-text)}.tier.weak{color:#8a6d10}.tier.info{color:var(--mut)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.grid2>*{min-width:0}
.only-m{display:none}
details{margin-top:14px}
summary{cursor:pointer;color:var(--mut);font-weight:600}
.links{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;margin-top:8px}
.card-text{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:18px 22px}
.card-text p{margin:0 0 10px}
footer{margin:48px 0 32px;color:var(--mut);font-size:13px}
.empty{padding:18px;color:var(--mut)}

/* bot page */
.promo{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--acc);border-radius:12px;padding:10px 14px;margin:-8px 0 16px}
.cta{display:inline-block;background:var(--acc);color:#fff;font-weight:700;padding:12px 22px;border-radius:12px;text-decoration:none}
.cta:hover{color:#fff;background:var(--acc-text)}
.steps{display:grid;gap:10px}
.step{display:flex;gap:14px;align-items:flex-start;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:14px 18px}
.step>b{flex:none;width:30px;height:30px;border-radius:50%;background:var(--acc);color:#fff;display:flex;align-items:center;justify-content:center}
.step p{margin:4px 0 0}
code{background:var(--card);border-radius:6px;padding:1px 6px;font-size:.92em}
/* posts */
.post-card{display:flex;gap:18px;align-items:flex-start;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:14px;margin:0 0 12px;text-decoration:none}
.post-card img{width:240px;flex:none;border-radius:10px}
.post-card h3{margin:2px 0 6px;font-size:18px;line-height:1.25}
.post-card p{margin:0;color:var(--mut)}
.post{max-width:760px}
.post p{font-size:16px;line-height:1.55;margin:0 0 14px}
.post img{width:100%;border-radius:12px;margin:6px 0 18px}
.post .full h2{font-size:22px;margin:32px 0 10px}.post .full h3{font-size:18px;margin:24px 0 8px}
.post .full figure{margin:22px 0}.post .full figure img{margin:0}.post .full figcaption{font-size:13px;color:var(--mut)}
.post .full table{border-collapse:collapse;margin:14px 0 20px;font-size:14px}
.post .full th,.post .full td{border:1px solid var(--line);padding:6px 10px;text-align:left;vertical-align:top}
.post .full th{background:var(--card)}
.post .full blockquote{margin:18px 0;padding:2px 16px;border-left:3px solid var(--acc)}
.post .full ul,.post .full ol{font-size:16px;line-height:1.55}
.discuss{display:block;margin:22px 0 14px;padding:14px 18px;border-radius:14px;background:var(--ink);color:#fff;text-decoration:none;font-weight:700;font-size:17px}
.discuss span{display:block;font-weight:400;font-size:14px;color:#cfe0d4;margin-top:2px}
.discuss:hover{color:#fff;background:#0d302a}
.like-row{margin:24px 0 4px}
.like{font:inherit;font-size:15px;display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--mut);cursor:pointer;padding:8px 4px;min-height:44px}
.like:hover{color:var(--acc-text)}
.ico{width:20px;height:20px}
.ico path{fill:none;stroke:currentColor;stroke-width:1.7}
.like.on{color:var(--acc-text);cursor:default}
.like.on .ico path{fill:var(--acc);stroke:var(--acc)}
.post-card{position:relative}
.likes{position:absolute;right:14px;bottom:10px;display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--mut)}
.likes .ico{width:15px;height:15px}
@media (max-width:760px){
  .post .full table{display:block;overflow-x:auto;max-width:100%}
  .post-card{flex-direction:column}.post-card img{width:100%}
  h1{font-size:24px}
  .grid2{grid-template-columns:1fr}
  .verdict{grid-template-columns:1fr}
  header.top .wrap{flex-wrap:wrap;height:auto;gap:4px 12px;padding-top:8px;padding-bottom:8px}
  nav{flex-wrap:wrap;gap:2px 10px;margin-left:0;font-size:13px}
  .hide-m{display:none}
  .only-m{display:block}
  .list .why{max-width:none;min-width:0}
  .brand{font-size:15px}.brand img{width:28px;height:28px}
  .chip{padding:6px 10px}.chip b{font-size:17px}
  .list thead{display:none}
  .list,.list tbody,.list td{display:block}
  .list tr{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:11px 12px;border-bottom:1px solid var(--line)}
  .list tr[hidden]{display:none}
  .list td{padding:0;border:none}
  .list td.why{grid-column:1/-1}
  .list td.hide-m{display:none}
  .cols{display:none}
  .tools{padding:10px}
  .tools select{flex:1 1 calc(50% - 5px);max-width:none}
  .tools .search{flex-basis:100%}
  .sig thead{display:none}
  .sig,.sig tbody,.sig td{display:block}
  .sig tr{display:grid;grid-template-columns:auto auto 1fr;gap:4px 12px;padding:11px 12px;border-bottom:1px solid var(--line)}
  .sig td{padding:0;border:none}
  .sig td:first-child{grid-column:1/-1}
  .sig td.hide-m{display:none}
  .sig td.n{text-align:left}
}
#docs{scroll-margin-top:72px}
.docs-h{font-size:17px;font-weight:800;color:var(--ink);margin:30px 0 10px;padding:2px 0 2px 10px;border-left:4px solid var(--acc);scroll-margin-top:130px}
.docs-h small{font-weight:500;font-size:13px;color:var(--mut);margin-left:4px}
.docs-nav{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}
.docs-nav a{font-size:13px;text-decoration:none;padding:5px 12px;border:1px solid var(--line);border-radius:99px;background:var(--white)}
.docs-nav a:hover{border-color:var(--ink)}
.docs-nav small{color:var(--mut)}
.tbl.docs td.n{width:84px}
/* issuer tabs */
.hero{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:14px}
.hero .pill{font-size:15px;padding:5px 12px}
.hero p{margin:0;flex:1 1 320px;font-size:16px}
/* sources: small pills, not a row of underlines */
.srcs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px}
.srcs-l{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-right:4px}
.srcs a{font-size:13px;line-height:1.2;text-decoration:none;padding:5px 11px;border:1px solid var(--line);border-radius:99px;background:var(--white);color:var(--ink);white-space:nowrap}
.srcs a::after{content:"↗";margin-left:5px;font-size:11px;color:var(--acc-text)}
.srcs a:hover{border-color:var(--ink);color:var(--ink)}
.tab-srcs{margin:20px 0 4px;padding:10px 12px;background:var(--card);border-radius:12px}
.latest-post{margin:12px 0 0;padding:8px 12px;font-size:15px;background:var(--white);border:1px solid var(--line);border-left:4px solid var(--acc);border-radius:10px}
/* tabs: a segmented bar, the open one white */
.tabs{display:flex;gap:4px;margin:26px 0 0;padding:4px;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow-x:auto;scrollbar-width:none;scroll-margin-top:64px}
.tabs::-webkit-scrollbar{display:none}
.tabs a{padding:9px 16px;border-radius:10px;text-decoration:none;color:var(--mut);font-weight:600;white-space:nowrap}
.tabs a:hover{color:var(--ink);background:rgba(255,255,255,.55)}
.tabs a.on{background:var(--white);color:var(--ink);box-shadow:0 1px 3px rgba(18,63,56,.12),inset 0 -3px 0 var(--acc)}
.tabs a:focus{outline:none}
.tabs a:focus-visible{outline:2px solid var(--acc);outline-offset:1px}
.tabs small{margin-left:4px;padding:1px 7px;border-radius:99px;background:var(--sand);font-size:12px;font-weight:600;color:var(--mut)}
.pane{scroll-margin-top:118px}
.h-tab{font-size:24px;margin-top:44px;padding-top:14px;border-top:2px solid var(--line)}
.tabbed .pane{display:none}.tabbed .pane.on{display:block}
.tabbed .h-tab{display:none}
.pane>h2:first-of-type,.tabbed .pane>.h-tab+h2,.tabbed .pane>.h-tab+.verdict{margin-top:22px}
.side{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:start}
.side .h-side{display:none}
.charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}
.chart{margin:0;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:12px 14px 6px}
.chart figcaption{font-size:14px;margin-bottom:4px}
.chart svg{display:block;width:100%;height:auto;overflow:visible}
.chart svg.narrow{display:none}
.chart text{font:11px 'Onest',system-ui,sans-serif;fill:var(--mut)}
.chart .tick{text-anchor:end}
.chart .lbl,.chart .val{text-anchor:middle}
.chart .val{fill:var(--ink);font-weight:600}
.chart line.grid{stroke:var(--line)}
.chart line.zero{stroke:var(--mut);stroke-opacity:.5}
.chart path.issue{fill:none;stroke:var(--mut);stroke-opacity:.35;stroke-width:1.2}
.chart path.issue:hover{stroke:var(--acc);stroke-opacity:1;stroke-width:2}
.chart path.median{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linejoin:round}
.lg{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:12px;color:var(--mut);margin:0 0 4px}
.lg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.lg i.c-offer{border-radius:50%}
.c-main{fill:var(--ink);background:var(--ink)}
.c-sage{fill:var(--l-green);background:var(--l-green)}
.c-acc{fill:var(--acc);background:var(--acc)}
.c-mut{fill:var(--mut);background:var(--mut)}
.c-offer{fill:var(--acc);background:var(--acc)}
@media (max-width:760px){
  .side,.charts{grid-template-columns:1fr}
  .side .h-side{display:block;font-size:16px;margin:4px 0 8px}
  .chart svg.wide{display:none}
  .chart svg.narrow{display:block}
  .pane{scroll-margin-top:140px}
  .tabs{margin-top:20px;padding:3px}
  .tabs a{padding:8px 11px}
  .srcs a{font-size:12px;padding:4px 9px}
}
/* feedback form */
#feedback{scroll-margin-top:72px}
.feedback form{display:grid;gap:12px;max-width:640px;margin:4px 0 12px}
.feedback label{display:grid;gap:4px;font-weight:600;font-size:14px}
.feedback textarea,.feedback input{font:inherit;font-weight:400;color:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);width:100%}
.feedback textarea{resize:vertical;min-height:110px}
.feedback textarea:focus,.feedback input:focus{outline:2px solid var(--acc);outline-offset:1px}
.feedback .trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.feedback button{justify-self:start;border:0;font:inherit;font-weight:700;cursor:pointer}
.feedback .note{padding:10px 14px;border-radius:10px;background:#f9d9c6;color:#8a3a10}
.feedback .note.ok{background:#dfeee3;color:var(--ink)}
/* chart interaction (static/charts.js) */
.chart rect.hit{fill:transparent;cursor:default}
.chart rect.hit.on{fill:var(--ink);fill-opacity:.05}
.tip{position:absolute;z-index:20;pointer-events:none;max-width:280px;background:var(--white);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.12);padding:8px 10px;font-size:13px;line-height:1.4}
.tip b{display:block;margin-bottom:2px}
.tip i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px;vertical-align:0}
.zoom{display:flex;flex-wrap:wrap;align-items:center;gap:6px 6px;margin:0 0 8px}
.zoom button{font:inherit;font-size:13px;padding:4px 10px;border:1px solid var(--line);border-radius:99px;background:var(--bg);color:var(--ink);cursor:pointer}
.zoom button.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.zoom button.reset,.pick .reset{border:0;background:none;color:var(--acc-text);text-decoration:underline;padding:4px 6px}
.zoom .hint-zoom{margin-left:auto}
.prices.live .plot{cursor:crosshair;touch-action:pan-y;user-select:none}
.prices .live-svg{display:block;width:100%;height:auto}
.chart path.issue.hot{stroke:var(--acc);stroke-opacity:1;stroke-width:2.2}
.chart path.issue.chosen{stroke:var(--acc-text);stroke-opacity:1;stroke-width:2.8}
.chart line.cross{stroke:var(--mut);stroke-dasharray:3 3}
.chart circle.dot{fill:var(--acc);stroke:var(--white);stroke-width:2}
.chart rect.sel{fill:var(--acc);fill-opacity:.12;stroke:var(--acc);stroke-opacity:.5}
.pick{margin:6px 0 4px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
.tbl tr.has-line:hover td{background:#f9efe6}
@keyframes flash{0%,40%{background:#f9d9c6}100%{background:transparent}}
.tbl tr.flash td{animation:flash 2.4s ease-out}
#bonds tr[id]{scroll-margin-top:90px}
@media (max-width:760px){.zoom .hint-zoom{display:none}}
.lead{color:var(--mut);max-width:860px;margin:-4px 0 12px}
.tbl .scale{color:var(--acc-text)}
/* list: sorting by a column header */
.tbl th .th-sort{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px;letter-spacing:inherit;text-transform:inherit}
.tbl th .th-sort::after{content:"↕";opacity:.35;font-size:11px;letter-spacing:0}
.tbl th .th-sort:hover{color:var(--ink)}
.tbl th .th-sort:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.tbl th.sorted{color:var(--ink)}
.tbl th.sorted .th-sort::after{content:"↓";opacity:1;color:var(--acc-text)}
.tbl th.sorted.asc .th-sort::after{content:"↑"}
.tbl th.n .th-sort{justify-content:flex-end}
/* the list: narrower columns, and on a wide screen its own scroll with the
   header pinned, so the sideways scrollbar is in view, not under 560 rows */
.list td.name{max-width:240px}
.list .why{min-width:160px}
.list .arrow{white-space:normal;max-width:130px}
.tbl.list th.c-count,.tbl.list th.c-mat,.tbl.list th.c-hot{white-space:normal;min-width:70px;max-width:110px;line-height:1.3}
@media (min-width:761px){
  .list-wrap{max-height:calc(100vh - 80px);overflow:auto;border:1px solid var(--line)}
  .list-wrap .tbl{border:0;border-radius:0;overflow:visible}
  .list-wrap thead th{position:sticky;top:0;z-index:2}
}
@media (min-width:761px){
  .list:not(.no-count) .c-trend .strip,.list:not(.no-mat) .c-trend .strip,.list:not(.no-hot) .c-trend .strip{width:72px}
  .list:not(.no-count) td.name,.list:not(.no-mat) td.name,.list:not(.no-hot) td.name{max-width:185px}
  .list td.c-hot{max-width:100px}
  .list:not(.no-count) .c-sector,.list:not(.no-mat) .c-sector,.list:not(.no-hot) .c-sector{min-width:120px}
  .list:not(.no-count) .why,.list:not(.no-mat) .why,.list:not(.no-hot) .why{min-width:130px}
  .list:not(.no-count) :is(td,th),.list:not(.no-mat) :is(td,th),.list:not(.no-hot) :is(td,th){padding-left:8px;padding-right:8px}
}
/* price chart: the band, and issues picked onto it */
.chart path.band{fill:var(--ink);fill-opacity:.12;stroke:none}
.c-band{background:var(--ink);opacity:.25}
.chart path.issue.near{stroke:var(--acc);stroke-opacity:1;stroke-width:2.2}
.chart path.issue.chosen{stroke-opacity:1;stroke-width:2.2}
.chart path.issue.chosen.c-l0{stroke:#e8692a}.chart path.issue.chosen.c-l1{stroke:#b03a7a}.chart path.issue.chosen.c-l2{stroke:#9f2c24}.chart path.issue.chosen.c-l3{stroke:#8a6d10}.chart path.issue.chosen.c-l4{stroke:#6b4fa0}
.chart path.issue.chosen{stroke-width:2.4}
i.c-l0{background:#e8692a}i.c-l1{background:#b03a7a}i.c-l2{background:#9f2c24}i.c-l3{background:#8a6d10}i.c-l4{background:#6b4fa0}
.pick-issue{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 8px}
.pick-issue select{font:inherit;font-size:13px;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);max-width:280px}
.pick-issue .shown{display:contents}
.chip-issue{font:inherit;font-size:12px;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:1px solid var(--line);border-radius:99px;background:var(--white);color:var(--ink);cursor:pointer}
.chip-issue i{display:inline-block;width:10px;height:3px;border-radius:2px}
.chip-issue:hover{border-color:var(--ink)}
.tbl tr.has-line{cursor:pointer}
.tbl tr.on-chart td:first-child{box-shadow:inset 3px 0 0 var(--acc)}
/* coupon kinds on the price chart */
.lg i.k-fix{background:#56655f;height:3px;vertical-align:3px}
.lg i.k-var{background:repeating-linear-gradient(90deg,#2f7d9a 0 5px,transparent 5px 8px);height:3px;vertical-align:3px}
.lg.kinds{align-items:center;margin:0 0 8px}
.kind-pick{display:inline-flex;gap:4px;margin-left:auto}
.kind-pick button{font:inherit;font-size:12px;padding:3px 9px;border:1px solid var(--line);border-radius:99px;background:var(--bg);color:var(--ink);cursor:pointer}
.kind-pick button.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.tag-var{font-size:11px;font-weight:600;color:#2f7d9a;white-space:nowrap}
.price-h{font-size:15px;font-weight:700;margin:22px 0 8px}
/* events feed */
.ev-day{margin-top:26px}
.ev-date{font-size:19px;margin:0;padding-bottom:4px;border-bottom:2px solid var(--line);position:sticky;top:60px;background:var(--bg);z-index:3;padding-top:8px}
.ev-count{margin:6px 0 10px}
.ev-list{display:grid;gap:8px}
.ev{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:center;background:var(--white);border:1px solid var(--line);border-left:4px solid var(--l-green);border-radius:12px;padding:10px 14px}
.ev.worse{border-left-color:var(--acc)}
.ev-name{font-weight:700;font-size:16px;text-decoration:none}
.ev-name:hover{text-decoration:underline}
.ev-move{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.ev-arrow{color:var(--mut)}
.ev-why{grid-column:1/-1;font-size:13px;color:var(--mut)}
.ev-more{margin:28px 0 8px}
@media (max-width:760px){
  .ev{grid-template-columns:1fr}
  .ev-date{position:static}
  .ev-move .pill{font-size:12px;padding:2px 8px}
}
.more{text-align:center;margin:14px 0 4px}
.more a{display:inline-block;padding:10px 18px;border:1px solid var(--line);border-radius:99px;background:var(--white);font-weight:600;text-decoration:none}
/* «Что стало с дефолтами»: stages in their own quiet tints, not the radar's colors */
.stage{display:inline-block;padding:2px 9px;border-radius:99px;font-size:13px;font-weight:600;white-space:nowrap;background:var(--card)}
.st-paid{background:#dce9e4;color:#1f5446}.st-restructuring{background:#ece4cf;color:#5c4a17}.st-recovery{background:#e6e1ee;color:#4a3d66}
.st-bankruptcy{background:#dedbd3;color:#3b3a35}.st-silence{background:transparent;box-shadow:inset 0 0 0 1px var(--line);color:var(--mut)}
.chip .st-dot{width:10px;height:10px;border-radius:50%;padding:0}
a.chip{text-decoration:none}
.dchips{margin-top:4px}
.dterm{margin:0 0 14px}
.dfilter{margin:0 0 10px;font-size:14px}
.dtbl td{font-size:14px;vertical-align:top}
.dfind{margin:4px 0 8px;padding-left:20px;max-width:820px}
.dfind li{margin:3px 0;font-size:15px}
.dgrp td{padding-top:16px;font-size:13px;font-weight:600;color:var(--mut);border-bottom:none}
.dtbl tr.ing td:first-child{box-shadow:inset 3px 0 0 var(--sand);padding-left:12px}
.dtbl .m-only{display:none}
.dtools{margin:10px 0 12px}
.dtools .search{max-width:520px}
.dnone td{color:var(--mut);padding:16px 12px}
.dtbl tr[hidden]{display:none!important}
.dtbl tr[id]{scroll-margin-top:72px}
.dtbl tr:target td{background:#f9efe6}
.crumbs{margin:14px 0 6px}
.case-links{margin:18px 0 8px}
.dface{min-width:190px}
th.dface{white-space:normal;max-width:300px}
th.dface .small{font-weight:400;margin-top:3px;text-transform:none;letter-spacing:0;line-height:1.35}
.dtbl td:first-child{white-space:nowrap}
th.dface i,.dface .fbar i{display:inline-block}
th.dface i{width:9px;height:9px;border-radius:2px;margin:0 3px 0 0;vertical-align:-1px}
.fbar{display:flex;width:150px;max-width:100%;height:8px;border-radius:4px;background:var(--sand);overflow:hidden;margin:5px 0 4px}
.f-before{background:#8fb0a3}.f-after{background:#1f5446}
.dmon{font-variant-numeric:tabular-nums}
.dlive{margin-top:3px;color:var(--acc-text)}
.case-next ul{margin:4px 0 14px;padding-left:20px}
.case-next li{margin:3px 0}
.tt{display:block;margin-top:3px;font-size:13px}
.tt>summary{display:inline;list-style:none;cursor:help;text-decoration:underline dotted var(--mut);text-underline-offset:3px}
.tt>summary::-webkit-details-marker{display:none}
.tt-box{display:block;margin-top:4px;padding:6px 8px;max-width:240px;background:var(--white);border:1px solid var(--line);border-radius:8px;color:var(--ink);line-height:1.4}
.case-head{margin:6px 0 10px}
.case-facts{display:grid;grid-template-columns:190px 1fr;gap:8px 18px;margin:0 0 6px;padding:14px 16px;background:var(--white);border:1px solid var(--line);border-radius:14px}
.case-facts dt{color:var(--mut);font-size:13px;font-weight:600}
.case-facts dd{margin:0}
.cpath{margin:0;padding-left:18px}
.cpath li{margin:1px 0}
#after-default{scroll-margin-top:130px}
@media (max-width:760px){
  .case-facts{grid-template-columns:1fr;gap:2px}
  .case-facts dd{margin-bottom:8px}
  .dtbl thead{display:none}
  .dtbl,.dtbl tbody,.dtbl td{display:block}
  .dtbl tr{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:11px 12px;border-bottom:1px solid var(--line)}
  .dtbl td{padding:0;border:none}
  .dtbl .m-only{display:block}
  .dtbl td.dfirst,.dtbl td.dvol{display:none}
  .dtbl td.dstage{grid-column:1/-1}
  .dtbl .tt{display:inline-block;margin:0 0 0 8px;vertical-align:middle}
  .dtbl .tt-box{margin-left:-8px}
  .dtbl td.dface{grid-column:1/-1;min-width:0}
  .dtbl td.dface::before{content:"Вернули, % номинала";display:block;font-size:12px;color:var(--mut)}
  .dtbl td.dmon{grid-column:2;grid-row:1;text-align:right}
  .dtbl td.dmon::after{content:" мес.";color:var(--mut);font-size:12px}
  .dtbl tr.dgrp{display:block;padding:14px 12px 2px;border-bottom:none}
  .dtbl tr.ing td:first-child{box-shadow:none;padding-left:0}
  .dtbl tr.ing{box-shadow:inset 3px 0 0 var(--sand)}
}
/* a default case: payments against the schedule, stages under them on one time axis */
.case-story{font-size:16px;line-height:1.55;margin:4px 0 12px;max-width:820px}
a.term{color:inherit;text-decoration:underline dotted var(--mut);text-underline-offset:3px;cursor:help}
.case-chart{margin:4px 0 14px}
.case-chart figcaption .mut{font-size:13px}
.chart path.pay-plan{fill:none;stroke:var(--mut);stroke-width:1.6;stroke-dasharray:5 4}
.chart path.pay-fact{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linejoin:round}
.chart path.pay-gap{fill:var(--acc);fill-opacity:.13;stroke:none}
.chart line.yr{stroke:var(--line);stroke-dasharray:2 3}
.chart line.vm{stroke-width:1.4;stroke-dasharray:4 3}
.chart line.m-first{stroke:var(--acc)}.chart line.m-def{stroke:var(--l-red)}
.chart text.vml{font-size:11px;fill:var(--ink);font-weight:600}
.chart text.rowl{font-size:12px;fill:var(--ink);font-weight:600}
.chart rect.sb-track{fill:var(--card)}
.chart circle.sb-dot{fill:var(--white);stroke:var(--ink);stroke-width:1.6}
.sb-td{fill:#efd79a;background:#efd79a}.sb-def{fill:#d39b4f;background:#d39b4f}.sb-restr{fill:#b8a46a;background:#b8a46a}
.sb-obs{fill:#b3a8d0;background:#b3a8d0}.sb-konk{fill:#8b8a82;background:#8b8a82}.sb-torg{fill:#55544d;background:#55544d}
.sb-calc{fill:#4f8a78;background:#4f8a78}.sb-quiet{fill:#d8d4c8;background:#d8d4c8}
i.sb-dot{background:var(--white);box-shadow:inset 0 0 0 1.6px var(--ink);border-radius:50%!important}
i.k-plan{background:repeating-linear-gradient(90deg,var(--mut) 0 4px,transparent 4px 7px);height:3px!important;vertical-align:3px!important}
i.k-fact{background:var(--ink);height:3px!important;vertical-align:3px!important}
i.k-gap{background:var(--acc);opacity:.35}
.case-chart .lg{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--mut);margin:4px 0}
.case-chart .lg i{display:inline-block;width:14px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.money{display:grid;gap:6px;margin:4px 0 6px;padding:12px 14px;background:var(--white);border:1px solid var(--line);border-radius:14px}
.mrow{display:grid;grid-template-columns:minmax(160px,300px) 1fr auto;gap:12px;align-items:center;font-size:14px}
.mbar{background:var(--card);border-radius:4px;height:14px;overflow:hidden}
.mbar i{display:block;height:100%;border-radius:4px;background:var(--mut)}
.mbar i.mk-claim{background:var(--ink)}.mbar i.mk-registry{background:#8b8a82}.mbar i.mk-sold{background:var(--acc)}
.mbar i.mk-pledged{background:#d39b4f}.mbar i.mk-recovered{background:#4f8a78}
.mval{font-variant-numeric:tabular-nums;white-space:nowrap}
.terms{display:grid;grid-template-columns:220px 1fr;gap:8px 18px;padding:14px 16px;background:var(--white);border:1px solid var(--line);border-radius:14px}
.terms dt{font-weight:700;scroll-margin-top:80px}.terms dd{margin:0}
.terms dt:target,.terms dt:target+dd{background:#faecc2}
@media (max-width:760px){
  .mrow{grid-template-columns:1fr auto;gap:2px 10px}
  .mrow .mlabel{grid-column:1/-1}
  .terms{grid-template-columns:1fr;gap:2px}
  .terms dd{margin-bottom:8px}
}
.summary{margin:14px 0 4px;font-size:16px;max-width:760px}.summary p{margin:0 0 6px}
nav.crumbs{display:block;margin:22px 0 6px;font-size:13px;color:var(--mut)}nav.crumbs a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line)}
.day-nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin:4px 0 6px;font-size:14px}
.feed{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.fi{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:4px 14px;align-items:baseline;background:var(--white);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:12px;padding:9px 14px}
.fi-color{border-left-color:var(--acc)}.fi-payment{border-left-color:var(--l-red)}.fi-rating.down{border-left-color:var(--l-orange)}.fi-rating.up{border-left-color:var(--l-green)}.fi-court,.fi-fns{border-left-color:var(--l-orange)}
.fi-who{font-weight:600}.fi-when{font-size:14px;color:var(--mut);white-space:nowrap}.fi-when a{color:var(--mut)}
.news-days{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}
@media (max-width:640px){.fi{grid-template-columns:1fr}}
.retold{margin:0 0 4px}
.case-link{color:var(--acc-text);margin-left:6px;white-space:nowrap}