/* Synlighet, «Velg søkene» and Google-kart (bølge 3, 18.10; natt 2, 19.10): built on reviews.css (r-page, r-top, r-card, r-btn, r-link, r-field,
   r-section, r-details, r-note). Only what is particular to these pages lives here: the score card, the map card with the
   insight beside it, the others on the search, the keyword list and the map workspace. The page lines up with the Google
   heading above it. Green, yellow and red say how high you are, on the map and on the bars alike. */
#account .syn-page.r-page{max-width:1000px;margin:0 auto;padding:0 0 32px}
#account .syn-page .syn-head:empty{display:none}
#account .syn-page .syn-icon{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#account .syn-page .r-back .syn-icon{width:16px;height:16px;stroke-width:2}
#account .syn-page .google-feedback:empty,#account .syn-page .map-feedback:empty{display:none}
#account .syn-page .google-feedback,#account .syn-page .map-feedback{margin:0 0 12px;color:var(--r-text);font-size:var(--r-fs-ui);line-height:1.5}
#account .syn-page .google-feedback .r-link,#account .syn-page .map-feedback .r-link{margin-left:8px}
/* A warning is a line of text with a yellow dot, never a coloured box. */
#account .syn-page .syn-warn{display:flex;gap:8px;align-items:baseline;margin:10px 0 0;padding:0;background:none;color:var(--r-text);font-size:var(--r-fs-small);line-height:1.5}
#account .syn-page .syn-warn::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--r-yellow);transform:translateY(-1px)}

/* The Maps identity picker (pilot-map-identity.js) still writes btn; it looks like r-btn here. */
#account .syn-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--r-control);min-height:0;margin:0;padding:0 16px;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius-s);background:var(--r-panel);color:var(--r-ink);font:500 var(--r-fs-body)/1 var(--r-font);white-space:nowrap;cursor:pointer;box-shadow:none}
#account .syn-page .btn:hover{background:var(--r-hover)}
#account .syn-page .btn.primary{background:var(--r-ink);border-color:var(--r-ink);color:#fff}
#account .syn-page .btn:disabled{opacity:.5;cursor:default}

/* Overview (synlighet C, 19.10, as the drawing Synlighet-v2): «Sist målt» in small grey, the section title outside the card,
   one row per search with its pill, its bar and the big number, and one line under that never wraps. Bars are ink; green,
   yellow and red mean a place on the map and nothing else. The pills are the same on the search page. */
#account .syn{color:var(--r-ink)}
#account .syn-note{margin:0 0 32px;overflow:hidden;color:var(--r-muted);font-size:var(--r-fs-small);line-height:20px;text-overflow:ellipsis;white-space:nowrap}
#account .syn-section{display:flex;flex-direction:column;gap:12px}
#account .syn-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
#account .syn-h2{margin:0;overflow:hidden;color:var(--r-ink);font:600 var(--r-fs-title)/28px var(--r-font);letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap}
#account .syn-pill{display:inline-flex;align-items:center;flex:none;height:22px;padding:0 9px;border-radius:999px;background:var(--r-grey-3);color:var(--r-grey-11);font:500 var(--r-fs-small)/1 var(--r-font);white-space:nowrap}
#account .syn-pill.green{background:var(--r-green-3);color:var(--r-green-11)}
#account .syn-pill.amber{background:var(--r-amber-3);color:var(--r-amber-11)}
#account .syn-pill.red{background:var(--r-red-3);color:var(--r-red-11)}
#account .syn-pill.orange{background:var(--r-orange-3);color:var(--r-orange-11)}
#account .syn-pill.blue{background:var(--r-blue-3);color:var(--r-blue-11)}
#account .syn-pill.grey{background:var(--r-grey-3);color:var(--r-grey-11)}
#account .syn-services{display:flex;flex-direction:column;min-width:0}
/* Each search is a row that opens its page. The columns are fixed, so every bar starts and ends at the same place. */
#account .syn-svc{display:flex;align-items:center;gap:20px;width:100%;min-height:0;height:auto;margin:0;padding:16px 20px;border:0;border-radius:0;background:none;color:var(--r-ink);font:inherit;text-align:left;cursor:pointer;box-shadow:none}
#account .syn-svc:hover{background:var(--r-hover)}
#account .syn-svc:focus-visible{outline:2px solid var(--r-ink);outline-offset:-2px}
#account .syn-svc.waiting{cursor:default}
#account .syn-svc.waiting:hover{background:none}
#account .syn-svc-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
#account .syn-svc-name{min-width:0;overflow:hidden;color:var(--r-ink);font:600 var(--r-fs-lead)/24px var(--r-font);text-overflow:ellipsis;white-space:nowrap}
#account .syn-svc.waiting .syn-svc-name{color:var(--r-muted)}
#account .syn-svc-meta{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;color:var(--r-muted);font-size:var(--r-fs-small);line-height:20px;white-space:nowrap}
#account .syn-svc-meta>*{flex:none}
#account .syn-svc-meta>span:not(.syn-change){min-width:0;overflow:hidden;text-overflow:ellipsis}
#account .syn-svc-meta .r-link{font-size:var(--r-fs-small)}
#account .syn-change{display:inline-flex;align-items:center;gap:3px}
#account .syn-change .r-icon{width:14px;height:14px}
#account .syn-change.up{color:var(--r-green-11)}
#account .syn-change.down{color:var(--r-red-11)}
/* A chip and «målt 28. nov.» are cut at 320 px. Beside a chip a phone under 380 px drops the word «målt», and one under
   340 px the date too, so the line is never cut (measured with Geist and 48 av 49). */
/* «Ting å gjøre» on the search page: under 380 px the row's meta keeps the time and drops the effect, so it is never cut. */
@media (max-width:379px){
 #account .ss-plan-meta .ss-plan-effect{display:none}
}
#account .syn-svc-num{width:110px;flex:none;display:flex;flex-direction:column;align-items:flex-end}
#account .syn-svc-big{display:flex;align-items:baseline;gap:5px;white-space:nowrap}
#account .syn-svc-big b{color:var(--r-ink);font:600 var(--r-fs-big)/32px var(--r-font);letter-spacing:-.3px;font-variant-numeric:tabular-nums}
#account .syn-svc-big span{color:var(--r-text);font:500 var(--r-fs-body)/1 var(--r-font)}
#account .syn-svc-go{flex:none;color:var(--r-muted)}
/* REV-84: under a row, beside its button and never inside it, what the measurements say about the owner's newest step and
   the one thing to do next, with a tile, a title, the reason and a white button. Small text keeps to one line. */
#account .syn-step{display:flex;flex-direction:column;gap:10px;padding:0 20px 16px}
#account .syn-step[hidden],#account .syn-step:empty{display:none}
#account .syn-step-after{display:flex;align-items:center;gap:8px;min-width:0;margin:0;color:var(--r-muted);font-size:var(--r-fs-small);line-height:20px;white-space:nowrap}
#account .syn-step-after>span:not(.syn-pill){min-width:0;overflow:hidden;text-overflow:ellipsis}
#account .syn-step-after .r-icon{width:14px;height:14px}
#account .syn-step-after .r-icon.amber{color:var(--r-amber-11)}
#account .syn-step-do{display:flex;align-items:center;gap:12px;min-width:0}
#account .syn-step-do .r-tile{width:28px;height:28px;border-radius:8px}
#account .syn-step-do .r-tile svg{width:16px;height:16px}
#account .syn-step-copy{flex:1;min-width:0;display:flex;flex-direction:column}
#account .syn-step-title{font:600 var(--r-fs-ui)/20px var(--r-font);color:var(--r-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#account .syn-step-why{color:var(--r-muted);font-size:var(--r-fs-small);line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#account .syn-step-do .r-btn{flex:none}
/* Before the first measurement (24.10): what it gives, then the three steps with where each stands. */
#account .syn-page .syn-first-weekly{margin:12px 0 0;white-space:normal}
#account .syn-links{margin-top:32px}
#account .syn-link-row{display:flex;align-items:center;gap:12px;width:100%;min-height:0;height:auto;margin:0;padding:14px 20px;border:0;border-radius:0;background:none;font:inherit;text-align:left;cursor:pointer;box-shadow:none}
#account .syn-link-row:hover{background:var(--r-hover)}
#account .syn-link-row:active{background:var(--r-soft)}
#account .syn-link-row:focus-visible{outline:2px solid var(--r-ink);outline-offset:-2px}
#account .syn-link-row>b{flex:1;min-width:0;overflow:hidden;color:var(--r-ink);font:500 var(--r-fs-body)/1.4 var(--r-font);text-overflow:ellipsis;white-space:nowrap}
#account .syn-link-row .r-tile{width:28px;height:28px;border-radius:8px}
#account .syn-link-row .r-tile svg{width:16px;height:16px}
/* The squares of the legend and the fallback grid, the same colours as the map. */
#account .syn-sq{display:inline-block;flex:none;width:12px;height:12px;margin-top:4px;border-radius:3px;background:#d6d8db}
#account .syn-sq.g{background:var(--r-green)}
#account .syn-sq.y{background:var(--r-yellow)}
#account .syn-sq.r{background:var(--r-red)}
#account .syn-sq.n{background:#bfc3c8}
/* «Dere» is the same mark as on the map: a star in an ink circle. */
#account .syn-dot{display:inline-block;flex:none;width:14px;height:14px;border-radius:50%;background:var(--r-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f9ab00' d='m12 2.8 2.8 5.8 6.3.9-4.6 4.4 1.1 6.3L12 17.2l-5.6 3 1.1-6.3L2.9 9.5l6.3-.9z'/%3E%3C/svg%3E") center/9px no-repeat}
#account .syn-cell{display:grid;place-items:center;width:40px;height:24px;color:#fff;font:600 13px var(--r-font);text-shadow:0 1px 1px rgba(0,0,0,.25)}
#account .syn-cell.y{color:#3c2a00;text-shadow:none}
#account .syn-cell:is(.n,.u){color:#80868b;font-weight:500;text-shadow:none}
#account .syn-home{display:grid;place-items:center;width:30px;height:30px;border:2px solid #fff;border-radius:50%;background:var(--r-ink);box-shadow:0 0 0 .5px rgba(0,0,0,.25)}
#account .syn-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;height:100%;padding:2px}
#account .syn-grid .syn-cell{width:auto;height:auto;border-radius:3px}
#account .syn-grid .syn-cell.g{background:var(--r-green)}
#account .syn-grid .syn-cell.y{background:var(--r-yellow)}
#account .syn-grid .syn-cell.r{background:var(--r-red)}
#account .syn-grid .syn-cell:is(.n,.u){background:var(--r-track)}

/* The search page (synlighet C, 19.10, as the drawing Sok-takvask-v2): the title with its pill and «Sist målt» under; the
   status card with the number on the left and the square map on the right; «Bedrifter i område N» as a table one can scan;
   «Ting å gjøre for «<søk>»» as rows with a pill, a title, one line and a button; the quiet rows at the end. Four text
   sizes: 32, 20, 17 and 15, with 13 for what is small. 32 px between sections, 16 px inside a card. */
