/* ── India SIR Data Center — design system ─────────────────────────────── */
:root{
  --bg:#0b1020; --bg-2:#111832; --panel:#141c38; --panel-2:#1a2344;
  --line:#243059; --line-soft:#1c2547;
  --ink:#e8ecf8; --ink-2:#a6b0d0; --ink-3:#6f7ba3;
  --brand:#4f7cff; --brand-2:#7aa2ff;
  --absent:#f5a524; --shifted:#3b9dff; --dead:#ef4d63; --dup:#a855f7; --refused:#14b8a6;
  --ok:#22c55e; --warn:#f59e0b;
  --r:14px; --r-sm:9px;
  --sh:0 1px 2px rgba(0,0,0,.4),0 8px 24px -12px rgba(0,0,0,.6);
  --mono:ui-monospace,"Cascadia Mono","SF Mono",Menlo,Consolas,monospace;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
:root[data-theme="light"]{
  --bg:#f4f6fb; --bg-2:#eef1f8; --panel:#fff; --panel-2:#f7f9fd;
  --line:#dfe5f2; --line-soft:#eaeffa;
  --ink:#0f172a; --ink-2:#475069; --ink-3:#8791ab;
  --sh:0 1px 2px rgba(16,24,40,.06),0 10px 24px -14px rgba(16,24,40,.2);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5;
     -webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.015em}

/* ── shell ── */
.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}
.side{background:linear-gradient(180deg,var(--bg-2),var(--bg));border-right:1px solid var(--line);
      display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}
.side::-webkit-scrollbar{width:6px}.side::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}
.brand{display:flex;gap:11px;align-items:center;padding:18px 18px 16px;border-bottom:1px solid var(--line-soft)}
.brand-mark{width:36px;height:36px;border-radius:10px;flex:0 0 36px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--brand),#8b5cf6);color:#fff;font-weight:800;font-size:13px;
  box-shadow:0 6px 18px -6px var(--brand)}
.brand-t{font-weight:700;font-size:14px;letter-spacing:-.01em}
.brand-s{font-size:11px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}
.nav{padding:12px 10px;flex:1}
.nav-g{margin:14px 0 6px;padding:0 10px;font-size:10.5px;font-weight:700;letter-spacing:.1em;
       text-transform:uppercase;color:var(--ink-3)}
.nav a{display:flex;align-items:center;gap:10px;padding:8px 11px;border-radius:var(--r-sm);
       color:var(--ink-2);font-size:13.5px;font-weight:500;transition:.13s}
.nav a:hover{background:var(--panel);color:var(--ink)}
.nav a.on{background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 22%,transparent),transparent);
          color:var(--ink);font-weight:600;box-shadow:inset 2px 0 0 var(--brand)}
.nav a svg{width:16px;height:16px;flex:0 0 16px;opacity:.85}

/* ── main ── */
.main{min-width:0;display:flex;flex-direction:column}
.top{display:flex;align-items:center;gap:16px;padding:14px 26px;border-bottom:1px solid var(--line);
     background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(10px);
     position:sticky;top:0;z-index:20}
.top h1{font-size:16px}
.crumb{font-size:12px;color:var(--ink-3)}
.spacer{flex:1}
.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;
      border:1px solid var(--line);background:var(--panel);font-size:12px;color:var(--ink-2);font-weight:500}
.dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 25%,transparent)}
.content{padding:22px 26px 60px;max-width:1680px;width:100%}

/* ── cards ── */
.grid{display:grid;gap:16px}
.g-4{grid-template-columns:repeat(4,1fr)} .g-3{grid-template-columns:repeat(3,1fr)}
.g-2{grid-template-columns:repeat(2,1fr)} .g-23{grid-template-columns:2fr 1fr}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);
      padding:18px;min-width:0}
.card-h{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.card-h h3{font-size:13.5px;font-weight:650}
.card-h .sub{font-size:11.5px;color:var(--ink-3)}

.stat{position:relative;overflow:hidden}
.stat::after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--c,var(--brand));opacity:.9}
.stat .lbl{font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.stat .val{font-size:30px;font-weight:750;letter-spacing:-.03em;margin:8px 0 2px;font-variant-numeric:tabular-nums}
.stat .sub{font-size:12px;color:var(--ink-2)}
.stat .ico{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:10px;display:grid;
  place-items:center;background:color-mix(in srgb,var(--c,var(--brand)) 15%,transparent);color:var(--c,var(--brand))}
.stat .ico svg{width:17px;height:17px}

.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;font-size:11.5px;
      font-weight:600;background:color-mix(in srgb,var(--c,var(--brand)) 16%,transparent);color:var(--c,var(--brand))}

