/* Tokens mirror F.I.L's packages/ui/src/styles.css so both back-ends read as one family. */
:root{
  --bg:hsl(210 40% 99%); --fg:hsl(222 47% 11%); --card:#fff; --muted:hsl(210 40% 96%); --muted-fg:hsl(215 16% 47%);
  --border:hsl(214 32% 91%); --primary:hsl(221 83% 53%); --primary-hover:#1d4ed8; --primary-fg:#fff;
  --secondary:hsl(214 95% 93%); --secondary-fg:hsl(224 76% 33%);
  --success:hsl(142 71% 45%); --warning:hsl(38 92% 50%); --destructive:hsl(0 84% 60%); --info:#0ea5e9;
  --sidebar:hsl(224 71% 14%); --sidebar-fg:hsl(213 31% 91%); --sidebar-accent:hsl(221 83% 53%); --sidebar-border:hsl(224 71% 22%);
  --brand-50:#eff6ff; --brand-100:#dbeafe; --brand-200:#bfdbfe; --brand-300:#93c5fd; --brand-700:#1d4ed8; --brand-800:#1e40af;
  --radius:10px; --shadow-soft:0 1px 2px 0 rgb(0 0 0/.04),0 1px 3px 0 rgb(0 0 0/.06); --shadow-card:0 1px 3px 0 rgb(0 0 0/.06),0 1px 2px -1px rgb(0 0 0/.04);
  --shadow-brand:0 4px 12px -2px rgb(37 99 235/.18);
  --font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;font-family:var(--font);font-size:14px;line-height:1.5;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"rlig" 1,"calt" 1}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{margin:0;letter-spacing:-.01em}
h1{font-size:24px;font-weight:700}
h2{font-size:17px;font-weight:600}
h3{font-size:16px;font-weight:600}
p{margin:0}
b{font-weight:600}
small,.small{font-size:12px}
.muted{color:var(--muted-fg)}
.mono{font-family:var(--mono);font-size:12px}
.nowrap{white-space:nowrap}
.num{text-align:right;font-variant-numeric:tabular-nums}
.hint{font-size:12px;color:var(--muted-fg);margin-top:10px}
.ic{width:20px;height:20px;flex:none}
.ic.dim{color:var(--muted-fg);width:16px;height:16px}

/* shell */
.shell{display:flex;height:100dvh;overflow:hidden;background:hsl(210 40% 96% / .3)}
.sidebar{width:256px;flex:none;display:flex;flex-direction:column;background:var(--sidebar);color:var(--sidebar-fg);border-right:1px solid var(--sidebar-border);transition:width .2s}
.brand{display:flex;align-items:center;gap:12px;padding:20px 16px;border-bottom:1px solid var(--sidebar-border)}
.brand-tile{display:inline-flex;padding:6px;border-radius:8px;color:#fff;background:linear-gradient(135deg,hsl(221 83% 53%),hsl(217 91% 60%) 50%,hsl(199 89% 48%));box-shadow:var(--shadow-brand)}
.brand-logo{width:auto;height:38px;flex:none}
.brand-text{display:flex;flex-direction:column;line-height:1.2}
.brand-text b{color:#fff;font-weight:700}
.brand-text small{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:hsl(213 31% 91% / .72)}
.nav{flex:1;overflow-y:auto;padding:12px 8px;display:flex;flex-direction:column;gap:2px}
.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;border-radius:6px;font:inherit;font-weight:500;color:hsl(213 31% 91% / .8);background:none;border:0;cursor:pointer;text-align:left;text-decoration:none}
.nav-item:hover{background:rgb(255 255 255/.05);color:#fff;text-decoration:none}
.nav-item.active{background:var(--sidebar-accent);color:#fff}
.side-foot{border-top:1px solid var(--sidebar-border);padding:8px;display:flex;flex-direction:column;gap:4px}
.side-foot form{margin:0}
.frame{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}
.topbar{position:sticky;top:0;z-index:30;height:56px;display:flex;align-items:center;gap:16px;padding:0 24px;background:hsl(210 40% 99% / .8);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.crumb{font-weight:600;color:var(--muted-fg)}
.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}
.user-chip{display:flex;align-items:center;gap:8px;color:var(--fg)}
.user-chip:hover{text-decoration:none}
.user-name{font-weight:500}
.role-tag{font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:999px;background:var(--brand-100);color:var(--brand-800);font-weight:600}
.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:var(--brand-100);color:var(--brand-800);border:1px solid var(--brand-200);font-size:12px;font-weight:600;flex:none}
.avatar.sm{width:28px;height:28px;font-size:11px}
.main{flex:1;overflow-y:auto;padding:24px}
.menu-btn{display:none}
@media (max-width:900px){
  .sidebar{position:fixed;inset:0 auto 0 0;z-index:40;transform:translateX(-100%)}
  .sidebar.open{transform:none}
  .menu-btn{display:inline-flex}
  .main{padding:16px}
  .user-name{display:none}
}

/* page head */
.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid hsl(214 95% 93% / .7)}
.page-head p{margin-top:4px;max-width:70ch}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.actions form{margin:0}
.crumbs{display:flex;gap:6px;font-size:12px;color:var(--muted-fg);margin-bottom:4px}
.crumbs span{color:var(--brand-300)}
.crumbs span.mono{color:var(--muted-fg)}
.section-title{margin:22px 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-fg)}