#account .ss-title-row{display:flex;align-items:center;gap:12px;min-width:0}
#account .ss-title-row .r-h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#account .ss-title-pill{display:inline-flex;flex:none}
#account .ss-title-pill:empty{display:none}
#account .syn-page .r-top>.ss-title-row+.r-sub{margin-top:6px;font-size:var(--r-fs-small)}
#account .ss-feedback{margin:0 0 12px;color:var(--r-text);font-size:var(--r-fs-ui);line-height:1.5}
#account .ss-feedback[hidden]{display:none}
#account .ss-switch{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;min-width:0}
#account .ss-switch .ss-switch-edit{margin-left:4px;white-space:nowrap}
#account .ss-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:24px;align-items:start}
#account .ss-main{display:flex;flex-direction:column;min-width:0}
#account .ss-status-body{display:flex;align-items:stretch;gap:24px;padding:24px}
#account .ss-left{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:16px;min-width:0}
#account .ss-stand,#account .ss-change{display:flex;flex-direction:column;min-width:0}
#account .ss-right{position:sticky;top:24px;min-width:0;display:flex;flex-direction:column;gap:12px;padding:16px}
#account .ss-big{margin:0;color:var(--r-ink);font:600 var(--r-fs-big)/1.15 var(--r-font);letter-spacing:-.3px;white-space:nowrap;font-variant-numeric:tabular-nums}
#account .ss-big-label{margin:2px 0 0;color:var(--r-muted);font-size:var(--r-fs-small);white-space:nowrap}
#account .ss-line{margin:14px 0 0;color:var(--r-text);font-size:var(--r-fs-body);line-height:1.5}
#account .ss-line-part{white-space:nowrap}
#account .ss-line[hidden]{display:none}
/* Før | Nå: a segmented control, the chosen side with a dark edge. */
#account .ss-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;height:40px;padding:3px;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius-s);background:#fff}
#account .ss-toggle-btn{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;min-height:0;height:auto;margin:0;padding:0 10px;border:0;border-radius:6px;background:#fff;font:inherit;white-space:nowrap;cursor:pointer;box-shadow:none}
#account .ss-toggle-btn>span{min-width:0;overflow:hidden;color:var(--r-muted);font:500 var(--r-fs-small)/1 var(--r-font);text-overflow:ellipsis}
#account .ss-toggle-btn>b{color:var(--r-text);font:600 var(--r-fs-body)/1 var(--r-font);font-variant-numeric:tabular-nums}
#account .ss-toggle-btn[aria-pressed=true]{box-shadow:0 0 0 1.5px var(--r-ink)}
#account .ss-toggle-btn[aria-pressed=true]>span,#account .ss-toggle-btn[aria-pressed=true]>b{color:var(--r-ink);font-weight:600}
/* REV-84: the step Før is measured against, first in the change group: a history icon and one line that never wraps. */
#account .ss-step{display:flex;align-items:center;gap:6px;min-width:0;margin:0 0 8px;color:var(--r-muted);font-size:var(--r-fs-small);line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#account .ss-step>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
#account .ss-step .r-icon{width:14px;height:14px}
#account .ss-verdict{display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:100%}
#account .ss-toggle+.ss-verdict{margin-top:12px}
#account .ss-verdict-line{max-width:100%;overflow:hidden;color:var(--r-muted);font-size:var(--r-fs-small);line-height:20px;text-overflow:ellipsis;white-space:nowrap}
#account .ss-google{margin:0;color:var(--r-muted);font-size:var(--r-fs-small);line-height:20px}
#account .ss-change>:not(:first-child).ss-google{margin-top:16px}
#account .ss-measure{display:flex;flex-direction:column;gap:8px}
#account .ss-measure:empty{display:none}
#account .ss-measure .r-btn{width:100%}
#account .ss-measure .r-link{align-self:flex-start}
#account .ss-best{margin:0;overflow:hidden;color:var(--r-muted);font-size:var(--r-fs-small);line-height:20px;text-overflow:ellipsis;white-space:nowrap}
#account .ss-best b{color:var(--r-ink);font-weight:600}
#account .ss-closed{font-size:var(--r-fs-small);line-height:1.5}
/* The square map inside the card, with the dark edge on the chosen square. */
#account .ss-map{position:relative;z-index:0;isolation:isolate;width:100%;aspect-ratio:1/1;border:.5px solid var(--r-line);border-radius:8px;background:#fafaf7;overflow:hidden}
#account .ss-map path.map-cell-selected{stroke:var(--r-ink);stroke-width:3px}
#account .ss-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;color:var(--r-text);font-size:var(--r-fs-small);line-height:20px}
#account .ss-legend>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
#account .ss-legend .syn-sq{width:10px;height:10px;margin:0;border-radius:2px}
#account .syn-page .ss-legend .ss-legend-badge{position:static;width:16px;height:16px;box-shadow:none}
#account .ss-when{margin:0;overflow:hidden;color:var(--r-muted);font-size:var(--r-fs-small);line-height:20px;text-overflow:ellipsis;white-space:nowrap}
#account .ss-foot{display:flex;align-items:center;gap:10px;padding:12px 24px;border-top:.5px solid var(--r-line)}
#account .ss-foot[hidden]{display:none}
#account .ss-foot .r-icon{color:var(--r-muted)}
#account .ss-foot p{flex:1;min-width:0;margin:0;overflow:hidden;color:var(--r-muted);font-size:var(--r-fs-small);line-height:20px;text-overflow:ellipsis;white-space:nowrap}
#account .ss-foot p b{color:var(--r-text);font-weight:600}
/* A line in two lengths: the full one on a PC, the short one on a phone, so small text never wraps. */
#account .ss-short{display:none}
#account .ss-measuring{margin:12px 0 0}
/* Arrows on the squares: into the top 3 in green, out of it in red; never a character, always the SVG. */
#account .syn-page .map-cell{position:relative}
#account .syn-page .map-cell-badge{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;box-shadow:0 0 0 2px #fff}
#account .syn-page .map-cell-badge.up{background:var(--r-green-11);color:#fff}
#account .syn-page .map-cell-badge.down{background:var(--r-red-3);color:var(--r-red-11)}
#account .syn-page .map-cell-badge svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
/* Sections under the card: the title outside, 20 px, the card under it. */
#account .ss-section{display:flex;flex-direction:column;gap:12px;margin-top:32px}
#account .ss-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
#account .ss-section-head-col{flex-direction:column;align-items:flex-start;gap:4px}
#account .ss-h2{margin:0;min-width:0;overflow:hidden;color:var(--r-ink);font:600 var(--r-fs-title)/1.3 var(--r-font);letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap}
#account .ss-intro{color:var(--r-muted);font-size:var(--r-fs-ui);line-height:1.5}
#account .ss-note{margin-top:-8px;overflow:hidden;font-size:var(--r-fs-small);text-overflow:ellipsis;white-space:nowrap}
#account .ss-scope{display:flex;align-items:center;gap:6px;flex:none}
/* reviews.css loads after this sheet, so what meets .r-pill and .r-link there carries .syn-page as well. The chosen scope
   is white with a dark edge (the drawing): the one black button on the page is in «Ting å gjøre». */
#account .syn-page .ss-pill{display:inline-flex;align-items:center;height:28px;padding:0 12px;color:var(--r-text);font:500 var(--r-fs-small)/1 var(--r-font)}
#account .syn-page .ss-pill[aria-pressed=true]{background:#fff;border:1px solid var(--r-ink);color:var(--r-ink);font-weight:600}
/* «Bedrifter i område N»: the place as a big number, the name and its stars, three fact cells; the cell where the business
   has the advantage is green; our own row is toned; the reason stands as one line under the row. */
#account .ss-table{display:flex;flex-direction:column}
#account .ss-row{display:flex;flex-direction:column;gap:6px;padding:16px 24px;border-top:.5px solid var(--r-line)}
#account .ss-row.us{background:var(--r-soft)}
#account .ss-row-head{display:flex;align-items:center;gap:14px;min-width:0}
#account .ss-rank{width:36px;flex:none;color:var(--r-ink);font:600 var(--r-fs-title)/1 var(--r-font);font-variant-numeric:tabular-nums}
#account .ss-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#account .ss-who>b{overflow:hidden;color:var(--r-ink);font:600 var(--r-fs-lead)/1.35 var(--r-font);text-overflow:ellipsis;white-space:nowrap}
#account .ss-who>small{display:inline-flex;align-items:center;gap:4px;overflow:hidden;color:var(--r-muted);font-size:var(--r-fs-small);text-overflow:ellipsis;white-space:nowrap}
#account .ss-who>small b{color:var(--r-ink);font-weight:600}
#account .ss-who .syn-pill{align-self:flex-start;margin-top:2px}
#account .ss-facts{width:460px;flex:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;color:var(--r-ink);font:500 var(--r-fs-ui)/1 var(--r-font);white-space:nowrap}
#account .ss-fact{display:flex;align-items:center;gap:6px;min-width:0;height:34px;padding:0 10px;border-radius:8px}
#account .ss-fact>span{overflow:hidden;text-overflow:ellipsis}
#account .ss-fact .r-icon{width:14px;height:14px;color:var(--r-muted)}
#account .ss-fact.adv{background:var(--r-green-3);color:var(--r-green-11)}
#account .ss-fact.adv .r-icon{color:var(--r-green-11)}
#account .ss-fact.none{color:var(--r-muted)}
#account .ss-reason{margin:0;padding-left:50px;color:var(--r-text);font-size:var(--r-fs-ui);line-height:1.5}
#account .ss-reason b{color:var(--r-ink);font-weight:600}
#account .ss-near{color:var(--r-muted)}
/* The folded list's «Vis alle N»: a quiet link row in the card, 44 px tall, above the footnotes. */
#account .syn-page .ss-more{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 24px;border-top:.5px solid var(--r-line);color:var(--r-ink);font:500 var(--r-fs-ui)/1 var(--r-font)}
#account .syn-page .ss-more svg{width:16px;height:16px}
#account .ss-footnote{margin:0;padding:12px 24px;border-top:.5px solid var(--r-line);color:var(--r-muted);font-size:var(--r-fs-small);line-height:1.5}
#account .ss-empty{padding:16px 24px}
#account .ss-table .ss-empty{border-top:.5px solid var(--r-line)}
/* Beside the map (Jan 20.10) the list is too narrow for a table: the name on its own line, the three facts under it. */
#account .ss-main .ss-row-head{flex-wrap:wrap;row-gap:6px}
#account .ss-main .ss-facts{width:100%;padding-left:40px;grid-template-columns:minmax(0,96px) minmax(0,80px) minmax(0,1fr)}
/* «Ting å gjøre»: the pill on the left, the title in 17 px, one line, the meta line, the button on the right. */
#account .ss-plan{display:flex;flex-direction:column}
#account .ss-plan-row{display:flex;align-items:flex-start;gap:16px;padding:20px 24px}
#account .ss-plan-row+.ss-plan-row{border-top:.5px solid var(--r-line)}
#account .ss-plan-pill{width:72px;flex:none;display:flex;padding-top:1px}
#account .ss-plan-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
#account .ss-plan-title{color:var(--r-ink);font:600 var(--r-fs-lead)/1.4 var(--r-font)}
#account .ss-plan-line{margin:0;color:var(--r-text);font-size:var(--r-fs-body);line-height:1.5}
#account .ss-plan-meta{display:flex;align-items:center;gap:16px;margin-top:2px;color:var(--r-muted);font-size:var(--r-fs-small);white-space:nowrap}
#account .ss-why{display:inline-flex;align-items:center;gap:4px;min-height:0;height:24px;margin:0;padding:0;border:0;background:none;color:var(--r-ink);font:500 var(--r-fs-small)/1 var(--r-font);white-space:nowrap;cursor:pointer;box-shadow:none}
#account .ss-why .r-icon{width:14px;height:14px}
#account .ss-plan-why{max-width:600px;margin:2px 0 0;color:var(--r-text);font-size:var(--r-fs-ui);line-height:1.5}
#account .ss-plan-why[hidden]{display:none}
#account .ss-plan-actions{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
#account .ss-plan-actions .r-link{font-size:var(--r-fs-ui)}
/* The quiet rows: a tick for the website, an hourglass for what is waiting, a pin for what the profile cannot change. */
#account .ss-notes{display:flex;flex-direction:column;margin-top:32px}
#account .ss-note-row{display:flex;align-items:center;gap:14px;padding:14px 24px}
#account .ss-note-row+.ss-note-row{border-top:.5px solid var(--r-line)}
#account .ss-note-mark{display:flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:999px;background:var(--r-grey-3);color:var(--r-grey-11)}
#account .ss-note-mark svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
#account .ss-note-mark.green{background:var(--r-green-3);color:var(--r-green-11)}
#account .ss-note-mark.amber{background:var(--r-amber-3);color:var(--r-amber-11)}
#account .ss-note-row p{flex:1;min-width:0;margin:0;color:var(--r-text);font-size:var(--r-fs-body);line-height:1.5}
#account .ss-note-row p b{color:var(--r-ink);font-weight:600}
#account .syn-page .ss-out,#account .syn-page .ss-area{margin-top:24px}
#account .syn-page .ss-area{margin-left:24px}
#account .ss-empty-card>.r-btn{margin-top:16px}

/* Velg søkene (PR J1, 19.10, as the drawing Ny-12): the answer first in a status card, the section titles outside the cards
   (20 px, 32 px between sections), the searches in one card where a tick saves, the result right-aligned as a big number
   with its label under, Google's own terms with their own button, and one line with an «i» where a search says something
   about itself. Small text never wraps: a phone shows the short form kept in data-short. */