/* ── table ── */
.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.tbl th{text-align:left;font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;
        color:var(--ink-3);padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap;
        position:sticky;top:0;background:var(--panel)}
.tbl td{padding:9px 12px;border-bottom:1px solid var(--line-soft);white-space:nowrap}
.tbl tbody tr:hover td{background:var(--panel-2)}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:12.5px}
.tbl-wrap{overflow:auto;max-height:520px;border-radius:var(--r-sm);border:1px solid var(--line-soft)}

/* ── QuickGrid ──
   App.razor links no scoped-CSS bundle, so QuickGrid's own stylesheet never loads and
   the grid is styled here instead. Real header shape is
     th > div.col-header-content > button.col-title > (div.col-title-text, div.sort-indicator)
   Sort state is read off aria-sort rather than QuickGrid's class names, which are not
   part of its public contract; .sort-indicator is reused as the caret. */
.tbl.qg{table-layout:auto}
.tbl.qg th{padding:0;vertical-align:middle}
.tbl.qg .col-header-content{display:flex;align-items:center;width:100%}
.tbl.qg .col-title{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;
    font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;
    background:none;border:0}
.tbl.qg button.col-title{cursor:pointer;transition:color .12s}
.tbl.qg button.col-title:hover{color:var(--ink)}
.tbl.qg th[aria-sort="ascending"],
.tbl.qg th[aria-sort="descending"]{color:var(--ink)}

.tbl.qg .sort-indicator{margin-left:auto;width:0;height:0;flex:none;
    border-left:4px solid transparent;border-right:4px solid transparent}
.tbl.qg th[aria-sort="ascending"] .sort-indicator{border-bottom:5px solid var(--brand-2)}
.tbl.qg th[aria-sort="descending"] .sort-indicator{border-top:5px solid var(--brand-2)}

.tbl.qg td{vertical-align:middle}
.tbl.qg .epic{font-weight:600}
.tbl.qg .col-justify-right{text-align:right}
.tbl.qg .col-justify-center{text-align:center}
.tbl.qg th.col-justify-right .col-title{justify-content:flex-end}
.tbl.qg th.col-justify-center .col-title{justify-content:center}
/* the grid paints this while a provider request is in flight */
.tbl.qg.loading tbody{opacity:.4}

.qg-pager{display:flex;align-items:center;justify-content:center;gap:10px;
    flex-wrap:wrap;margin-top:14px;font-size:12.5px;color:var(--ink-3)}
.qg-pager nav,.qg-pager .paginator-controls{display:flex;align-items:center;gap:6px}
.qg-pager button{cursor:pointer;padding:6px 11px;border-radius:8px;border:1px solid var(--line);
    background:var(--panel-2);color:var(--ink);font:inherit;font-weight:600;transition:.12s}
.qg-pager button:hover:not(:disabled){border-color:var(--brand);color:var(--brand-2)}
.qg-pager button:disabled{opacity:.4;cursor:default}
.qg-pager .summary,.qg-pager .paginator-summary{font-variant-numeric:tabular-nums}

/* QuickGrid draws its paging arrows from its own scoped stylesheet, which this app never
   loads (see the note above), so all four buttons rendered as empty 23x13 boxes: invisible
   and far under any touch-target minimum. Draw the glyphs here and size them for a thumb.
   The buttons already carry title and aria-label, so the glyph is decoration. */
.qg-pager nav{gap:4px}
.qg-pager nav button{min-width:40px;min-height:40px;padding:0;font-size:16px;line-height:1;
    display:inline-grid;place-items:center}
.qg-pager .go-first::before{content:"«"}
.qg-pager .go-previous::before{content:"‹"}
.qg-pager .go-next::before{content:"›"}
.qg-pager .go-last::before{content:"»"}

/* ── bars ── */
.mbar{display:flex;height:8px;border-radius:99px;overflow:hidden;background:var(--line-soft)}
.mbar i{display:block;height:100%}
.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.legend span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2)}
.legend b{width:9px;height:9px;border-radius:3px;display:inline-block}

.empty{padding:40px;text-align:center;color:var(--ink-3);font-size:13px}
.muted{color:var(--ink-3)}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}