/* cards */
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-card);padding:20px}
.card.flush{padding:0;overflow:hidden}
.card.narrow{max-width:520px}
.card.highlight{border-color:var(--brand-200);background:var(--brand-50);margin-bottom:16px}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.grid-2.wide-left{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.stack-gap{display:flex;flex-direction:column;gap:16px}
.cards-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:16px}
@media (max-width:1100px){.grid-2,.grid-2.wide-left{grid-template-columns:minmax(0,1fr)}}

/* stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px}
.stat{display:flex;flex-direction:column;gap:2px;padding:18px 20px;border-radius:12px;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-soft);color:var(--fg);transition:transform .15s,box-shadow .15s}
a.stat:hover{transform:translateY(-1px);box-shadow:0 6px 16px -4px hsl(221 83% 53% / .18);text-decoration:none}
.stat .k{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-fg)}
.stat .v{font-size:26px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.stat .v small{font-size:14px;color:var(--muted-fg);font-weight:500}
.stat .s{font-size:12px;color:var(--muted-fg)}
.stat.brand{background:var(--brand-50);border-color:var(--brand-100)}
.stat.success{background:#ecfdf5;border-color:#d1fae5}
.stat.warning{background:#fffbeb;border-color:#fef3c7}
.stat.danger{background:#fef2f2;border-color:#fee2e2}
.stat.info{background:#f0f9ff;border-color:#e0f2fe}

/* lists */
.list{list-style:none;margin:12px -20px -20px;padding:0;border-top:1px solid var(--border)}
.list li+li{border-top:1px solid var(--border)}
.list-row{display:flex;align-items:center;gap:12px;padding:10px 20px;color:var(--fg)}
.list-row:hover{background:hsl(221 100% 97% / .5);text-decoration:none}
.grow{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.grow small{color:var(--muted-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.status-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.status-list li{display:flex;align-items:center;gap:10px}
.dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:#94a3b8;flex:none}
.dot.ok{background:#16a34a}.dot.err{background:#dc2626}.dot.off{background:#94a3b8}.dot.warn{background:#f59e0b}
.dot.lg{width:10px;height:10px}
.who{display:flex;align-items:center;gap:10px}
.who span:last-child{display:flex;flex-direction:column;line-height:1.3}

/* pills / tags / chips */
.pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}
.pill::first-letter,.chip::first-letter{text-transform:uppercase}
.pill.new{background:var(--brand-100);color:var(--brand-800)}
.pill.contacted,.pill.inspected{background:#e0f2fe;color:#075985}
.pill.quoted,.pill.queued,.pill.planned{background:#fef3c7;color:#92400e}
.pill.won,.pill.built{background:#d1fae5;color:#065f46}
.pill.lost,.pill.spam{background:#fee2e2;color:#991b1b}
.pill.archived{background:var(--muted);color:var(--muted-fg)}
.tag{display:inline-block;padding:1px 8px;border-radius:6px;background:var(--muted);color:var(--muted-fg);font-size:12px;font-weight:500}
.chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid var(--border);background:var(--card);color:var(--fg)}
.chip:hover{border-color:var(--brand-300);background:var(--brand-50);text-decoration:none}
.chip.on{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:var(--shadow-soft)}
.chip .cnt{font-size:10px;padding:0 6px;border-radius:999px;background:var(--muted);color:var(--muted-fg);font-variant-numeric:tabular-nums}
.chip.on .cnt{background:rgb(255 255 255/.2);color:#fff}
.search{margin-left:auto;display:flex;align-items:center;gap:8px;padding:0 10px;height:36px;border:1px solid var(--border);border-radius:6px;background:var(--card);min-width:280px}
.search .ic{width:16px;height:16px;color:var(--muted-fg)}
.search input{border:0;outline:0;background:none;font:inherit;flex:1;min-width:0}
@media (max-width:700px){.search{margin-left:0;width:100%}}

/* tables */
.tbl-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:14px}
thead{background:hsl(221 100% 97% / .5);border-bottom:1px solid var(--brand-100);text-align:left}
th{padding:12px 16px;font-weight:600;font-size:13px;white-space:nowrap}
td{padding:12px 16px;border-top:1px solid var(--border);vertical-align:middle}
tr.clickable{cursor:pointer}
tr.clickable:hover{background:hsl(221 100% 97% / .3)}
td .icon-btn{margin-right:6px}
.wrap-url{word-break:break-all;max-width:360px}
.pager{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid var(--border)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px;border-radius:6px;border:1px solid var(--border);background:var(--card);color:var(--fg);font:inherit;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}
.btn:hover{background:hsl(221 83% 53% / .08);color:var(--primary);border-color:hsl(221 83% 53% / .3);text-decoration:none}
.btn .ic{width:16px;height:16px}
.btn.primary{background:var(--primary);color:var(--primary-fg);border-color:transparent;box-shadow:var(--shadow-soft)}
.btn.primary:hover{background:var(--primary-hover);color:#fff}
.btn.danger{color:#b91c1c;border-color:#fecaca}
.btn.danger:hover{background:#fee2e2;color:#991b1b;border-color:#fca5a5}
.btn.sm{height:32px;padding:0 12px;font-size:12px}
.btn.wide{width:100%}
.btn:focus-visible,.nav-item:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:0;background:none;color:var(--muted-fg);cursor:pointer}
.icon-btn:hover{background:var(--brand-100);color:var(--brand-700)}
.icon-btn .ic{width:18px;height:18px}
.link{font-size:13px;font-weight:500}
.link-btn{background:none;border:0;color:var(--primary);font:inherit;cursor:pointer;padding:0}
.inline{display:inline;margin:0}
.center{text-align:center;margin-top:14px}

/* forms */
.stack{display:flex;flex-direction:column;gap:14px}
.field{display:flex;flex-direction:column;gap:6px}
.field>span{font-size:13px;font-weight:500}
input[type=text],input[type=email],input[type=password],input[type=search],input:not([type]),select,textarea{width:100%;height:36px;padding:0 12px;border:1px solid var(--border);border-radius:6px;background:var(--card);font:inherit;color:var(--fg);box-shadow:0 1px 2px rgb(0 0 0/.04)}
textarea{height:auto;padding:8px 12px;resize:vertical;font-family:inherit}
select{appearance:auto}
input::placeholder,textarea::placeholder{color:var(--muted-fg)}
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.row-end{display:flex;justify-content:flex-end;gap:8px}
.check{display:flex;align-items:center;gap:8px;font-size:13px}
.check input{width:16px;height:16px}
.code-input{font-size:24px;letter-spacing:.3em;text-align:center;height:52px;font-variant-numeric:tabular-nums}
.copy-row{display:flex;gap:8px;margin-top:8px}
.copy-row input{font-family:var(--mono);font-size:12px}
.counter{font-size:11px;color:var(--muted-fg);text-align:right}
.counter.over{color:#b91c1c}
.kv{display:grid;grid-template-columns:120px 1fr;gap:8px 16px;margin:0}
.kv dt{color:var(--muted-fg);font-size:13px}
.kv dd{margin:0}
.kv dd.pre{white-space:pre-wrap}

/* flash / empty / modal */
.flash{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;margin-bottom:16px;font-weight:500;border:1px solid}
.flash.ok{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
.flash.err{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.flash .ic{width:18px;height:18px}
.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:56px 24px;border:1px dashed var(--brand-200);background:hsl(221 100% 97% / .4);border-radius:12px}
.empty.small{padding:28px 16px;margin-top:12px}
.empty p{color:var(--muted-fg);max-width:44ch}
.empty-ic{display:inline-flex;padding:14px;border-radius:999px;background:var(--brand-100);color:#2563eb}
.empty-ic .ic{width:28px;height:28px}
.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:rgb(0 0 0/.4);backdrop-filter:blur(4px)}
.modal[hidden]{display:none}
.modal-panel{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 25px 50px -12px rgb(0 0 0/.25);width:100%;max-width:520px;max-height:90vh;overflow:auto}
.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}
.modal-body{padding:20px}

/* integrations */
.card.int{display:flex;flex-direction:column;gap:8px}
.int-head{display:flex;align-items:center;gap:10px}
.int-head div{display:flex;flex-direction:column;line-height:1.3}
.int-status{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.int-status.ok{color:#15803d}.int-status.err{color:#b91c1c}.int-status.off{color:var(--muted-fg)}
.card.int form{margin-top:auto}

/* sparkline */
.spark{height:70px;margin:4px 0 8px}
.spark svg{width:100%;height:100%;display:block}

/* bare (auth) */
/* Centred with auto margins, not by making <body> a flex container: password
   managers and other extensions inject their own elements into <body>, and as
   flex siblings those pushed the sign-in card off to one side. */
body.bare{background:linear-gradient(135deg,hsl(221 100% 97%),hsl(214 95% 93%));min-height:100dvh;padding:clamp(24px,7vh,72px) 24px}
.bare-wrap{width:100%;max-width:420px;margin-inline:auto;display:flex;flex-direction:column;gap:18px}
.bare-brand{display:flex;justify-content:center;margin-bottom:2px}
.bare-brand img{width:auto;height:64px}
.bare-card{padding:28px}
.bare-title{font-size:22px;margin-bottom:4px}
.bare-card .muted{margin-bottom:18px}
.bare-foot{text-align:center;font-size:12px;color:var(--muted-fg)}

/* nav groups */
.nav-group{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:hsl(213 31% 91% / .6);padding:14px 12px 4px}
.nav-group:first-child{padding-top:0}

/* switches */
.rule-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.rule{display:flex;gap:14px;align-items:flex-start;padding:14px;border:1px solid var(--border);border-radius:10px}
.rule .grow small{white-space:normal}
.switch{position:relative;display:inline-block;width:42px;height:24px;flex:none;margin-top:2px}
.switch input{opacity:0;width:0;height:0}
.switch .track{position:absolute;inset:0;background:#cbd5e1;border-radius:999px;transition:background .15s}
.switch .track::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:#fff;transition:transform .15s;box-shadow:0 1px 2px rgb(0 0 0/.2)}
.switch input:checked+.track{background:var(--primary)}
.switch input:checked+.track::after{transform:translateX(18px)}
.switch input:focus-visible+.track{outline:2px solid var(--primary);outline-offset:2px}

/* chart */
.chart{height:220px}
.chart svg{width:100%;height:100%;display:block}
.legend{display:flex;gap:16px;font-size:12px;color:var(--muted-fg);margin-top:8px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:middle}

/* Navigation progress — immediate acknowledgement of a click while the next
   page travels to an origin that is a long way from Australia. */
.nav-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;transform:scaleX(0);transform-origin:0 50%;transition:transform .6s cubic-bezier(.22,.61,.36,1);background:linear-gradient(90deg,hsl(221 83% 53%),hsl(199 89% 48%))}
@media (prefers-reduced-motion: reduce){.nav-progress{transition:none}}

/* "Checking…" state for the two integration cards that need a live probe. */
.dot.pending,.int-status.pending{color:var(--muted-fg)}
.dot.lg.pending{background:var(--muted-fg);opacity:.45;animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.35}50%{opacity:.75}}
@media (prefers-reduced-motion: reduce){.dot.lg.pending{animation:none}}

/* Live-versus-saved panel under the tracking form. */
.tag-status{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}
.tag-status h3{font-size:13px;font-weight:600;margin:0 0 8px;color:var(--muted-fg);text-transform:uppercase;letter-spacing:.05em}

/* ============================== Responsive (Sep 2026 audit) ============================== */
/* Grid and stack children may shrink below their content's natural width. Without
   this the Overview's sparkline reported a 768px natural width, so its column never
   narrowed and the page scrolled sideways on tablets and phones. */
.grid-2 > *, .stack-gap > *, .cards-3 > *, .stats > * { min-width: 0; }
.spark svg, .chart svg { max-width: 100%; }

/* Page title in the top bar gives way before anything is pushed off screen. */
.topbar .crumb { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.topbar-right { flex: none; }
@media (max-width: 700px) { .topbar { padding: 0 12px; gap: 10px; } }
@media (max-width: 480px) { .user-chip .role-tag { display: none; } }

/* Touch targets: small text links and checkboxes get a bigger hit area without
   changing how they look. */
.card-head .link { padding: 8px 6px; margin: -8px -6px; display: inline-block; }
.check { min-height: 32px; }
.check input { width: 18px; height: 18px; flex: none; }

/* Tapping outside the open phone sidebar closes it. */
.sidebar-scrim { display: none; }
@media (max-width: 900px) {
  .sidebar-scrim { position: fixed; inset: 0; z-index: 39; background: rgb(15 23 42 / .35); }
  .sidebar.open + .sidebar-scrim, .sidebar-scrim.on { display: block; }
}

/* ============================== Integrations ============================== */
.int-filter{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}
.int-filter .search{flex:1 1 260px;max-width:360px}
a.card.int{display:flex;flex-direction:column;gap:10px;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}
a.card.int:hover{border-color:var(--brand-200);box-shadow:var(--shadow-card-hover,0 6px 18px hsl(221 83% 53% / .10));text-decoration:none;transform:translateY(-1px)}
.int-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.int-tile{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--brand-100);color:var(--brand-800);border:1px solid var(--brand-200);font-weight:700;font-size:13px;flex:none}
.int-tile.lg{width:48px;height:48px;border-radius:12px;font-size:16px}
.int-name{display:flex;flex-direction:column;line-height:1.3}
.int-blurb{margin:0;flex:1}
.int-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--border);color:var(--primary);font-size:13px;font-weight:500}
.int-hero{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:16px}
.int-hero-body{flex:1 1 320px;min-width:0}
.int-hero-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;font-size:16px}
.int-kv{grid-template-columns:150px 1fr}
.int-kv dd{word-break:break-word}
.int-hero-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ok-text{color:#15803d;font-weight:500}
.err-text{color:#b91c1c;font-weight:500}
.steps-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px;font-size:13.5px;color:var(--fg)}
.steps-list li{line-height:1.55}
@media (max-width:700px){.int-kv{grid-template-columns:1fr}.int-kv dt{margin-top:6px}}

/* Long unbroken strings (the Google redirect address, tokens, ID values) have no
   spaces to wrap at, so they pushed the page sideways instead of wrapping. */
.steps-list li,.int-kv dd,.int-hero .mono,.card .mono,.hint{overflow-wrap:anywhere}