#account .syn-page .kw-head{margin:32px 0 12px}
#account .syn-page .keyword-content>.kw-head:first-child{margin-top:0}
#account .syn-page .kw-head small{margin:0;color:var(--r-muted);font-size:var(--r-fs-small);white-space:nowrap}
#account .kw-status{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 20px}
#account .kw-status-text{display:flex;flex-direction:column;gap:4px;min-width:0}
#account .kw-status-title{display:flex;align-items:center;gap:10px;min-width:0}
#account .kw-status-name{overflow:hidden;color:var(--r-ink);font:600 var(--r-fs-lead)/24px var(--r-font);text-overflow:ellipsis;white-space:nowrap}
#account .kw-status-line{padding-left:20px;overflow:hidden;color:var(--r-muted);font-size:var(--r-fs-small);line-height:18px;text-overflow:ellipsis;white-space:nowrap}
#account .kw-status>.r-btn{flex:none}
#account .kw-list{display:block;margin:0}
#account .kw-row{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin:0;padding:14px 20px;border:0;border-radius:0;background:#fff;cursor:pointer}
#account .kw-row>.kw-text{flex:1 1 0}
#account .kw-row+.kw-row{border-top:.5px solid var(--r-line)}
#account .kw-row:hover{background:var(--r-hover)}
#account .kw-row input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--r-ink)}
#account .kw-text{display:grid;gap:2px;flex:1;min-width:0}
#account .kw-row strong{overflow:hidden;color:var(--r-ink);font:600 var(--r-fs-lead)/24px var(--r-font);text-overflow:ellipsis;white-space:nowrap}
#account .kw-row input+.kw-text{margin-left:-10px}
/* Two short facts side by side on a PC, one under the other on a phone; each always on one line. */
#account .kw-notes{display:flex;flex-wrap:wrap;gap:2px 14px;min-width:0}
#account .kw-notes:empty{display:none}
#account .kw-notes>span{max-width:100%;overflow:hidden;color:var(--r-muted);font-size:var(--r-fs-small);line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
#account .kw-end{flex:none}
#account .kw-end:empty{display:none}
#account .kw-end .r-link{font-size:var(--r-fs-ui)}
#account .kw-end{display:flex;align-items:center;gap:16px}
/* Two or more services not on the profile share one «Legg til tjenestene» at the foot of the card, in line with the names. */
#account .kw-foot{display:flex;align-items:center;min-height:44px;padding:0 20px 0 52px;border-top:.5px solid var(--r-line)}
#account .kw-foot .r-link{font-size:var(--r-fs-ui)}
/* REV-129 (SynlighetMobil #2): «Legg til søkeord» under the list. */
#account .kw-add-form{display:flex;flex-direction:column;gap:8px;margin:12px 0 0;padding:14px 16px}
#account .kw-add-label{color:var(--r-ink);font:600 14px/20px var(--r-font)}
#account .kw-add-row{display:flex;align-items:stretch;gap:8px;min-width:0}
#account .kw-add-input{box-sizing:border-box;flex:1;min-width:0;height:44px;margin:0;padding:0 12px;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius-s,8px);background:#fff;color:var(--r-ink);font:400 15px/20px var(--r-font)}
#account .kw-add-btn{box-sizing:border-box;flex:none;height:44px;min-height:44px;margin:0;white-space:nowrap}
/* The result: the big number right-aligned with its label under, or a grey pill when there is none yet. */
#account .kw-score{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
#account .kw-score b{color:var(--r-ink);font:600 var(--r-fs-lead)/24px var(--r-font);white-space:nowrap;font-variant-numeric:tabular-nums}
#account .kw-score small{color:var(--r-muted);font-size:var(--r-fs-small);line-height:18px;white-space:nowrap}
/* One line that says something about the search, body size with an «i» before it; amber when the term is not a customer's. */
#account .kw-notes>.kw-hint{display:inline-flex;align-items:center;gap:8px;flex-basis:100%;margin-top:6px;overflow:visible;color:var(--r-text);font-size:var(--r-fs-body);line-height:22px;text-overflow:clip}
#account .kw-row>.kw-row-hint{display:flex;flex-basis:100%;align-items:flex-start;gap:8px;margin:-8px 0 0;padding-left:32px;color:var(--r-text);font-size:var(--r-fs-body);line-height:22px}
#account .kw-row>.kw-row-hint .kw-info{margin-top:3px}
#account .kw-info{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;color:var(--r-grey-11)}
#account .kw-off .kw-info{color:var(--r-amber-11)}
/* «Søk som viste profilen»: Google's G before the title, the month in one lead line, a term per row with its own button. */
#account .kw-google-head .syn-h2{display:flex;align-items:center;gap:8px}
#account .kw-g{width:16px;height:16px;flex:none}
#account .kw-lead{margin:-4px 0 12px;color:var(--r-text);font-size:var(--r-fs-body);line-height:22px}
#account .kw-term{cursor:default}
#account .kw-term:hover{background:#fff}
#account .kw-term>.r-btn{flex:none}
#account .kw-google-empty{padding:16px 20px}
#account .kw-google-empty p{margin:0;color:var(--r-text);font-size:var(--r-fs-body);line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#account .kw-footnote{margin:32px 0 0;overflow:hidden;color:var(--r-muted);font-size:var(--r-fs-small);line-height:18px;text-overflow:ellipsis;white-space:nowrap}
#account .syn-page .keyword-actions{gap:8px 12px;margin:16px 0 0}
#account .syn-page .kw-form{max-width:720px}
#account .syn-page .kw-form textarea{min-height:0}
#account .syn-page .kw-form .r-actions{margin-top:4px}
#account .syn-page .kw-cancel{margin-left:auto}

/* Google-kart: the search, the result and «Se på Google Maps» in one card beside the map; a card above them only while no
   Maps place is chosen. The map is square and is not stretched by the card beside it (synlighet A, 19.10): that card is at
   least as tall as the map, and a longer one scrolls past the map, which stays in view. */