/* ── responsive ──
   >1280 desktop · 981-1280 small desktop · 641-980 tablet · <=640 phone.
   Cards collapse by grid, tables scroll inside .tbl-wrap, charts are fluid SVG,
   and on tablet/phone the sidebar becomes a horizontally scrolling app bar. */
@media(max-width:1280px){
  .g-4{grid-template-columns:repeat(2,1fr)}.g-3{grid-template-columns:repeat(2,1fr)}
  .g-23{grid-template-columns:1fr}
}
@media(max-width:980px){
  .shell{grid-template-columns:1fr}
  .side{position:sticky;top:0;z-index:40;height:auto;flex-direction:column;
        border-right:0;border-bottom:1px solid var(--line)}
  .brand{padding:12px 16px;border-bottom:0}
  .nav{display:flex;flex:none;overflow-x:auto;white-space:nowrap;gap:4px;
       padding:0 12px 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav-g{margin:0;padding:8px 6px 8px 10px;flex:0 0 auto;align-self:center}
  .nav a{flex:0 0 auto;padding:7px 12px;border:1px solid var(--line);background:var(--panel)}
  .nav a.on{box-shadow:none;border-color:var(--brand)}
  .side > div:last-child{display:none}          /* footer line: not worth the space */
  .top{flex-wrap:wrap;row-gap:8px;padding:12px 16px}
  .g-4,.g-3,.g-2,.g-23{grid-template-columns:1fr}
  .content{padding:16px 14px 48px}
}
@media(max-width:640px){
  /* iOS Safari zooms the whole page when a focused field is under 16px, which leaves the
     visitor scrolled sideways into a form they then have to pinch back out of. */
  input,select,textarea{font-size:16px}
  /* thumb-sized: 25px links and 29px pills are at or under the WCAG 2.2 AA floor */
  .sf-col a{min-height:34px;display:flex;align-items:center}
  .pill{min-height:32px}
  .nav a{min-height:36px}
  .top h1{font-size:14.5px}
  .crumb{display:none}
  .stat .val{font-size:24px}
  .card{padding:14px}
  .tbl th,.tbl td{padding:8px 9px}
  .tbl.qg th{padding:0}
  .tbl.qg .col-title{padding:8px 9px}
  .legend{gap:8px}
  .donut{justify-content:center}
}


/* ── footer ── */
.sir-foot{margin-top:34px;border-top:1px solid var(--line);background:var(--panel);
    border-radius:var(--r-sm) var(--r-sm) 0 0}
.sf-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr) 1.5fr;gap:26px;
    padding:30px 26px 22px;max-width:1500px;margin:0 auto}
.sf-brand{display:flex;gap:12px;align-items:flex-start}
.sf-mark{width:38px;height:38px;flex:none;border-radius:10px;display:grid;place-items:center;
    font-weight:850;font-size:12.5px;letter-spacing:.04em;color:#fff;
    background:linear-gradient(135deg,var(--brand),var(--brand-2))}
.sf-name{font-weight:800;font-size:14.5px;letter-spacing:-.02em}
.sf-sub{font-size:11.5px;color:var(--ink-3);margin-top:3px;line-height:1.5}
.sf-col h4{font-size:10.5px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;
    color:var(--ink-3);margin:0 0 10px}
.sf-col a{display:block;font-size:12.5px;color:var(--ink-2);text-decoration:none;
    padding:3px 0;transition:color .12s}
.sf-col a:hover{color:var(--brand-2)}
.sf-note p{font-size:11.5px;color:var(--ink-3);line-height:1.6;margin:0}
.sf-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
    padding:13px 26px;border-top:1px solid var(--line-soft);
    font-size:11.5px;color:var(--ink-3);max-width:1500px;margin:0 auto}
.sf-bar .spacer{flex:1}
.sf-dev strong{color:var(--brand-2);font-weight:750}
@media(max-width:1080px){.sf-grid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:680px){.sf-grid{grid-template-columns:1fr;gap:20px;padding:24px 18px 18px}
    .sf-bar{padding:12px 18px}.sf-bar .spacer{flex:none;width:100%}}

/* ── form controls ──
   Kept here rather than in a component <style> block: those render in the body and so
   outrank this stylesheet, which silently defeated the mobile font-size override below. */
.asd-in{padding:9px 12px;border-radius:9px;border:1px solid var(--line);width:100%;
    background:var(--panel-2);color:var(--ink);font-size:13px;font-family:inherit}
