/* /tools/currency (src/convert-page.js, src/assets/convert-ui.js). Everything under .cv; the site's colours. */
.cv{max-width:560px}
@media (min-width:900px){.cv{max-width:940px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.cv .cv-pad{position:sticky;top:96px;margin:0}.cv .tnote{grid-column:1/-1}}
.cv-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.cv-asof{font-size:14px;color:var(--muted)}
.cv-edit{min-height:36px;padding:0 14px;font-size:14px}
.cv-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.cv-row{display:flex;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line)}
.cv-row:first-child{border-top:0}
.cv-row.on{background:var(--surface);box-shadow:inset 4px 0 0 var(--navy)}
.cv-pickrow{flex:1;display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;min-height:68px;padding:10px 16px;border:0;background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer}
.cv-code{font-weight:700;color:var(--navy);font-size:16px}
.cv-name{font-size:14px;color:var(--text);line-height:1.35}
.cv-name small{display:block;color:var(--muted);font-size:12px}
.cv-amt{font-size:22px;font-weight:600;color:var(--navy);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}
.cv-row.on .cv-amt::after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--navy);animation:cvblink 1s steps(1) infinite}
@keyframes cvblink{50%{opacity:0}}
.cv-hist,.cv-tools button{min-width:44px;min-height:44px;margin-right:8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--link);font:inherit;font-size:13px;cursor:pointer}
.cv-tools{display:flex;gap:4px;padding-right:4px}
.cv-tools button{margin:0;color:var(--navy);font-size:16px}
.cv-tools button:disabled{opacity:.35;cursor:default}
.cv-chart{flex-basis:100%;padding:0 16px 12px 84px;color:var(--navy)}
.cv-chart small{display:block;color:var(--muted);font-size:12px}
.cv-add{display:block;width:100%;min-height:48px;margin:10px 0 0;border:1px dashed var(--navy-line);border-radius:12px;background:transparent;color:var(--link);font:inherit;font-size:15px;cursor:pointer}
.cv-pick{margin:10px 0 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}
.cv-pick-l{display:grid;gap:6px;font-size:14px;color:var(--muted)}
.cv-q{min-height:44px;padding:0 12px;border:1px solid var(--field);border-radius:8px;font:inherit;font-size:16px}
.cv-opts{list-style:none;margin:10px 0;padding:0;max-height:240px;overflow:auto}
.cv-opts button{width:100%;min-height:44px;padding:0 10px;border:0;border-bottom:1px solid var(--line);background:transparent;font:inherit;text-align:left;cursor:pointer}
.cv-opts .mono{font-weight:700;color:var(--navy);margin-right:8px}
.cv-none{padding:10px;color:var(--muted);font-size:14px}
.cv-pad{position:sticky;bottom:0;margin:14px 0 0;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.cv-expr{min-height:22px;margin:0 4px 8px;font-size:14px;color:var(--muted);text-align:right}
.cv-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.cv-k{min-height:52px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);font:inherit;font-size:20px;font-weight:600;cursor:pointer}
.cv-k:active{background:var(--navy-soft)}
.cv-op{background:#E8EEF6}
.cv-eq{background:var(--navy);color:#fff;border-color:var(--navy)}
.cv-c,.cv-bs{grid-column:span 2;font-size:16px;color:var(--muted)}
.cv .tnote{margin-top:16px}
@media (max-width:600px){.cv-tools{flex-basis:100%;justify-content:flex-end;padding:0 12px 10px}.cv-tools button{min-width:52px}.cv-k{min-height:46px;font-size:18px}.cv-keys{gap:6px}.cv-pad{padding:8px}.cv-pickrow{grid-template-columns:48px 1fr auto;padding:10px 12px}.cv-amt{font-size:20px}.cv-chart{padding-left:72px}}
/* trend (src/assets/trend-ui.js) */
.tr-h{margin:0 0 14px;font-size:22px}
.tr-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.tr-c{min-height:40px;min-width:64px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font:inherit;font-weight:600;cursor:pointer}
.tr-c[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.tr-sum{margin:0 0 10px;font-size:15px}
.tr-chart{max-width:760px;border:1px solid var(--line);border-radius:12px;padding:8px;background:#fff}
.tr-chart svg{display:block}
.tr-g{stroke:var(--line);stroke-width:1}
.tr-base{stroke:var(--field);stroke-width:1;stroke-dasharray:2 3}
.tr-ax{fill:var(--muted);font-size:11px;font-family:var(--sans)}
.tr-p1{fill:none;stroke:var(--navy);stroke-width:2.4;stroke-linejoin:round}
.tr-p2{fill:none;stroke:var(--field);stroke-width:1.8;stroke-dasharray:5 4}
.tr-end{fill:var(--navy)}
.tr-ev line{stroke-width:1;stroke-dasharray:1 3}
.tr-ev.hike line,.tr-ev.hike circle{stroke:var(--risk);fill:var(--risk)}
.tr-ev.cut line,.tr-ev.cut circle{stroke:var(--link);fill:var(--link)}
.tr-ev.hold line,.tr-ev.hold circle{stroke:var(--field);fill:var(--field)}
.tr-ev.reg line{stroke:var(--navy)}.tr-ev.reg circle{stroke:var(--navy);fill:#fff;stroke-width:2}
.tr-key{display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0 14px;font-size:13px;color:var(--muted)}
.tr-l1::before,.tr-l2::before{content:"";display:inline-block;width:22px;margin-right:6px;vertical-align:middle;border-top:2.4px solid var(--navy)}
.tr-l2::before{border-top:2px dashed var(--field)}
.tr-m{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.tr-m::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--field)}
.tr-m.hike::before{background:var(--risk)}.tr-m.cut::before{background:var(--link)}.tr-m.reg::before{background:#fff;border:2px solid var(--navy);width:7px;height:7px}
.tr-scroll{overflow-x:auto;max-width:100%}
.tr table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}
.tr th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.tr td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}
.tr td.d{white-space:nowrap;color:var(--muted)}
.tr td.w small{display:block;color:var(--muted);font-size:12px}
.tr .n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.tr td.g{font-weight:700;color:var(--navy)}
.tr tr.big td.g{color:var(--risk)}
.tr-none{color:var(--muted);font-size:14px}
@media (max-width:600px){.tr table{min-width:0}.tr thead{display:none}.tr tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px;padding:12px 0;border-bottom:1px solid var(--line)}.tr td{padding:0;border:0}.tr td.w{grid-column:1/-1}.tr td.d{grid-column:1/3}.tr td.n{display:inline-block;text-align:left}.tr td.n::before{content:attr(data-l) " ";color:var(--muted);font-weight:400;font-size:12px}.tr tr td.n{grid-column:auto}.tr-chips .tr-c{min-width:56px}}

/* trend, owner 2026-11-03: quarters, plain words, less on the chart */
.tr-q{stroke:var(--line);stroke-width:1}
.tr-ax.up{fill:var(--navy);font-weight:600}.tr-ax.dn{fill:var(--muted);font-weight:600}
.tr-mk.hike{fill:var(--risk)}.tr-mk.cut{fill:var(--link)}
.tr-m.hike::before,.tr-m.cut::before{border-radius:0;width:0;height:0;background:none;border-left:6px solid transparent;border-right:6px solid transparent}
.tr-m.hike::before{border-bottom:10px solid var(--risk)}.tr-m.cut::before{border-top:10px solid var(--link)}
.tr-sum{font-size:16px;line-height:1.7;max-width:760px}
.tr td.p{white-space:nowrap;font-weight:600;color:var(--navy)}
.tr tr.weak td.g{color:var(--risk)}.tr tr.strong td.g{color:var(--link)}
.tr details summary{cursor:pointer;color:var(--text)}.tr details summary b.hike{color:var(--risk)}.tr details summary b.cut{color:var(--link)}
.tr details ul{margin:8px 0 0;padding-left:18px;font-size:13px}.tr details li{margin:4px 0}.tr details li span{color:var(--muted);font-variant-numeric:tabular-nums}.tr details small{color:var(--muted)}
.tr-quiet{color:var(--muted)}
@media (max-width:600px){.tr td.p{grid-column:1/-1}}
@media (max-width:600px){.tr-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;margin-right:-16px}.tr-c{flex:0 0 auto;min-height:38px;font-size:14px}.tr-ax{font-size:10px}.tr-sum{font-size:15px}}

/* trend, owner 2026-11-03 (2): period choice, yen for an amount */
.tr-pers{display:inline-flex;flex-wrap:wrap;gap:0;margin:0 0 10px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.tr-p{min-height:38px;min-width:52px;padding:0 12px;border:0;border-left:1px solid var(--line);background:#fff;color:var(--navy);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.tr-p:first-child{border-left:0}
.tr-p[aria-pressed="true"]{background:var(--navy);color:#fff}
.tr-ax.up,.tr-ax.dn{font-size:11px}
@media (max-width:600px){.tr-pers{display:flex;width:100%}.tr-p{flex:1 1 0;min-width:0;padding:0 2px;font-size:13px}}
@media (max-width:600px){.tr tr{grid-template-columns:repeat(2,minmax(0,1fr))}}