#account .syn-page .map-identity-summary{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0 0 12px;padding:14px 18px}
#account .syn-page .map-identity-who{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;min-width:0}
#account .syn-page .map-identity-who strong{color:var(--r-ink);font-weight:600;white-space:nowrap}
#account .syn-page .map-identity-tools{display:flex;flex-wrap:wrap;gap:8px}
#account .syn-page .map-identity-tools:empty{display:none}
#account .syn-page .map-identity-note{flex-basis:100%;margin:0}
#account .syn-page .map-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:12px;align-items:start}
#account .syn-page .map-sidebar{display:flex;flex-direction:column;align-items:stretch;align-self:stretch;gap:10px;min-width:0;padding:16px 18px}
#account .syn-page .map-sidebar>*{margin:0}
#account .syn-page .map-sidebar>:is(.r-btn,.btn){width:100%}
#account .syn-page .map-sidebar .customer-select{width:100%}
#account .syn-page .map-sidebar .customer-select-trigger{display:block;width:100%;height:var(--r-control);min-height:0;padding:0 36px 0 12px;overflow:hidden;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius-s);background:#fff;font-size:var(--r-fs-body);line-height:var(--r-control);text-align:left;text-overflow:ellipsis;white-space:nowrap}
#account .syn-page .map-label{color:var(--r-muted);font-size:var(--r-fs-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#account .syn-page .map-side-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin-bottom:-2px}
#account .syn-page .map-side-head .r-link{flex:none;font-size:var(--r-fs-ui)}
#account .syn-page .map-side-head .r-link svg{width:14px;height:14px}
#account .syn-page .map-run-caption{color:var(--r-muted);font-size:var(--r-fs-small);line-height:1.5}
/* The result in one line, the average place under it, then what changed since the measurement before. */
#account .syn-page .map-summary{display:grid;gap:2px;padding:4px 0 0}
#account .syn-page .map-summary>p{margin:0}
#account .syn-page .map-result{color:var(--r-ink);font:600 var(--r-fs-lead)/1.45 var(--r-font);letter-spacing:-.2px;white-space:nowrap}
#account .syn-page :is(.map-average,.map-missing,.map-change,.map-profile-change){overflow:hidden;color:var(--r-text);font-size:var(--r-fs-ui);line-height:1.5;text-overflow:ellipsis;white-space:nowrap}
#account .syn-page .map-advice:empty{display:none}
#account .syn-page .map-advice .r-link{font-size:var(--r-fs-ui)}
#account .syn-page .map-change{margin-top:6px!important;color:var(--r-ink)}
#account .syn-page .map-profile-change{color:var(--r-muted)}
#account .syn-page .map-measure{display:grid;gap:8px;padding:14px 0 0;border-top:.5px solid var(--r-line)}
#account .syn-page .map-measure>p{margin:0}
#account .syn-page .map-measure[hidden]{display:none}
#account .syn-page .map-measure>.r-btn{width:100%}
#account .syn-page .map-last{color:var(--r-muted);font-size:var(--r-fs-small);white-space:nowrap}
#account .syn-page .map-summary>.map-last{margin-top:4px}
#account .syn-page .map-changed{color:var(--r-ink);font-size:var(--r-fs-ui);line-height:1.45}
#account .syn-page .map-connection-note{padding:0;background:none;color:var(--r-muted);font-size:var(--r-fs-small)}
#account .syn-page .map-links{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 0 0;border-top:.5px solid var(--r-line)}
/* «Endre område» closes the legend under the map, on the right. */
#account .syn-page .map-area-link{margin-left:auto;font-size:var(--r-fs-ui)}
/* The legend under the map: the same squares and words as on Synlighet. */
#account .syn-page .map-legend{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0;padding:12px 16px;border-top:.5px solid var(--r-line);color:var(--r-muted);font-size:var(--r-fs-small)}
#account .syn-page .map-legend>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
#account .syn-page .map-sq{display:inline-block;width:12px;height:12px;border-radius:3px;background:#d6d8db}
#account .syn-page .map-sq.g{background:var(--r-green)}
#account .syn-page .map-sq.y{background:var(--r-yellow)}
#account .syn-page .map-sq.r{background:var(--r-red)}
#account .syn-page .map-sq.n{background:#bfc3c8}
/* One square: what Google listed there, in order, with stars and the main category. */
#account .syn-page .map-point-detail[hidden]{display:none}
#account .syn-page .map-point-detail{margin:6px 0 0;padding:14px 0 0;border-top:.5px solid var(--r-line)}
#account .syn-page .map-point-head{display:flex;min-width:0}
#account .syn-page .map-point-detail h3{margin:2px 0 4px;color:var(--r-ink);font:600 var(--r-fs-body)/1.4 var(--r-font)}
#account .syn-page .map-point-detail p{margin:2px 0 0}
#account .syn-page .map-point-change{color:var(--r-text);font-size:var(--r-fs-ui)}
#account .syn-page .map-point-detail h4{margin:14px 0 4px;color:var(--r-muted);font:500 var(--r-fs-small)/1.4 var(--r-font)}
#account .syn-page .map-competitors{margin:0;padding:0;list-style:none}
#account .syn-page .map-comp{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 0}
#account .syn-page .map-comp+.map-comp{border-top:.5px solid var(--r-line)}
#account .syn-page .map-comp-rank{color:var(--r-muted);font-size:var(--r-fs-small);font-variant-numeric:tabular-nums}
#account .syn-page .map-comp-who{display:grid;min-width:0}
#account .syn-page .map-comp-who b{overflow:hidden;color:var(--r-ink);font:500 var(--r-fs-ui)/1.4 var(--r-font);text-overflow:ellipsis;white-space:nowrap}
#account .syn-page .map-comp.us .map-comp-who b{font-weight:650}
#account .syn-page .map-comp-who small{overflow:hidden;color:var(--r-muted);font-size:var(--r-fs-small);text-overflow:ellipsis;white-space:nowrap}
#account .syn-page .map-comp.us .map-comp-who small{color:var(--r-ink)}
#account .syn-page .map-comp-stars{display:inline-flex;align-items:center;gap:3px;color:var(--r-ink);font-size:var(--r-fs-small);white-space:nowrap;font-variant-numeric:tabular-nums}
#account .syn-page .map-star{width:13px;height:13px;flex:none;color:var(--r-yellow)}
#account .syn-page .map-comp-none{color:var(--r-muted)}
/* The map card: a square map that follows the screen and stays in view while the list beside it is scrolled. */
#account .syn-page .map-canvas{position:sticky;top:16px;display:flex;flex-direction:column;min-width:0}
#account .syn-page .map-surface{flex:none;width:100%;aspect-ratio:1/1;height:auto;min-height:0;max-height:calc(100vh - 120px);border:0;border-radius:0;background:#fafaf7;box-shadow:none;overflow:hidden;isolation:isolate}
/* The square shown beside the map has a dark edge; CSS wins over the white edge Leaflet writes as an attribute. */
#account .syn-page .map-surface path.map-cell-selected{stroke:var(--r-ink);stroke-width:3px}
#account .syn-page .map-canvas>.map-center-empty{flex:1 1 auto;border:0;border-radius:0}
#account .syn-page .map-cell-marker{background:transparent;border:0}
/* V3 03.11: each square's number as a dot, green/yellow/red as the drawings; a ring at the address. */
#account .syn-page .map-cell{display:grid;place-items:center;width:30px;height:30px;margin:3px;border-radius:50%;background:#b9bbc1;color:#fff;font:600 13px/1 var(--r-font);box-shadow:0 1px 2px rgba(16,24,40,.25);cursor:pointer}
#account .syn-page .map-cell.g{background:#30a46c}
#account .syn-page .map-cell.y{background:#f2b100;color:var(--r-ink)}
#account .syn-page .map-cell.r{background:#e5484d}
#account .syn-page .map-cell.n{background:#b9bbc1}
#account .syn-page .map-cell.u{background:#dcdde1;box-shadow:none;color:var(--r-muted)}
#account .syn-page .map-cell.me{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--r-ink)}
@media (min-width:821px){#account .syn-page .map-cell{width:34px;height:34px;margin:1px;font-size:14px}}
#account .syn-page .map-location-dot{display:block;width:24px;height:24px;border:3px solid #fff;border-radius:50%;background:var(--r-ink);box-shadow:0 0 0 .5px rgba(0,0,0,.25)}
#account .syn-page .syn-home{display:grid;place-items:center;width:30px;height:30px;border:2px solid #fff;border-radius:50%;background:var(--r-ink);box-shadow:0 0 0 .5px rgba(0,0,0,.25)}
#account .syn-page .syn-home .map-star{width:15px;height:15px}
/* The area form: the same fields as everywhere else. */
#account .syn-page .map-sidebar>h3{color:var(--r-ink);font:600 var(--r-fs-body)/1.4 var(--r-font)}
#account .syn-page .map-plan-form{display:grid;gap:14px;margin:4px 0 0}
#account .syn-page .map-plan-form label{display:grid;gap:5px;color:var(--r-text);font-size:var(--r-fs-meta);font-weight:400}
#account .syn-page .map-plan-form input:not([type=range]){width:100%;height:var(--r-control);min-height:0;padding:0 12px;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius-s);background:#fff;color:var(--r-ink);font:var(--r-fs-body)/1.4 var(--r-font);box-shadow:none}
#account .syn-page .map-plan-form input:focus{outline:2px solid var(--r-ink);outline-offset:-1px}
#account .syn-page .map-plan-form input[type=range]{accent-color:var(--r-ink)}
/* «Lagre måleområdet» and «Avbryt» side by side across the form; an old sheet splits the form in two columns on a phone. */
#account .syn-page .map-editor-actions{grid-column:1/-1;flex-wrap:nowrap}
#account .syn-page .map-radius-label strong{color:var(--r-ink);font-size:var(--r-fs-lead);font-weight:600}
#account .syn-page .map-address-search{display:grid;gap:8px}
#account .syn-page .map-address-search>.r-btn{justify-self:start}
#account .syn-page .map-address-results{display:grid;gap:0;border-radius:var(--r-radius-s);overflow:hidden}
#account .syn-page .map-address-results:not(:empty){border:.5px solid var(--r-line-strong)}
#account .syn-page .map-address-result{min-height:44px;padding:10px 12px;border:0;border-radius:0;background:#fff;color:var(--r-ink);font:var(--r-fs-ui)/1.4 var(--r-font);text-align:left;cursor:pointer}
#account .syn-page .map-address-result+.map-address-result{border-top:.5px solid var(--r-line)}
#account .syn-page .map-address-result:hover{background:var(--r-hover)}
#account .syn-page .map-source-note{color:var(--r-muted);font-size:var(--r-fs-small);line-height:1.5}
#account .syn-page .map-source-note a{display:inline-flex;margin-left:6px;font-size:var(--r-fs-small)}
#account .syn-page .map-center-empty{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:24px;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius);background:#fff;text-align:center}
#account .syn-page .map-center-empty h3{margin:0;color:var(--r-ink);font:600 var(--r-fs-body)/1.5 var(--r-font)}
#account .syn-page .map-center-empty p{max-width:280px;margin:4px 0 16px;color:var(--r-text);font-size:var(--r-fs-ui)}
#account .syn-page .map-canvas-caption{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);max-width:80%;padding:8px 14px;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius-s);background:#fff;color:var(--r-text);font-size:var(--r-fs-small);text-align:center;pointer-events:none;box-shadow:none}
#account .syn-page .map-tile-warning{position:absolute;top:12px;left:12px;right:12px;z-index:500;padding:10px 12px;border:.5px solid var(--r-line-strong);border-radius:var(--r-radius-s);background:#fff;color:var(--r-text);font-size:var(--r-fs-small)}

@media (max-width:820px){
 #account .syn-page.r-page{padding:0}
 #account .syn-note{margin-bottom:24px}
 /* The rows: the name and the pill on one line, the bar under them, the number on the right; the small line never wraps. */
 #account .syn-svc{gap:12px;padding:14px 16px}
 #account .syn-svc-num{width:auto}
 #account .syn-svc-big b{font-size:26px;line-height:28px}
 #account .syn-link-row{padding:14px 16px}
 /* The strip: the title and the reason may take two lines, the button fills the width at 44 px under them (as «Ting å
    gjøre»); the line after the step keeps to one line with its short form and short pill. */
 #account .syn-step{padding:0 16px 14px}
 #account .syn-step-do{flex-wrap:wrap}
 #account .syn-step-title,#account .syn-step-why{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}
 /* reviews.css loads after this sheet and sets .r-btn.small at the same weight: one more part keeps the 44 px. */
 #account .syn-step .syn-step-do .r-btn{width:100%;height:44px}
 /* The search page: the square map first, the number and the buttons under it, 44 px buttons across the card. */
 #account .ss-status-body{flex-direction:column;gap:16px;padding:16px}
 /* One column: the map, the status, then the businesses and the rest. Stretch, not the grid's start: at start the status card
    took the width of the two Før/Nå buttons and ran 3 px past a 320 screen. */
 #account .ss-split{display:flex;flex-direction:column;align-items:stretch;gap:16px}
 #account .ss-main{display:contents}
 #account .ss-right{order:1;position:static;padding:12px}
 #account .ss-main>.ss-status{order:2}
 #account .ss-main>:not(.ss-status){order:3}
 #account .ss-main>.ss-section{margin-top:16px}
 #account .ss-switch{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 16px;padding:0 16px;scrollbar-width:none}
 #account .ss-switch>*{flex:none}
 #account .ss-measure .r-btn{height:44px}
 #account .ss-foot{padding:12px 16px}
 #account .ss-section-head{flex-wrap:wrap;row-gap:8px}
 #account .ss-note{margin-top:0}
 #account .ss-h2{white-space:normal}
 #account .ss-long{display:none}
 #account .ss-short{display:inline}
 #account .ss-row{padding:14px 16px}
 #account .syn-page .ss-more{padding:0 16px}
 #account .ss-row-head{flex-wrap:wrap;row-gap:8px}
 /* The fact cells break to two lines under the name, so the table needs no sideways scroll. */
 #account .ss-facts{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));padding-left:50px}
 #account .ss-main .ss-facts{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:50px}
 #account .ss-reason{padding-left:50px}
 #account .ss-plan-row{flex-wrap:wrap;padding:16px}
 #account .ss-plan-meta{flex-wrap:wrap;row-gap:4px}
 #account .ss-plan-body{flex-basis:calc(100% - 88px)}
 #account .ss-plan-actions{width:100%;align-items:stretch}
 #account .ss-plan-actions .r-btn{width:100%;height:44px}
 #account .ss-note-row{padding:14px 16px}
 #account .syn-page .ss-area{margin-left:0;display:flex}
 #account .kw-row{gap:14px;padding:14px 16px}
 #account .kw-row>.kw-row-hint{margin-top:-4px}
 #account .kw-row input+.kw-text{margin-left:0}
 #account .kw-foot{padding:0 16px 0 48px}
 #account .syn-page .keyword-actions>.r-btn{flex:1 1 auto}
 #account .kw-notes{flex-direction:column;flex-wrap:nowrap;gap:1px}
 /* Velg søkene on a phone: the status card stacks with a 44 px button, the result keeps its place on the right, the short
    form of each small line is shown, a hint may run to two lines (body text), and each term's button fills the width. */
 #account .kw-status{flex-direction:column;align-items:stretch;gap:12px;padding:16px}
 /* The title is lead text, so two names may take two lines rather than be cut; the small line under it never wraps. */
 #account .kw-status-name{overflow:visible;white-space:normal;text-overflow:clip}
 #account .kw-status>.r-btn{width:100%;height:44px}
 #account .kw-profile[data-short],#account .kw-status-line[data-short],#account .kw-footnote span[data-short]{font-size:0}
 #account .kw-profile[data-short]::before,#account .kw-status-line[data-short]::before,#account .kw-footnote span[data-short]::before{content:attr(data-short);font-size:var(--r-fs-small)}
 #account .kw-footnote{white-space:normal;text-overflow:clip}
 #account .kw-footnote>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #account .kw-notes>.kw-hint{flex-basis:auto;align-items:flex-start;white-space:normal;margin-top:8px}
 /* The count goes under a long title instead of cutting it. */
 #account .syn-page .kw-head{flex-wrap:wrap;row-gap:2px}
 #account .kw-notes>.kw-hint .kw-info{margin-top:3px}
 #account .kw-term{flex-direction:column;align-items:stretch;gap:10px}
 #account .kw-term>.r-btn{width:100%;height:44px}
 #account .kw-google-empty p{white-space:normal}
 #account .syn-page .map-identity-summary{flex-direction:column;align-items:stretch;padding:14px 16px}
 #account .syn-page .map-workspace{display:flex;flex-direction:column;gap:12px}
 #account .syn-page .map-canvas{position:relative;top:auto;order:-1;width:100%}
 #account .syn-page .map-sidebar{width:100%;padding:16px}
 #account .syn-page .map-sidebar:has(.map-plan-form){order:-2}
 /* Square, but never taller than the screen between the bar at the top and the menu at the bottom: a phone on its side
    still shows the whole grid at once. */
 #account .syn-page .map-surface{flex:none;aspect-ratio:1/1;height:auto;min-height:0;max-height:calc(100vh - 140px);max-height:calc(100svh - 140px)}
 #account .syn-page .map-legend{padding:12px 16px}
 #account .syn-page .map-plan-form input:not([type=range]){font-size:16px}
}
/* The grid reaches the edges of the map, and on a touch screen the zoom buttons would cover the squares in the corner: two
   fingers zoom there. A narrow window on a PC keeps the buttons, its only way to zoom besides a double click. */
@media (max-width:820px) and (pointer:coarse){
 #account .syn-page .map-surface .leaflet-control-zoom,#account .syn-page .ss-map .leaflet-control-zoom{display:none}
}
/* Tiltak (Jan 22.10): the website check in the app's own design. One status card, then rows that open in place. */
#account .web-page{display:block}
#account .web-page .web-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px}
#account .web-page .web-top-body{display:flex;align-items:center;gap:14px;min-width:0}
#account .web-page .web-top-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
#account .web-page .web-top-title{color:var(--r-ink);font:650 var(--r-fs-lead)/1.4 var(--r-font);letter-spacing:-.2px}
#account .web-page .web-top-meta{color:var(--r-muted);font-size:var(--r-fs-meta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#account .web-page .web-top-actions{flex:none;justify-content:flex-end}
#account .web-page .web-open .icon{width:14px;height:14px;flex:none}
#account .web-page .web-path{margin:12px 0 0}
#account .web-page .web-path .customer-select{max-width:420px}
#account .web-page .web-feedback{margin:12px 0 0;color:var(--r-text);font-size:var(--r-fs-ui)}
#account .web-page .web-feedback:empty{display:none}
#account .web-page .web-scope{margin:12px 0 0;font-size:var(--r-fs-small);line-height:1.5}
#account .web-page .web-list .web-item+.web-item,#account .web-page .web-list .web-service+.web-service{border-top:.5px solid var(--r-line)}
#account .web-page .web-head{width:100%;min-height:0;margin:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
#account .web-page .web-head:focus-visible{outline:2px solid var(--r-ink);outline-offset:-2px}
#account .web-page .web-head .r-tile,#account .web-page .web-service .r-tile{width:32px;height:32px;border-radius:9px}
#account .web-page .web-detail{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#account .web-page .web-end{display:inline-flex;align-items:center;gap:10px;color:var(--r-muted)}
#account .web-page .web-end .icon{width:16px;height:16px;flex:none}
#account .web-page .web-panel{display:grid;gap:14px;padding:0 18px 18px 66px}
#account .web-page .web-block p{margin:2px 0 0;color:var(--r-text);font-size:var(--r-fs-ui);line-height:1.55}
#account .web-page .web-label{color:var(--r-muted);font-size:var(--r-fs-meta)}
#account .web-page .web-form{display:grid;gap:12px;max-width:520px}
#account .web-page .web-service{grid-template-columns:32px minmax(0,1fr)}
#account .web-page .web-service-link{margin-top:2px;font-size:var(--r-fs-meta);color:var(--r-muted);white-space:normal}
#account .web-page .web-service-link .icon{width:13px;height:13px;flex:none}
#account .web-page .web-brief{margin-top:20px}
#account .web-page .web-short{display:none}
/* The row's one tap under its head (Jan 20.10), lined up with the text; the ready text in the open row. */
#account .web-page .web-quick{display:flex;padding:0 18px 14px 66px}
#account .web-page :is(.web-quick,.web-top-actions,.web-brief) .icon{width:16px;height:16px;flex:none}
#account .web-page :is(.web-copy,.web-go,.web-send,.web-brief){display:inline-flex;align-items:center;gap:6px}
#account .web-page .web-fix{margin:4px 0 0;padding:12px;border:.5px solid var(--r-line);border-radius:var(--r-radius-s);background:var(--r-canvas);color:var(--r-text);font:var(--r-fs-small)/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto}
#account .web-page p.web-fix{font-family:var(--r-font);font-size:var(--r-fs-ui)}
#account .web-page .web-history{margin-top:24px;max-width:420px}
/* REV-129 (ProfilEkstraMobil #3): the check under way, and the findings of the one before. */
#account .web-page .web-running{display:flex;flex-direction:column;gap:6px;margin-top:16px;padding:16px 18px}
#account .web-page .web-running-head{display:flex;align-items:center;gap:10px;color:var(--r-ink);font:600 15px/20px var(--r-font)}
#account .web-page .web-running-text{margin:0;color:var(--r-text);font:400 13px/19px var(--r-font)}
#account .web-page .web-spin{flex:none;width:16px;height:16px;border:2px solid #e3e1db;border-top-color:var(--r-ink);border-radius:50%;animation:web-spin .9s linear infinite}
@keyframes web-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#account .web-page .web-spin{animation:none}}
#account .web-page .web-prev{cursor:default}
#account .web-page .web-prev-where{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#account .web-page .web-prev .r-status{white-space:nowrap}
#account .web-page .website-task-history ol{margin:8px 0 0;padding-left:18px;color:var(--r-text);font-size:var(--r-fs-ui)}
@media(max-width:640px){
 #account .web-page .web-top{flex-direction:column;align-items:stretch;padding:16px}
 #account .web-page .web-top-actions{justify-content:flex-start}
 #account .web-page .web-top-meta{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 #account .web-page .web-top-actions .r-btn{flex:1}
 #account .web-page .web-head{grid-template-columns:32px minmax(0,1fr);row-gap:8px;padding:14px 16px}
 #account .web-page .web-end{grid-column:2;justify-content:space-between}
 #account .web-page .web-panel{padding:0 16px 16px}
 #account .web-page .web-brief{width:100%}
 #account .web-page .web-quick{padding:0 16px 14px 56px}
 #account .web-page :is(.web-quick,.web-top-actions) .r-btn{height:44px}
}
@media (max-width:379px){
 #account .web-page .web-send .web-long{display:none}
 #account .web-page .web-send .web-short{display:inline}
}

/* V3 Synlighet 03.11 (SynlighetMobil #1 #4–#6, SynlighetDesktop): «Hvor dere vises» as one list with the number on the
   right, «Gjør dette nå» as its own list, the map beside the rows on a PC. Status is a strong dot and neutral text. */
#account .syn-page .syv{display:flex;flex-direction:column;gap:20px}
#account .syn-page .syv>.syn-note{margin:0}
#account .syn-page .syv .syv-h2{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0;margin:0 0 -8px}
#account .syn-page .syv .syv-h2 .syn-h2{font:600 18px/24px var(--r-font);letter-spacing:-.2px}
#account .syn-page .syv .syv-h2-note{flex:none;min-width:0;overflow:hidden;color:var(--r-muted);font:400 13px/18px var(--r-font);text-overflow:ellipsis;white-space:nowrap}
#account .syn-page .syv .syv-wide{display:none}
#account .syn-page .syv .syn-section{gap:16px}
#account .syn-page .syv .syv-list{display:flex;flex-direction:column;padding:0;overflow:hidden}
#account .syn-page .syv .syv-row{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;height:auto;margin:0;padding:12px 16px;border:0;border-top:.5px solid var(--r-line);border-radius:0;background:var(--r-panel);box-shadow:none;color:var(--r-ink);font:inherit;text-align:left}
#account .syn-page .syv .syv-list>:first-child{border-top:0}
#account .syn-page .syv button.syv-row{cursor:pointer}
#account .syn-page .syv button.syv-row:hover{background:var(--r-hover)}
#account .syn-page .syv button.syv-row:focus-visible{outline:2px solid var(--r-ink);outline-offset:-2px}
#account .syn-page .syv .syv-row.sel{background:var(--r-hover);box-shadow:inset 3px 0 0 var(--r-ink)}
#account .syn-page .syv .syv-row.waiting{cursor:default}
#account .syn-page .syv .syv-who{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
#account .syn-page .syv .syv-who>b,#account .syn-page .syv .syn-svc-name{overflow:hidden;color:var(--r-ink);font:500 16px/22px var(--r-font);text-overflow:ellipsis;white-space:nowrap}
#account .syn-page .syv .syv-who>span,#account .syn-page .syv .syn-svc-meta{display:block;overflow:hidden;color:var(--r-muted);font:400 13px/18px var(--r-font);text-overflow:ellipsis;white-space:nowrap}
#account .syn-page .syv .syv-kv{display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:1px;width:auto}
#account .syn-page .syv .syv-kv .syn-svc-big{color:var(--r-ink);font:600 16px/22px var(--r-font);letter-spacing:0;white-space:nowrap}
#account .syn-page .syv .syn-change{display:inline-flex;align-items:center;gap:4px;font:500 13px/18px var(--r-font);white-space:nowrap}
#account .syn-page .syv .syn-change[hidden]{display:none}
#account .syn-page .syv .syn-change.same{color:var(--r-muted)}
#account .syn-page .syv .syn-change.up{color:#1b6b47}
#account .syn-page .syv .syn-change.down{color:var(--r-red-11)}
#account .syn-page .syv .syn-change .syn-icon{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#account .syn-page .syv .syn-svc-go{flex:none;width:18px;height:18px;color:var(--r-muted)}
#account .syn-page .syv .syv-more{min-height:48px;gap:10px;font:500 15px/20px var(--r-font)}
#account .syn-page .syv .syv-more>span{flex:1}
#account .syn-page .syv .syv-more>.syn-icon:first-child,#account .syn-page .syv .syv-more>.r-icon{width:18px;height:18px;color:var(--r-muted)}
#account .syn-page .syv .syv-st{display:inline-flex;flex:none;align-items:center;gap:7px;color:var(--r-text);font:500 13px/18px var(--r-font);white-space:nowrap}
#account .syn-page .syv .syv-st::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#a0a3ab}
#account .syn-page .syv .syv-st.g::before{background:#30a46c}
#account .syn-page .syv .syv-st.y::before{background:#f2b100}
#account .syn-page .syv .syv-st.r::before{background:#e5484d}
#account .syn-page .syv .syv-st.r{color:var(--r-red-11)}
#account .syn-page .syv .syv-st.me::before{background:#fff;box-shadow:0 0 0 2px var(--r-ink)}
/* «Gjør dette nå»: tile, step and why, «Gjør det». */
#account .syn-page .syv .syv-todo[hidden],#account .syn-page .syv .syn-step[hidden]{display:none}
#account .syn-page .syv .syv-steps .syn-step{display:block;margin-top:-.5px;padding:14px 16px;border-top:.5px solid var(--r-line)}
#account .syn-page .syv .syv-steps .syn-step-do{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:14px}
#account .syn-page .syv .syv-steps .syn-step-do .r-tile{width:40px;height:40px;border-radius:10px}
#account .syn-page .syv .syv-steps .syn-step-do .r-tile svg{width:20px;height:20px}
#account .syn-page .syv .syv-steps .syn-step-copy{gap:2px;padding-top:1px}
#account .syn-page .syv .syv-steps .syn-step-title{font:500 16px/22px var(--r-font);white-space:normal}
#account .syn-page .syv .syv-steps .syn-step-why{color:var(--r-text);font:400 14px/20px var(--r-font);white-space:normal}
#account .syn-page .syv .syv-steps .syn-step-after{margin-top:4px}
#account .syn-page .syv .syv-steps .syn-step-do .r-btn{flex:none;width:auto;height:36px;margin-top:2px;padding:0 12px;border-radius:8px;font-size:14px}
#account .syn-page .syv .syv-steps .syn-step-title,#account .syn-page .syv .syv-steps .syn-step-why{display:block;-webkit-line-clamp:unset;overflow:visible}
#account .syn-page .ss-pill[aria-pressed=true]{background:var(--r-ink);border-color:var(--r-ink);color:#fff}
/* Cards above the rows: a measurement under way, one that stopped; before the first measurement. */
#account .syn-page .syv .syv-card{display:flex;flex-direction:column;gap:14px;padding:18px}
#account .syn-page .syv .syv-card-head{display:flex;align-items:center;gap:14px;min-width:0}
#account .syn-page .syv .syv-card-head .r-tile{width:40px;height:40px;border-radius:10px}
#account .syn-page .syv .syv-card-head .r-tile svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#account .syn-page .syv .syv-lead{margin:0;color:var(--r-text);font:400 14px/21px var(--r-font)}
#account .syn-page .syv .syv-spin{flex:none;width:22px;height:22px;border:2.5px solid #dcdde1;border-top-color:var(--r-ink);border-radius:50%;animation:syv-spin 1s linear infinite}
@keyframes syv-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#account .syn-page .syv .syv-spin{animation:none}}
#account .syn-page .syv .syv-meter{display:block;height:8px;overflow:hidden;border-radius:4px;background:#eceae4}
#account .syn-page .syv .syv-meter i{display:block;height:100%;border-radius:4px;background:#F2B100}
#account .syn-page .syv .syv-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
#account .syn-page .syv .syv-actions .r-btn{height:36px;gap:8px;padding:0 12px;border-radius:8px;font-size:14px}
#account .syn-page .syv .syv-actions .r-btn.primary{height:44px;padding:0 16px;font-size:15px}
#account .syn-page .syv .syv-actions .r-btn svg{width:18px;height:18px}
#account .syn-page .syv .syv-u{padding:0;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
#account .syn-page .syv .syv-meta{color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap}
#account .syn-page .syv .syv-check{display:grid;flex:none;place-items:center;width:20px;height:20px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1.5px #c3c6cd}
#account .syn-page .syv .syv-check.on{background:var(--r-ink);box-shadow:none;color:#fff}
#account .syn-page .syv .syv-check svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
#account .syn-page .syv .syv-first-act{display:flex;flex-direction:column;gap:12px}
#account .syn-page .syv .syv-first-act .syv-full{width:100%;height:48px}
#account .syn-page .syv .syv-first-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap}
#account .syn-page .syv .syv-first-note .r-link{height:auto;min-height:0;color:var(--r-ink);font:500 13px/18px var(--r-font)}
/* On a PC: the map of one search beside the rows, and its numbers under them. */
#account .syn-page .syv .syv-two{display:flex;flex-direction:column;gap:16px;min-width:0}
#account .syn-page .syv .syv-stack{display:flex;flex-direction:column;gap:16px;min-width:0}
#account .syn-page .syv .syv-mapcard{display:flex;flex-direction:column;gap:14px;padding:18px}
#account .syn-page .syv .syv-chips{display:flex;flex-wrap:wrap;gap:8px}
#account .syn-page .syv .syv-map{position:relative;z-index:0;isolation:isolate;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:10px;background:#ebeae5;box-shadow:inset 0 0 0 .5px var(--r-line)}
#account .syn-page .syv .syv-map path.map-cell-selected{stroke:var(--r-ink);stroke-width:3px}
#account .syn-page .syv .syv-legend{display:flex;flex-wrap:wrap;gap:6px 16px}
#account .syn-page .syv .syv-legend .syv-st{font-size:13px}
#account .syn-page .syv .syv-split{height:0;margin:0 -18px;border-top:.5px solid var(--r-line)}
#account .syn-page .syv .syv-sum{gap:10px}
#account .syn-page .syv .syv-h3{margin:0;color:var(--r-ink);font:600 16px/22px var(--r-font)}
#account .syn-page .syv .syv-tally{display:flex;flex-direction:column;border-top:.5px solid var(--r-line)}
#account .syn-page .syv .syv-tally-row{display:flex;align-items:center;justify-content:space-between;gap:12px;height:44px;border-bottom:.5px solid var(--r-line)}
#account .syn-page .syv .syv-tally-row>span:first-child{color:var(--r-text);font:400 14px/20px var(--r-font);white-space:nowrap}
#account .syn-page .syv .syv-tally-row b{color:var(--r-ink);font:600 16px/1 var(--r-font);white-space:nowrap}
#account .syn-page .syv .syv-sum .syv-actions{margin-top:6px}
@media (min-width:821px){
 #account .syn-page .syv .syv-narrow{display:none}
 #account .syn-page .syv .syv-wide{display:inline}
 #account .syn-page .syv .syv-two.with-map{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;align-items:start}
}
@media (max-width:820px){
 #account .syn-page .syv{gap:16px}
}

/* V3 Søkesiden 03.11 (SokeordMobil #1–#7, SokeordDesktop #1): the big number with «av 25» small, Før and Nå as a label over
   «1 i topp 3», «Ting å gjøre» with the importance beside the title and the button under it, the businesses with their facts
   under the name, and on a PC «Ta ut søket» and «Endre måleområdet» beside the title. */
#account .syn-page .ss-head-actions{display:none;align-items:center;gap:10px;margin-left:auto}
#account .syn-page .ss-head-actions:empty{display:none}
#account .syn-page .ss-head-actions .r-btn{height:36px;padding:0 12px;border-radius:8px;font-size:14px}
#account .syn-page .ss-big b{font:600 40px/1 var(--r-font);letter-spacing:-.8px}
#account .syn-page .ss-big span{color:var(--r-text);font:500 16px/1 var(--r-font);letter-spacing:0}
#account .syn-page .ss-big-label{margin-top:8px;color:var(--r-ink);font:500 15px/20px var(--r-font)}
#account .syn-page .ss-toggle{height:auto;padding:3px;border:0;border-radius:10px;background:#eceae4}
#account .syn-page .ss-toggle-btn{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;height:auto;min-height:52px;padding:8px 12px;border-radius:8px;background:transparent}
#account .syn-page .ss-toggle-btn>span{font:400 12px/16px var(--r-font)}
#account .syn-page .ss-toggle-btn>b{font:600 17px/22px var(--r-font)}
#account .syn-page .ss-toggle-btn[aria-pressed=true]{background:#fff;box-shadow:0 0 0 .5px var(--r-line),0 1px 2px rgba(16,24,40,.08)}
#account .syn-page .ss-plan-row{display:block;padding:16px}
#account .syn-page .ss-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
#account .syn-page .ss-plan-head .ss-plan-title{min-width:0;font:500 16px/22px var(--r-font)}
#account .syn-page .ss-plan-head .ss-plan-pill{width:auto;flex:none;padding-top:2px}
#account .syn-page .ss-plan-body{gap:6px}
#account .syn-page .ss-plan-line{font:400 14px/21px var(--r-font)}
#account .syn-page .ss-plan-actions{flex-direction:row;flex-wrap:wrap;align-items:center;width:auto;margin-top:6px}
#account .syn-page .ss-plan-actions .r-btn{width:auto;height:36px;padding:0 12px;border-radius:8px;font-size:14px}
#account .syn-page .ss-plan-why{padding:10px 12px;border-radius:10px;background:#f3f3f2;font:400 13px/19px var(--r-font)}
#account .syn-page .ss-row{padding:14px 16px}
#account .syn-page .ss-row-head{align-items:flex-start;flex-wrap:nowrap}
#account .syn-page .ss-rank{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#f3f3f2;color:var(--r-ink);font:600 13px/1 var(--r-font)}
#account .syn-page .ss-row:not(.us) .ss-rank{background:#e9f6ef;color:#1b6b47}
#account .syn-page .ss-row.us{background:var(--r-hover);box-shadow:inset 3px 0 0 var(--r-ink)}
#account .syn-page .ss-row.us .ss-rank{background:#fff;color:var(--r-ink)}
#account .syn-page .ss-who>b{font:500 16px/22px var(--r-font)}
#account .syn-page .ss-who .ss-facts{display:flex;flex-wrap:wrap;gap:4px 16px;width:auto;margin-top:4px;padding-left:0;font:500 13px/18px var(--r-font)}
#account .syn-page .ss-who .ss-fact{height:auto;padding:0;background:none}
#account .syn-page .ss-who .ss-fact.adv{color:var(--r-ink);font-weight:600}
#account .syn-page .ss-reason{padding-left:42px;font:400 13px/19px var(--r-font)}
#account .syn-page .ss-legend .syn-sq{border-radius:50%;width:8px;height:8px}
#account .syn-page .ss-legend .syn-ring{display:inline-block;flex:none;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--r-ink)}
@media (min-width:821px){
 #account .syn-page .ss-head-actions{display:flex}
 #account .syn-page .ss-head-actions~*{display:none}
 #account .syn-page .ss-title-row:has(.ss-head-actions:not(:empty))~.r-sub{margin-top:6px}
 #account .syn-page:has(.ss-head-actions:not(:empty)) :is(.ss-out,.ss-area){display:none}
}
#account .syn-page .ss-side{display:flex;flex-direction:column;gap:16px;min-width:0}
#account .syn-page .ss-side>.ss-right{position:static}
#account .syn-page .ss-side>.ss-section{margin-top:8px}
#account .syn-page .ss-side .ss-section-head{flex-wrap:nowrap}
@media (max-width:820px){
 #account .syn-page .ss-side{display:contents}
 #account .syn-page .ss-side>.ss-section{order:3;margin-top:16px}
}
/* «Bedrifter i område N»: the title alone, and «Område N | Alle» as one segmented control under it (SokeordMobil #2). */
#account .syn-page .ss-side .ss-section-head{flex-direction:column;align-items:stretch;gap:10px}
#account .syn-page .ss-side .ss-scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px;border-radius:10px;background:#eceae4}
#account .syn-page .ss-side .ss-scope .ss-pill{justify-content:center;height:36px;border:0;border-radius:8px;background:transparent;box-shadow:none;color:var(--r-text);font:500 14px/1 var(--r-font)}
#account .syn-page .ss-side .ss-scope .ss-pill[aria-pressed=true]{background:#fff;color:var(--r-ink);box-shadow:0 0 0 .5px var(--r-line),0 1px 2px rgba(16,24,40,.08)}

/* V3 Måleområdet 03.11 (SokeordMobil2 #1–#3): the address and «Finn adresse» side by side at one height, the width's value
   on the right of its label, «Avbryt» before «Lagre måleområdet» (1 : 2), and on a phone the map above the form. */
#account .syn-page .map-plan-form .map-address-search{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:10px}
#account .syn-page .map-plan-form .map-address-search>:not(label):not(.r-btn){grid-column:1/-1}
#account .syn-page .map-plan-form .map-address-search>.r-btn{height:var(--r-control);margin:0;justify-self:stretch}
#account .syn-page .map-plan-form .map-radius-label{grid-template-columns:minmax(0,1fr) auto;align-items:center}
#account .syn-page .map-plan-form .map-radius-label strong{font-size:15px}
#account .syn-page .map-plan-form .map-radius-label input[type=range]{grid-column:1/-1}
#account .syn-page .map-plan-form .map-editor-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px}
#account .syn-page .map-plan-form .map-editor-actions>.r-btn{width:100%;margin:0}
#account .syn-page .map-plan-form .map-editor-actions>.r-btn.primary{order:2}
#account .syn-page .map-plan-form .map-editor-actions>.r-btn:only-child{grid-column:1/-1}
@media (max-width:820px){
 #account .syn-page .map-sidebar:has(.map-plan-form){order:0}
}

/* V3 Velg søkene 03.11 (SokeordMobil #8): the status card with an amber clock tile, the count beside the heading, and on a
   phone each search's result on the right of its name, as on a PC. */
#account .syn-page .kw-status-head{display:flex;align-items:center;gap:14px;min-width:0}
#account .syn-page .kw-status-head .kw-status-text{flex:1}
#account .syn-page .kw-status-tile{width:40px;height:40px;border-radius:10px}
#account .syn-page .kw-status-tile svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#account .syn-page .kw-status-line{padding-left:0}
@media (max-width:820px){
 #account .syn-page .kw-head{flex-wrap:nowrap;align-items:baseline}
 #account .syn-page .kw-head .syn-h2{font-size:18px;line-height:24px}
 #account .syn-page .kw-row>.kw-text{flex:1 1 0}
 #account .syn-page .kw-row>.kw-end{flex:none;flex-basis:auto;margin-left:0;justify-content:flex-end}
 #account .syn-page .kw-row .kw-score{flex-direction:column;align-items:flex-end;gap:0}
 #account .syn-page .kw-row .kw-score b{font-size:16px;line-height:22px}
 #account .syn-page .kw-row .kw-score small{font-size:12px;line-height:16px}
}
#account .syn-page .kw-row .kw-profile .kw-s,#account .syn-page .kw-status-line .kw-s{display:none}
@media (max-width:820px){
 #account .syn-page .kw-row .kw-profile[data-short],#account .syn-page .kw-status .kw-status-line{font-size:13px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #account .syn-page .kw-row .kw-profile[data-short]::before,#account .syn-page .kw-status .kw-status-line::before{content:none}
 #account .syn-page .kw-row .kw-profile .kw-l,#account .syn-page .kw-status-line .kw-l{display:none}
 #account .syn-page .kw-row .kw-profile .kw-s,#account .syn-page .kw-status-line .kw-s{display:inline}
 #account .syn-page .kw-head .syn-h2{min-width:0;overflow:hidden;font-size:17px;letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap}
 #account .syn-page .kw-head small{font-size:12px}
}
/* Vis frem's own pages: the place line goes with the Google head. */
#account .sc-page:has(.sc-back) .sc-chips{display:none}

/* V3 Utvikling over tid 03.11 (SokeordMobil #4, SokeordDesktop #2): the chart and the change on the left, «Målinger» on the
   right on a PC; one column on a phone. */
#account .syn-page .ss-trend{align-self:flex-start;margin-top:12px;font:500 14px/20px var(--r-font)}
#account .syn-page .tr-split{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:24px;align-items:start}
#account .syn-page .tr-main,#account .syn-page .tr-side{display:flex;flex-direction:column;gap:16px;min-width:0}
#account .syn-page .tr-card{display:flex;flex-direction:column;gap:12px;padding:18px}
#account .syn-page .tr-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0}
#account .syn-page .tr-h2{margin:0;color:var(--r-ink);font:600 16px/22px var(--r-font);white-space:nowrap}
#account .syn-page .tr-list-head .tr-h2{font-size:18px;line-height:24px}
#account .syn-page .tr-note{color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap}
#account .syn-page .tr-chart-box{width:100%;min-width:0}
#account .syn-page .tr-chart{display:block;max-width:100%;height:auto;overflow:visible}
#account .syn-page .tr-grid{stroke:rgba(16,24,40,.13);stroke-width:1}
#account .syn-page .tr-tick{fill:var(--r-muted);font:500 11px var(--r-font)}
#account .syn-page .tr-line{fill:none;stroke:var(--r-ink);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
#account .syn-page .tr-point{fill:#fff;stroke:var(--r-ink);stroke-width:2}
#account .syn-page .tr-point.off{fill:#fff;stroke:#a0a3ab;stroke-dasharray:2 2}
#account .syn-page .tr-change{stroke:#f2b100;stroke-width:1.5;stroke-dasharray:3 3}
#account .syn-page .tr-change-dot{fill:#f2b100}
#account .syn-page .tr-legend{display:flex;flex-wrap:wrap;gap:6px 16px}
#account .syn-page .tr-key{display:inline-flex;align-items:center;gap:7px;color:var(--r-text);font:500 12px/16px var(--r-font);white-space:nowrap}
#account .syn-page .tr-key i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--r-ink)}
#account .syn-page .tr-key.change i{background:#f2b100}
#account .syn-page .tr-key.off i{background:#a0a3ab}
#account .syn-page .tr-few{display:flex;flex-direction:column;gap:4px;padding:18px 0 6px}
#account .syn-page .tr-few b{color:var(--r-ink);font:600 16px/22px var(--r-font)}
#account .syn-page .tr-few p,#account .syn-page .tr-miss,#account .syn-page .tr-more{margin:0;color:var(--r-text);font:400 13px/19px var(--r-font)}
#account .syn-page .tr-state{display:inline-flex;align-items:center;gap:7px;margin:0;color:var(--r-ink);font:500 13px/18px var(--r-font);white-space:nowrap}
#account .syn-page .tr-state::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#a0a3ab}
#account .syn-page .tr-state.y::before{background:#f2b100}
#account .syn-page .tr-since{gap:4px}
#account .syn-page .tr-since .tr-more{padding-left:15px}
#account .syn-page .tr-list{display:flex;flex-direction:column;padding:0;overflow:hidden}
#account .syn-page .tr-row{display:flex;align-items:center;gap:14px;min-height:58px;padding:10px 16px;border-top:.5px solid var(--r-line)}
#account .syn-page .tr-row:first-child{border-top:0}
#account .syn-page .tr-who{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
#account .syn-page .tr-who>b{color:var(--r-ink);font:500 15px/20px var(--r-font);white-space:nowrap}
#account .syn-page .tr-who>span{overflow:hidden;color:var(--r-muted);font:400 13px/18px var(--r-font);text-overflow:ellipsis;white-space:nowrap}
#account .syn-page .tr-who>.tr-did{display:inline-flex;align-items:center;gap:5px;color:var(--r-text)}
#account .syn-page .tr-did .r-icon{width:13px;height:13px;flex:none;color:#ab6400}
#account .syn-page .tr-num{display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:1px}
#account .syn-page .tr-num>b{color:var(--r-ink);font:600 16px/22px var(--r-font);white-space:nowrap}
#account .syn-page .tr-ch{display:inline-flex;align-items:center;gap:3px;color:var(--r-muted);font:500 12px/16px var(--r-font);white-space:nowrap}
#account .syn-page .tr-ch .r-icon{width:13px;height:13px}
#account .syn-page .tr-ch.up{color:#1b6b47}
#account .syn-page .tr-ch.down{color:var(--r-red-11)}
/* REV-129 (SokeordMobil2 #7, SokeordDesktop #2): a row opens that measurement; Før/Nå and one line per change on the right. */
#account .syn-page button.tr-row{width:100%;margin:0;border-left:0;border-right:0;border-bottom:0;border-radius:0;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:none}
#account .syn-page button.tr-row:first-child{border-top:0}
#account .syn-page button.tr-row:hover{background:#faf9f6}
#account .syn-page .tr-go{flex:none;width:16px;height:16px;color:var(--r-muted)}
#account .syn-page .tr-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:3px;border-radius:10px;background:#eceae4}
#account .syn-page .tr-pair-cell{display:flex;flex-direction:column;gap:2px;min-width:0;min-height:52px;padding:8px 12px;border-radius:8px}
#account .syn-page .tr-pair-cell:last-child{background:#fff;box-shadow:0 0 0 .5px var(--r-line),0 1px 2px rgba(16,24,40,.08)}
#account .syn-page .tr-pair-cell>span{overflow:hidden;color:var(--r-muted);font:400 12px/16px var(--r-font);text-overflow:ellipsis;white-space:nowrap}
#account .syn-page .tr-pair-cell>b{color:var(--r-ink);font:600 17px/22px var(--r-font);white-space:nowrap}
#account .syn-page .tr-since .tr-pair{margin-bottom:8px}
#account .syn-page .tr-steps{display:flex;flex-direction:column;gap:6px;margin:8px 0 0;padding:10px 0 0;border-top:.5px solid var(--r-line);list-style:none}
#account .syn-page .tr-step{display:flex;align-items:flex-start;gap:7px;color:var(--r-text);font:400 13px/19px var(--r-font)}
#account .syn-page .tr-step .r-icon{flex:none;width:14px;height:14px;margin-top:2px;color:#ab6400}
#account .syn-page .ss-history{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:14px 16px}
#account .syn-page .ss-history>.r-icon{flex:none;width:18px;height:18px;color:#ab6400}
#account .syn-page .ss-history-copy{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
#account .syn-page .ss-history-copy>b{color:var(--r-ink);font:600 14px/20px var(--r-font)}
#account .syn-page .ss-history-copy>span{color:var(--r-text);font:400 13px/18px var(--r-font)}
#account .syn-page .ss-history-latest{flex:none;white-space:nowrap}
@media (max-width:820px){
 #account .syn-page .tr-split{grid-template-columns:minmax(0,1fr);gap:16px}
 #account .syn-page .ss-history{flex-wrap:wrap}
 #account .syn-page .ss-history-latest{width:100%}
}

/* V3 runde 4 03.11: «Endre søkeord» in Google's head on a PC while the overview stands; the map of a measurement under way;
   the date beside a row of the measurement before. */
#account .pilot-page-heading-row .syv-head-action{display:none}
@media (min-width:821px){
 #account #workspace-content:has(#workspace-view .syv .syv-list) .pilot-page-heading-row{display:flex;align-items:center}
 #account #workspace-content:has(#workspace-view .syv .syv-list) .pilot-page-heading-row .syv-head-action{display:inline-flex;align-items:center;gap:8px;height:44px;margin-left:auto;padding:0 16px;border-radius:10px;font:500 15px/1 var(--r-font)}
 #account .pilot-page-heading-row .syv-head-action .syn-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
}
#account .syn-page .syv .syv-map-going{aspect-ratio:1/1;margin-top:4px}
#account .syn-page .syv .syv-date{color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap}
#account .syn-page .syv .syv-measure-note{margin:4px 0 0}
#account .syn-page .syv .syv-measure-note[hidden]{display:none}

/* V3 runde 4 søkesiden 03.11: on a phone the number, the map, «Bedrifter i område N», then «Ting å gjøre» (SokeordMobil
   #1–#3); the chosen square's card; progress in yellow; the note with an icon; the first measurement centred. */
@media (max-width:820px){
 #account .syn-page .ss-main>.ss-section{order:4}
 #account .syn-page .ss-side>.ss-section{order:3}
}
#account .syn-page .ss-area-info{display:flex;flex-direction:column;gap:2px;margin-bottom:12px;padding:16px 18px}
#account .syn-page .ss-area-info[hidden]{display:none}
#account .syn-page .ss-area-info>b{color:var(--r-ink);font:600 16px/22px var(--r-font)}
#account .syn-page .ss-area-where{color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#account .syn-page .ss-area-why{margin:10px 0 0;color:var(--r-text);font:400 14px/21px var(--r-font)}
#account .syn-page .ss-meter{display:block;height:8px;margin-top:12px;overflow:hidden;border-radius:4px;background:#eceae4}
#account .syn-page .ss-meter i{display:block;width:0;height:100%;border-radius:4px;background:#F2B100}
#account .syn-page .ss-note-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px}
#account .syn-page .ss-note-card .ss-measuring{margin:0;color:var(--r-text);font:400 14px/20px var(--r-font)}
#account .syn-page .ss-note-icon .r-icon{width:18px;height:18px;margin-top:1px;color:#0d74ce}
#account .syn-page .ss-first{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 18px 18px;text-align:center}
#account .syn-page .ss-first .ss-first-tile{width:48px;height:48px;border-radius:12px}
#account .syn-page .ss-first>b{color:var(--r-ink);font:600 18px/24px var(--r-font)}
#account .syn-page .ss-first>p{margin:0 0 6px;color:var(--r-text);font:400 14px/21px var(--r-font)}
#account .syn-page .ss-first .ss-first-go{width:100%;height:44px;gap:8px}
/* REV-138: a search the system measures with the next weekly measurement says the day where the button would stand; a
   neutral grey dot and the line, never wrapped. */
#account .syn-page .ss-first .ss-first-next{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:44px;color:var(--r-text);font:500 14px/20px var(--r-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#account .syn-page .ss-first .ss-first-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#8b8d98}
#account .syn-page .ss-first-weekly{margin:12px 0 0;color:var(--r-muted);font-size:13px}
#account .syn-page .ss-out-card{margin-top:12px;padding:0}
#account .syn-page .ss-out-row{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;margin:0;padding:0 16px;border:0;border-radius:0;background:#fff;color:var(--r-ink);font:500 15px/20px var(--r-font);text-align:left;cursor:pointer}
#account .syn-page .ss-out-row>span{flex:1}
#account .syn-page .ss-out-row .r-icon{width:18px;height:18px;color:var(--r-muted)}

/* V3 runde 4 Velg søkene 03.11 (SokeordMobil #8–#9, SokeordDesktop #3): the list on the left and Google's terms on the
   right on a PC; the figure on the right of each term; the blue «i»; «+ Legg til tjenesten på profilen ›» as a row; the two
   secondary buttons with icons. */
#account .syn-page .kw-cols{display:flex;flex-direction:column;gap:24px;min-width:0}
#account .syn-page .kw-col{display:flex;flex-direction:column;min-width:0}
#account .syn-page .kw-col>.kw-head:first-child,#account .syn-page .kw-col>.kw-status:first-child{margin-top:0}
@media (min-width:1100px){
 #account .syn-page .kw-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:start}
 #account .syn-page .kw-col-terms>.kw-head:first-child{margin-top:0}
}
#account .syn-page .keyword-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
#account .syn-page .kw-ico-btn{display:inline-flex;flex-direction:row-reverse;align-items:center;gap:8px;height:44px;margin:0}
#account .syn-page .kw-ico-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#account .syn-page .kw-foot{gap:12px;min-height:52px;padding:0 16px 0 18px}
#account .syn-page .kw-foot>svg{flex:none;width:18px;height:18px;color:var(--r-muted)}
#account .syn-page .kw-foot .kw-add-all{display:flex;flex:1;align-items:center;gap:0;min-height:52px;margin:0;padding:0;border:0;background:none;color:var(--r-ink);font:500 15px/20px var(--r-font);text-align:left;cursor:pointer}
#account .syn-page .kw-foot .kw-add-all svg{width:18px;height:18px;margin-left:auto;color:var(--r-muted)}
#account .syn-page .kw-term{flex-wrap:wrap;align-items:center}
#account .syn-page .kw-term>.kw-text{flex:1 1 0}
#account .syn-page .kw-fig{display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:0;text-align:right}
#account .syn-page .kw-fig b{color:var(--r-ink);font:600 16px/22px var(--r-font)}
#account .syn-page .kw-fig small{color:var(--r-muted);font:400 12px/16px var(--r-font);white-space:nowrap}
#account .syn-page .kw-term>.kw-term-measure{flex:none;width:auto;height:36px;margin:0;padding:0 12px;border-radius:8px;font-size:14px}
#account .syn-page .kw-term .kw-off .kw-info,#account .syn-page .kw-term .kw-hint .kw-info{color:#0d74ce}
@media (max-width:820px){
 #account .syn-page .kw-term{flex-direction:row;align-items:flex-start}
 #account .syn-page .kw-term>.kw-term-measure{order:3;flex-basis:auto;width:auto;min-height:0;margin-left:0}
 #account .syn-page .kw-term .kw-notes>.kw-hint{flex-basis:100%}
}
/* «Skriv egne søk» as its own page (SokeordMobil #10): the page head of Velg søkene gives way to the page's own. */
#account .syn-page:has(.kw-edit-title) .syn-head{display:none}
#account .syn-page .kw-edit-back{align-self:flex-start}
#account .syn-page .kw-edit-title{margin:4px 0 16px}
#account .syn-page .kw-edit-info{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px}
#account .syn-page .kw-edit-info p{margin:0;color:var(--r-text);font:400 14px/20px var(--r-font)}
#account .syn-page .kw-edit-info .kw-info{margin-top:2px;color:#0d74ce}
#account .syn-page .kw-form textarea{resize:none}
#account .syn-page .kw-form .kw-import{align-self:flex-start;margin:4px 0 0}
#account .syn-page .kw-status .kw-status-line .kw-l{display:none}
#account .syn-page .kw-status .kw-status-line .kw-s{display:inline}
/* Måleområdet's form (SokeordMobil2 #1–#3): the lead line, the address hits as a radio list with the street in bold, the
   status over the list, «Ingen treff» in red with a red field, «utilgjengelig» as a yellow card. */
#account .syn-page .map-editor-lead{margin:0 0 4px;color:var(--r-text);font:400 15px/22px var(--r-font)}
#account .syn-page .map-address-results{display:flex;flex-direction:column;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 0 0 .5px var(--r-line-strong)}
#account .syn-page .map-address-results:empty{display:none}
#account .syn-page .map-address-result{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;margin:0;padding:8px 14px;border:0;border-top:.5px solid var(--r-line);border-radius:0;background:#fff;color:var(--r-ink);font:inherit;text-align:left;cursor:pointer}
#account .syn-page .map-address-result:first-child{border-top:0}
#account .syn-page .map-address-dot{flex:none;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #c3c6cd}
#account .syn-page .map-address-result:focus .map-address-dot,#account .syn-page .map-address-result[aria-checked=true] .map-address-dot{box-shadow:inset 0 0 0 6px var(--r-ink)}
#account .syn-page .map-address-copy{display:flex;flex-direction:column;min-width:0}
#account .syn-page .map-address-copy b{font:500 15px/20px var(--r-font)}
#account .syn-page .map-address-copy span{color:var(--r-muted);font:400 13px/18px var(--r-font)}
#account .syn-page .map-address-search input[aria-invalid=true]{border-color:var(--r-red-9);box-shadow:inset 0 0 0 .5px var(--r-red-9)}
#account .syn-page .map-address-search p.r-note.map-status-bad{color:var(--r-red-11)}
#account .syn-page .map-status-warn{padding:12px 14px;border-radius:10px;background:#fff;box-shadow:0 0 0 .5px var(--r-line);color:var(--r-text)}

/* V3 runde 4 Søkeordhistorikk 03.11 (SokeordMobil2 #9–#10): rows as the drawing, «I bruk» as a green dot with neutral text,
   «Hent tilbake» with its arrow and only as wide as its words, the lock card for a member at the foot. */
#account .syn-page .kw-history-row{padding:14px 16px;border-bottom:.5px solid var(--r-line)}
#account .syn-page .kw-history-head h2{font:600 16px/22px var(--r-font)}
#account .syn-page .kw-history-current{color:var(--r-text);font:500 13px/18px var(--r-font)}
#account .syn-page .kw-history-current::before{width:8px;height:8px;background:#30a46c}
#account .syn-page .kw-history-meta{margin:2px 0 8px}
#account .syn-page .kw-history-summary{margin:0;color:var(--r-text);font:400 14px/20px var(--r-font)}
#account .syn-page .kw-history-row .kw-restore{width:auto;min-height:0;height:36px;margin-top:12px;padding:0 12px;border-radius:8px;font-size:14px}
#account .syn-page .kw-history-row .kw-restore svg{width:16px;height:16px}
#account .syn-page .kw-history-lock{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding:14px 16px}
#account .syn-page .kw-history-lock>svg{flex:none;width:18px;height:18px;margin-top:1px;color:var(--r-muted);fill:none;stroke:currentColor;stroke-width:1.8}
#account .syn-page .kw-history-lock p{margin:0;color:var(--r-text);font:400 14px/20px var(--r-font)}
#account .syn-page .kw-history-lock b{color:var(--r-ink);font-weight:600}
/* «Bedrifter i område N» with its count on a phone, and «Alle N områder» as a link at the right on a PC. */
#account .syn-page .ss-area-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0}
#account .syn-page .ss-area-count{flex:none;color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap}
#account .syn-page .tr-zig{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:821px){
 #account .syn-page .ss-side .ss-section-head{flex-direction:row;align-items:baseline;justify-content:space-between}
 #account .syn-page .ss-area-count{display:none}
 #account .syn-page .ss-side .ss-scope{display:flex;padding:0;background:none}
 #account .syn-page .ss-side .ss-scope .ss-pill{height:auto;padding:0;background:none;box-shadow:none;color:var(--r-text);font:500 13px/18px var(--r-font);text-decoration:underline;text-underline-offset:3px}
 #account .syn-page .ss-side .ss-scope .ss-pill[aria-pressed=true]{display:none}
}
/* Måleområdet on a phone: the map inside the form's card; the width's slider with a black track and a white knob. */
#account .syn-page .map-sidebar>.map-canvas-in-form{margin:0 0 6px;padding:0;border:0;box-shadow:none}
#account .syn-page .map-sidebar>.map-canvas-in-form .map-surface{border-radius:10px}
#account .syn-page .map-plan-form .map-radius-label input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:24px;margin:4px 0 0;background:transparent}
#account .syn-page .map-plan-form .map-radius-label input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(var(--r-ink),var(--r-ink)) 0/var(--fill,20%) 100% no-repeat,#dcdde1}
#account .syn-page .map-plan-form .map-radius-label input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-10px;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px rgba(16,24,40,.22),0 1px 3px rgba(16,24,40,.25)}
#account .syn-page .map-plan-form .map-radius-label input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#dcdde1}
#account .syn-page .map-plan-form .map-radius-label input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--r-ink)}
#account .syn-page .map-plan-form .map-radius-label input[type=range]::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px rgba(16,24,40,.22),0 1px 3px rgba(16,24,40,.25)}
/* «Velg bedriften dere vil følge» (SokeordMobil2 #4): the title, the search field with its icon, the hits as a radio list
   with the name and the address on their own lines, «Avbryt / Velg bedriften» in the shared foot. */