.asd-in:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
button.pill{cursor:pointer;font-family:inherit}
button.pill:disabled{opacity:.4;cursor:default}
button.pill.on{background:var(--brand);color:#fff;border-color:var(--brand)}

/* ── busy indicators ──
   Two of them, for two different waits. The top bar covers page navigation, where the
   server holds the old page on screen while it renders the new one and nothing else would
   move. The inline spinner covers a section refetching in place. */
.spin{display:inline-flex;align-items:center;gap:10px;color:var(--ink-2);font-size:13px}
.spin-ring{width:18px;height:18px;flex:none;border-radius:50%;
    border:2px solid var(--line);border-top-color:var(--brand);
    animation:spin .7s linear infinite}
.spin-sm .spin-ring{width:13px;height:13px;border-width:2px}
.spin-sm{font-size:12px;gap:7px}
@keyframes spin{to{transform:rotate(360deg)}}

/* Page-navigation bar. Fixed to the viewport so it shows above whatever is on screen,
   including while the outgoing page is still displayed. */
#navbar-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:9999;
    background:linear-gradient(90deg,var(--brand),var(--brand-2));
    box-shadow:0 0 10px color-mix(in srgb,var(--brand) 70%,transparent);
    opacity:0;transition:width .2s ease,opacity .25s ease;pointer-events:none}
#navbar-progress.on{opacity:1}

@media(prefers-reduced-motion:reduce){
  .spin-ring{animation-duration:2s}
  #navbar-progress{transition:opacity .01s}
}

/* ── thin-coverage notice ──
   Replaces a chart whose sample cannot describe the population. Deliberately calm rather
   than alarming: this is a normal state for a derived dimension, not an error. */
.lowcov{display:flex;gap:12px;padding:16px 4px 6px;color:var(--ink-2)}
.lowcov > svg{width:18px;height:18px;flex:none;color:var(--warn);margin-top:2px}
.lowcov b{display:block;color:var(--ink);font-size:13.5px;font-weight:650;margin-bottom:5px}
.lowcov p{margin:0;font-size:12.5px;line-height:1.55;max-width:62ch}
.lowcov strong{color:var(--ink);font-weight:650}
.lowcov-hint{margin-top:7px !important;color:var(--ink-3);font-size:11.5px !important}

/* ── collapsible sections ──
   <Section> renders a native <details>. Two classes (.card.sec-c) so these win over the
   bare .card padding rules in the responsive block below, whatever the source order. */
.card.sec-c{padding:0;overflow:hidden}
.sec-c > summary{list-style:none;cursor:pointer;user-select:none;
    display:flex;align-items:center;gap:10px;padding:15px 18px}
.sec-c > summary::-webkit-details-marker{display:none}   /* Safari */
.sec-c > summary::marker{content:""}
.sec-c > summary:hover{background:var(--panel-2)}
.sec-c > summary:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.sec-c > summary h3{font-size:13.5px;font-weight:650;min-width:0;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sec-c > summary .sub{font-size:11.5px;color:var(--ink-3);white-space:nowrap}
.sec-c[open] > summary{border-bottom:1px solid var(--line-soft)}
.sec-badge{flex:none;padding:2px 8px;border-radius:99px;font-size:10.5px;font-weight:700;
    letter-spacing:.02em;background:color-mix(in srgb,var(--c,var(--brand)) 17%,transparent);
    color:var(--c,var(--brand))}
.sec-chev{width:15px;height:15px;flex:none;color:var(--ink-3);transition:transform .2s ease}
.sec-c[open] > summary .sec-chev{transform:rotate(180deg)}
.sec-c > summary:hover .sec-chev{color:var(--ink-2)}
.sec-body{padding:16px 18px 18px}

/* Height animation where the browser supports it; a plain snap everywhere else. */
@supports (interpolate-size:allow-keywords){
  :root{interpolate-size:allow-keywords}
  .sec-c::details-content{block-size:0;overflow:hidden;content-visibility:hidden;
      transition:block-size .25s ease,content-visibility .25s allow-discrete}
  .sec-c[open]::details-content{block-size:auto;content-visibility:visible}
}

/* Expand/collapse-all, injected into the header by the script in App.razor. */
.sec-all{cursor:pointer;font:inherit;font-size:12px;font-weight:600;
    display:inline-flex;align-items:center;gap:6px}
.sec-all:hover{border-color:var(--brand);color:var(--brand-2)}

/* ── collapsible nav groups ──
   Only on desktop. Below 980px the sidebar is a horizontal strip and the script forces
   every group open, so the strip keeps scrolling as one continuous row. */
.nav-sec > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px}
.nav-sec > summary::-webkit-details-marker{display:none}
.nav-sec > summary::marker{content:""}
.nav-sec > summary:hover{color:var(--ink-2)}
.nav-sec > summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}
.nav-sec .nav-chev{width:11px;height:11px;margin-left:auto;flex:none;opacity:.7;
    transition:transform .18s ease}
