/* the TimeChain Explorer (/explorer/): the store's black, its gold rim and the platform's system blue and green and red; every
   control 44 points; the store's own logo, bar and footer come from store.css */
[hidden]{display:none!important}
.explorer .logo{position:relative;width:100%;margin:-6px 0 0}
.explorer .logo a{display:block;width:min(64vw,264px);margin:0 auto}
.explorer .logo img{display:block;width:100%;height:auto}
.explorer h1.sub{margin:0;font:600 12px/1.4 -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);background:none;-webkit-background-clip:border-box;background-clip:border-box}
.explorer .lead{margin:14px 0 26px}
.explorer section,.find,.hint{width:100%;text-align:left}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.find{display:flex;gap:8px}
.find input{flex:1;min-width:0;min-height:44px;margin:0;padding:0 14px;border:0;border-radius:12px;background:rgba(118,118,128,.24);color:#fff;font:17px -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;-webkit-appearance:none;appearance:none;outline:none}
.find input::placeholder{color:var(--ink-3)}
.find input:focus-visible{box-shadow:0 0 0 2px var(--blue)}
.find button,.copy,.how-link{-webkit-appearance:none;appearance:none;margin:0;border:0;cursor:pointer;touch-action:manipulation;font:600 17px -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif}
.find button{flex:none;min-width:44px;min-height:44px;padding:0 18px;border-radius:12px;background:var(--blue);background:-apple-system-blue;color:#fff}
.find button:active,.copy:active,.how-link:active,.feed a:active{opacity:.55}
.find button:focus-visible,.copy:focus-visible,.how-link:focus-visible,.feed a:focus-visible,details.raw summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.hint{margin:8px 0 0;font-size:14px;line-height:1.4;color:#FF453A}
.tx{scroll-margin-top:calc(64px + env(safe-area-inset-top))}
.card{margin:0;padding:0 16px;list-style:none;border-radius:16px;border:1px solid var(--gold-rim);background:linear-gradient(180deg,rgba(26,20,11,.84),rgba(10,8,5,.84));overflow:hidden}
.verdict{display:flex;align-items:center;gap:12px;margin:0 0 8px!important;font:700 22px/1.25 -apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,sans-serif!important}
.mark{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:17px;font-weight:700;line-height:1;color:#000}
.mark.ok{background:#30D158}
.mark.bad{background:#FF453A}
.mark.wait,.mark.none{background:rgba(118,118,128,.5);color:#fff}
.means{margin:0 0 14px!important;font-size:14px!important;line-height:1.5;color:var(--ink-2)!important}
.facts div{min-height:44px;padding:10px 0;border-bottom:.5px solid var(--line)}
.facts div:last-child{border-bottom:0}
.facts dt{margin:0 0 2px;font-size:13px;color:var(--ink-3)}
.facts dd{margin:0;font-size:15px;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}
.mono,.facts dd.mono{font:13px/1.5 ui-monospace,"SF Mono",SFMono-Regular,Menlo,monospace;word-break:break-all}
.yes{color:#30D158}
.no{color:#FF453A}
.dim{color:var(--ink-3)}
.tx h3{margin:22px 0 8px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.how h3{margin:24px 0 10px;font-size:15px;font-weight:600;color:var(--ink)}
/* the previous record of a version 2 transfer opens its own page: the whole id is the target, never under 44 points */
.facts dd a{display:inline-block;max-width:100%;min-height:44px;color:var(--blue);color:-apple-system-blue;text-decoration:none;touch-action:manipulation}
.facts dd a:active{opacity:.55}
.facts dd a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.copy{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin:18px 0 8px;padding:0 16px;border-radius:12px;background:rgba(118,118,128,.24);color:var(--blue);color:-apple-system-blue}
.link{margin:0!important;text-align:center;color:var(--ink-3)!important;-webkit-user-select:all;user-select:all}
details.raw{margin:16px 0 0;border-radius:12px;border:.5px solid var(--line)}
details.raw summary{display:flex;align-items:center;min-height:44px;padding:0 14px;cursor:pointer;color:var(--blue);color:-apple-system-blue;font-size:15px;list-style:none}
details.raw summary::-webkit-details-marker{display:none}
details.raw pre{margin:0;padding:12px 14px;max-height:320px;overflow:auto;border-top:.5px solid var(--line);white-space:pre-wrap;color:var(--ink-2)}
.how-link{display:inline-flex;align-items:center;min-height:44px;margin:8px 0 0;padding:0;background:none;color:var(--blue);color:-apple-system-blue;font-weight:400;font-size:15px}
.note{font-size:14px!important;color:var(--ink-2)!important}
.nodes-line{margin:0 0 10px!important;font-size:13px!important;color:var(--ink-3)!important}
/* the feed and a key's chain are one kind of list: every row a 60-point target opening its record */
.feed .card,.chain.card{padding:0}
.feed li + li,.chain li + li{border-top:.5px solid var(--line)}
.feed a,.chain a{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 16px;color:inherit;touch-action:manipulation}
.chain a:active{opacity:.55}
.chain a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.feed .mark,.chain .mark{width:24px;height:24px;font-size:13px}
.feed .l,.chain .l{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.feed .amt,.chain .amt{font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feed .who,.chain .who{font-size:12px;color:var(--ink-3)}
.feed .when,.chain .when{flex:none;font-size:13px;color:var(--ink-3);text-align:right}
.scroll{overflow-x:auto;margin:0 0 14px}
.layout{width:100%;border-collapse:collapse;font-size:13px;line-height:1.4}
.layout th{padding:6px 10px 6px 0;text-align:left;font-weight:600;color:var(--ink-3);border-bottom:.5px solid var(--line);white-space:nowrap}
.layout td{padding:7px 10px 7px 0;vertical-align:top;border-bottom:.5px solid var(--line)}
.layout td:nth-child(1),.layout td:nth-child(2){font-variant-numeric:tabular-nums;white-space:nowrap}
.how pre{margin:0 0 14px;padding:12px 14px;border-radius:12px;background:rgba(118,118,128,.16);overflow-x:auto}
.how code,.layout code{font:12.5px/1.55 ui-monospace,"SF Mono",SFMono-Regular,Menlo,monospace;color:var(--ink)}
/* the network now, the first screen: one card of facts, a row a node, a machine that keeps a copy, or the phones that do */
.net{margin:0 0 28px}
.net .note{margin:0 0 10px}
/* the graph of a key's coins: a tree of sources, every source a 44-point link to its record; a sender's own sources stand indented
   under the transfer that brought them */
ul.graph{margin:0 0 8px;padding:0 0 0 14px;list-style:none;border-left:1px solid var(--gold-rim)}
ul.graph ul.graph{margin:2px 0 0}
ul.graph li{padding:2px 0;font-size:15px;line-height:1.45;overflow-wrap:anywhere}
ul.graph a{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);color:-apple-system-blue;text-decoration:none;touch-action:manipulation}
ul.graph a:active{opacity:.55}
ul.graph a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
ul.graph p{margin:0;font-size:13px}