#account .syn-page .map-identity-editor{display:flex;flex-direction:column;gap:14px}
#account .syn-page .map-identity-title{margin:0;color:var(--r-ink);font:600 26px/32px var(--r-font);letter-spacing:-.4px}
#account .syn-page .map-identity-search{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0}
#account .syn-page:has(.map-identity-editor) .syn-head .r-h1{display:none}
#account .syn-page .map-identity-editor{max-width:none;margin:0}
#account .syn-page .map-identity-label{display:flex;flex-direction:column;gap:8px;color:var(--r-ink);font:500 14px/20px var(--r-font)}
#account .syn-page .map-identity-field{position:relative;display:block}
#account .syn-page .map-identity-field>svg{position:absolute;top:50%;left:14px;width:18px;height:18px;transform:translateY(-50%);color:var(--r-muted);pointer-events:none}
#account .syn-page .map-identity-field input{width:100%;height:48px;padding:0 14px 0 42px;border:.5px solid var(--r-line-strong);border-radius:10px;background:#fff;color:var(--r-ink);font:400 16px/1 var(--r-font)}
#account .syn-page .map-identity-field input::-webkit-search-cancel-button{-webkit-appearance:none}
#account .syn-page .map-identity-go{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#account .syn-page .map-identity-results{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 0 0 .5px var(--r-line),0 1px 2px rgba(16,24,40,.05)}
#account .syn-page .map-identity-results:empty{display:none}
#account .syn-page .map-identity-result{display:flex;align-items:flex-start;gap:12px;width:100%;margin:0;padding:12px 16px;border:0;border-top:.5px solid var(--r-line);border-radius:0;background:#fff;color:var(--r-ink);font:inherit;text-align:left;cursor:pointer}
#account .syn-page .map-identity-result:first-child{border-top:0}
#account .syn-page .map-identity-result[aria-checked=true]{background:var(--r-hover)}
#account .syn-page .map-identity-radio{flex:none;width:20px;height:20px;margin-top:1px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #c3c6cd}
#account .syn-page .map-identity-result[aria-checked=true] .map-identity-radio{box-shadow:inset 0 0 0 6px var(--r-ink)}
#account .syn-page .map-identity-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
#account .syn-page .map-identity-copy strong{font:500 15px/20px var(--r-font)}
#account .syn-page .map-identity-copy span{color:var(--r-muted);font:400 13px/18px var(--r-font)}
#account .syn-page .map-identity-intro{margin:0;color:var(--r-muted);font-size:13px}
#account .syn-page .map-identity-foot{margin-top:4px}
#account .syn-page .map-identity-more{display:inline-flex;align-items:center;gap:6px;list-style:none;cursor:pointer;color:var(--r-ink);font:500 14px/20px var(--r-font)}
#account .syn-page .map-identity-more::-webkit-details-marker{display:none}
#account .syn-page .map-identity-more svg{width:16px;height:16px}
#account .syn-page .map-identity-manual[open] .map-identity-more svg{transform:rotate(180deg)}