.nav-sec[open] > summary .nav-chev{transform:rotate(180deg)}

@media(max-width:980px){
  .sec-c > summary{padding:13px 14px}
  .sec-body{padding:13px 14px 15px}
  /* Flatten the group so its label and links become direct children of the scrolling
     strip. display:contents on the <details> alone is NOT enough: Chrome still wraps the
     non-summary children in a ::details-content pseudo-element that stays display:block,
     so every group collapsed into its own vertical column and the strip rendered as a
     scattered grid four columns wide. Both boxes have to be flattened. */
  .nav-sec{display:contents}
  .nav-sec::details-content{display:contents}
  .nav-sec .nav-chev{display:none}
}
@media(prefers-reduced-motion:reduce){
  .sec-chev,.nav-sec .nav-chev{transition:none}
  .sec-c::details-content{transition:none}
}

/* Last rule in the file on purpose. The phone breakpoint above is declared before
   .asd-in, and a class beats a bare element selector regardless of order, so the
   iOS anti-zoom size has to be restated here to actually win. */
@media(max-width:640px){
  input,select,textarea,.asd-in{font-size:16px}
}

/* Touch targets are about the input device, not the window width: a tablet is 768px wide
   and still driven by a thumb, so width-scoped rules missed it entirely. WCAG 2.2 AA asks
   for 24px; 34 is comfortable without disturbing the desktop pointer layout. */
@media (pointer:coarse){
  .sf-col a{min-height:34px;display:flex;align-items:center}
  .pill,.nav a{min-height:34px}
  .qg-pager nav button{min-width:44px;min-height:44px}
}

/* ── collapsible sidebar ──
   Collapses the 248px rail to a 62px strip of icons, which on a data-dense table page
   is another 186px of content. Desktop only: below 980px the sidebar is already a
   horizontal scrolling strip and there is no rail to collapse. State lives on <html>
   so it applies before first paint and cannot flash the wrong width. */
/* Sits at the end of the brand row. */
.nav-toggle{margin-left:auto;flex:none;width:26px;height:26px;display:grid;place-items:center;
    cursor:pointer;padding:0;border:1px solid var(--line);border-radius:7px;
    background:var(--panel-2);color:var(--ink-2);
    transition:background .13s,color .13s,border-color .13s}
.nav-toggle svg{width:14px;height:14px;transition:transform .2s ease}
.nav-toggle:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.nav-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
:root[data-nav="off"] .nav-toggle svg{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){.nav-toggle svg{transition:none}}

@media(min-width:981px){
  :root[data-nav="off"] .shell{grid-template-columns:62px 1fr}
  :root[data-nav="off"] .side .nl,
  :root[data-nav="off"] .side .brand-txt,
  :root[data-nav="off"] .side .nav-chev{display:none}

  :root[data-nav="off"] .brand{justify-content:center;padding:14px 0}
  :root[data-nav="off"] .brand-mark{display:none}
  :root[data-nav="off"] .nav-toggle{margin:0}
  :root[data-nav="off"] .nav{padding:12px 7px}
  :root[data-nav="off"] .nav a{justify-content:center;padding:9px 0}
  :root[data-nav="off"] .nav a svg{width:18px;height:18px;opacity:1}
  /* the group heading becomes a divider rather than disappearing entirely */
  :root[data-nav="off"] .nav-sec > summary{height:1px;padding:0;margin:12px 8px;
      background:var(--line);cursor:default;overflow:hidden}
  /* a folded group must not hide its icons when there is no way to see it is folded */
  :root[data-nav="off"] .nav-sec::details-content{block-size:auto;content-visibility:visible}
  :root[data-nav="off"] .side > div:last-child{display:none}
}

/* Last word, deliberately. The phone/tablet breakpoint is declared above .nav-toggle's own
   block, and at equal specificity the later rule wins - so hiding it up there did nothing
   and the strip showed a button that could not collapse anything. */
@media(max-width:980px){
  .nav-toggle{display:none}
}