/* REV-138 (14.11, Synlighet-oversikt): the legend counts the squares; «Nettside og område» as two rows that open their pages. */
#account .syn-page .syv .syv-legend .syv-legend-n{margin-left:2px;color:var(--r-ink);font-weight:700}
#account .syn-page .syv .syv-place-list .syv-row{gap:12px;padding:10px 12px 10px 16px}
#account .syn-page .syv .syv-place-list .r-tile{--t3:var(--r-grey-3);--t9:var(--r-grey-9);width:32px;height:32px;border-radius:8px}
#account .syn-page .syv .syv-place-list .r-tile svg{width:16px;height:16px}
#account .syn-page .syv .syv-place-list .syv-who>b{font-size:15px;line-height:20px}
#account .syn-page .syv .syv-place-list .syn-svc-meta .syv-st{font-weight:400}
#account .syn-page .syv .syv-place-foot{cursor:default}
#account .syn-page .syv .syv-place-foot .r-tile{--t11:var(--r-grey-11)}
/* b2: the next SMS under the advice to ask for reviews, on one line. */
#account .syn-page .syv .syv-next-send{display:flex;align-items:center;gap:6px;margin:6px 0 0;color:var(--r-text);font:400 13px/18px var(--r-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#account .syn-page .syv .syv-next-send .r-icon{flex:none;width:16px;height:16px;color:var(--r-muted)}
/* b6: the stopped and failed cards: the free-fetch line and the answer under the button. */
#account .syn-page .syv .syv-free{color:var(--r-muted);font-size:13px;line-height:18px}
#account .syn-page .syv .syv-fetch-note{margin:0;color:var(--r-text);font:400 13px/18px var(--r-font)}
/* b4 on the search page: the count after each label. */
#account .syn-page .ss-legend .ss-legend-n{margin-left:2px;color:var(--r-ink);font-weight:700}
/* b7 (Synlighet-sok-profil-endret): the change since the measurement as a banner above the map. */
#account .syn-page .ss-changed{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:14px 16px}
#account .syn-page .ss-changed .r-tile{--t3:var(--r-grey-3);--t9:var(--r-grey-9);width:36px;height:36px}
#account .syn-page .ss-changed-copy{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
#account .syn-page .ss-changed-copy>b{color:var(--r-ink);font:600 15px/20px var(--r-font)}
#account .syn-page .ss-changed-copy>p{margin:0;color:var(--r-text);font:400 14px/20px var(--r-font)}
#account .syn-page .ss-changed-see{flex:none;white-space:nowrap}
/* b5 (Synlighet-omrade-bredde): four fixed widths, the restart note and the question before a new width is saved. */
#account .syn-page .map-plan-form .map-width{display:flex;flex-direction:column;gap:8px}
#account .syn-page .map-plan-form .map-width-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
#account .syn-page .map-plan-form .map-width-label{flex-basis:100%;color:var(--r-ink);font:600 14px/20px var(--r-font)}
#account .syn-page .map-plan-form .map-width-value{color:var(--r-ink);font:600 15px/20px var(--r-font)}
#account .syn-page .map-plan-form .map-width-meta{color:var(--r-muted);font:400 13px/18px var(--r-font);white-space:nowrap}
#account .syn-page .map-plan-form .map-width-choices{display:flex;gap:8px}
#account .syn-page .map-plan-form .map-width-choice{flex:1;min-width:0;height:40px;margin:0;padding:0 6px;border:.5px solid var(--r-line-strong);border-radius:8px;background:#fff;color:var(--r-ink);font:500 15px/20px var(--r-font);white-space:nowrap;cursor:pointer}
#account .syn-page .map-plan-form .map-width-choice[aria-checked="true"]{border-color:var(--r-ink);background:var(--r-ink);color:#fff;font-weight:600}
#account .syn-page .map-plan-form .map-width-choice:focus-visible{outline:2px solid var(--r-ink);outline-offset:2px}
#account .syn-page .map-plan-form .map-width-note{margin:0;color:var(--r-muted);font:400 13px/18px var(--r-font)}
#account .syn-page .map-plan-form .map-confirm{display:flex;flex-direction:column;gap:8px;margin-top:6px;padding-top:14px;border-top:.5px solid var(--r-line)}
#account .syn-page .map-plan-form .map-confirm[hidden]{display:none}
#account .syn-page .map-plan-form .map-confirm-title{color:var(--r-ink);font:600 15px/20px var(--r-font)}
#account .syn-page .map-plan-form .map-confirm-text{margin:0;color:var(--r-text);font:400 15px/22px var(--r-font)}
#account .syn-page .map-plan-form .map-confirm-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
#account .syn-page .map-plan-form .map-confirm-actions .r-btn{flex:none;width:auto;height:40px;margin:0;white-space:nowrap}
#account .syn-page .map-plan-form .map-editor-actions[hidden]{display:none}
#account .syn-page .map-plan-form .map-restart-note{margin:0;color:var(--r-muted);font:400 13px/18px var(--r-font)}
@media (max-width:820px){
 #account .syn-page .ss-changed{flex-wrap:wrap}
 #account .syn-page .ss-changed-see{width:100%;height:44px}
 #account .syn-page .map-plan-form .map-width-choice,#account .syn-page .map-plan-form .map-confirm-actions .r-btn{height:44px}
 #account .syn-page .map-plan-form .map-width-note{white-space:normal}
}
#account .syn-page .syv .syv-legend .syv-st.r{color:var(--r-text)}
@media (max-width:820px){#account .syn-page .syv .syv-state .syv-actions .r-link{display:inline-flex;align-items:center;min-height:44px}}

/* Hovedøkten 14.11: Måleområdet in one column, the hint off the zoom, no pastel tiles, 13 px and 44 px touch areas. */
#account .syn-page .map-plan-form>.map-width,#account .syn-page .map-plan-form>.map-restart-note,#account .syn-page .map-plan-form>.map-editor-actions{grid-column:1/-1}
#account .syn-page .map-plan-form .map-width-head{gap:2px 6px}
#account .syn-page .map-plan-form .map-width-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#account .syn-page .map-plan-form .map-width-choice{width:100%;padding:0;text-align:center}
#account .syn-page .map-plan-form .map-confirm-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
#account .syn-page .map-plan-form .map-confirm-actions .r-btn{width:100%;height:44px}
#account .syn-page .map-canvas-caption{top:12px;bottom:auto}
/* Every icon tile on Synlighet: coloured icon on a neutral light grey tile (the shared .r-tile in reviews.css tints it). */
#account .syn-page .r-tile[class]{--t3:var(--r-grey-3);--t9:var(--r-grey-9)}
#account .syn-page .ss-note-mark[class]{background:var(--r-grey-3)}
#account .syn-page .ss-toggle-btn>span{font-size:13px}
@media (max-width:820px){
 #account .syn-page :is(.ss-switch-edit,.ss-out,.ss-area,.ss-trend,.ss-why){display:inline-flex;align-items:center;min-height:44px;margin-block:-12px}
 #account .syn-page .ss-out,#account .syn-page .ss-area{margin-top:12px}
 #account .syn-page .syv .syv-steps .syn-step-do .r-btn{height:44px}
}