/* Dholera Allotment Rankings :: board and slip.
   Ground #A878A2 heather. Ink #3F0027. Slip #F9D5ED. Sole accent oxide #795240.
   Signature: the corner-cut filing slip, its shallow 10 degree cut and its
   punched bound edge, used at every scale. No perforation, no seal, no row
   grouping device, no zebra striping, no coloured status pills. */

@font-face{font-family:'Petrona';font-style:normal;font-weight:400 700;font-display:swap;
 src:url(/fonts/petrona-latin.woff2) format('woff2');
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Petrona';font-style:normal;font-weight:400 700;font-display:swap;
 src:url(/fonts/petrona-latin-ext.woff2) format('woff2');
 unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Literata';font-style:normal;font-weight:400 600;font-display:swap;
 src:url(/fonts/literata-latin.woff2) format('woff2');
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Literata';font-style:normal;font-weight:400 600;font-display:swap;
 src:url(/fonts/literata-latin-ext.woff2) format('woff2');
 unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Literata';font-style:italic;font-weight:400;font-display:swap;
 src:url(/fonts/literata-italic-latin.woff2) format('woff2');
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Literata';font-style:italic;font-weight:400;font-display:swap;
 src:url(/fonts/literata-italic-latin-ext.woff2) format('woff2');
 unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Martian Mono';font-style:normal;font-weight:300 700;font-stretch:75% 112.5%;font-display:swap;
 src:url(/fonts/martianmono-latin.woff2) format('woff2');
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Martian Mono';font-style:normal;font-weight:300 700;font-stretch:75% 112.5%;font-display:swap;
 src:url(/fonts/martianmono-latin-ext.woff2) format('woff2');
 unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

:root{
  --spine:#4E2742;
  --board:#A878A2;
  --wash:#EEB2D8;
  --slip:#F9D5ED;
  --ink:#3F0027;
  --ink-2:#704450;
  --oxide:#795240;
  --hair:rgba(63,0,39,.20);
  --hair-soft:rgba(63,0,39,.13);
  --d:'Petrona',Charter,'Iowan Old Style',serif;
  --b:'Literata',Charter,'Iowan Old Style',serif;
  --m:'Martian Mono',ui-monospace,monospace;
  --cutx:34px; --cuty:6px;
  --rowh:48px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--board);color:var(--ink);
  font-family:var(--b);font-size:17px;line-height:1.62;
  font-variant-numeric:tabular-nums slashed-zero;
  overflow-x:hidden;
}
img,svg{max-width:100%}
a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--d);font-weight:600;margin:0;line-height:1.06}
p{margin:0 0 1em}
.wrap{max-width:1240px;margin:0 auto;padding:0 22px}

/* ---- masthead band ------------------------------------------------------ */
.band{background:var(--spine);color:var(--slip);}
.band .wrap{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.lockup{display:block;text-decoration:none;color:inherit}
.lockup:hover{text-decoration:none}
.lockup .w1{
  font-family:var(--d);font-size:26px;font-weight:600;letter-spacing:.005em;line-height:1;
  color:var(--slip);
  /* the bureau halftone: the wordmark only, never below 20px */
  background-image:repeating-conic-gradient(from 12deg at 50% 50%, rgba(78,39,66,.55) 0deg 12deg, rgba(249,213,237,0) 12deg 24deg);
  background-size:3px 3px;background-blend-mode:soft-light;
  -webkit-background-clip:text;background-clip:text;
}
.lockup .w2{display:block;font-family:var(--m);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.34em;color:var(--wash);margin-top:6px}
.meta{display:flex;gap:26px;font-family:var(--m);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--wash);text-align:right}
.meta b{display:block;font-weight:600;color:var(--slip);letter-spacing:.1em}

/* ---- navigation --------------------------------------------------------- */
.nav{border-bottom:1px solid var(--hair)}
.nav .wrap{display:flex;flex-wrap:wrap;gap:0 22px;padding-top:12px;padding-bottom:12px}
.nav a{font-family:var(--m);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.11em;text-decoration:none;border-bottom:1px solid var(--hair);padding-bottom:2px}
.nav a:hover,.nav a[aria-current]{border-bottom:2px solid var(--ink)}

/* ---- title zone --------------------------------------------------------- */
.titlezone{padding:44px 0 26px}
h1{font-size:clamp(38px,6.2vw,76px);line-height:.94;letter-spacing:-.012em;max-width:19ch}
h1 .op{color:var(--spine)}
.standfirst{font-size:19px;max-width:62ch;margin-top:18px}
.boundrule{
  height:10px;margin:26px 0 12px;
  background-color:var(--spine);
  background-image:radial-gradient(circle 3px at 48px 5px, var(--board) 0 3px, transparent 3.4px);
  background-size:96px 10px;background-repeat:repeat-x;
}
.disclosure{font-family:var(--m);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--ink);margin:0 0 30px}

/* ---- the slip: the signature -------------------------------------------- */
.slip{
  position:relative;
  background-color:var(--slip);
  background-image:
    radial-gradient(circle 3px at 5px 26px, var(--board) 0 3px, transparent 3.4px),
    linear-gradient(90deg, var(--spine) 0 10px, transparent 10px);
  background-size:10px 96px, 100% 100%;
  background-repeat:repeat-y, no-repeat;
  clip-path:polygon(var(--cutx) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cuty));
  padding:26px 26px 26px 34px;
  margin:0 0 26px;
}
.slip.wash{background-color:var(--wash)}
.slip.tight{padding:18px 20px 18px 30px}
.slip.big{--cutx:68px;--cuty:12px;padding:32px 32px 32px 40px}
.slip > :last-child{margin-bottom:0}
.answer{font-size:19px;line-height:1.55}
.answer b{font-weight:600}

/* ---- layout ------------------------------------------------------------- */
.cols{display:grid;grid-template-columns:304px minmax(0,1fr);gap:32px;align-items:start}
.regcol{min-width:0}
.rail{min-width:0}
.rail{font-size:15px}
.rail h2{font-size:15px;font-family:var(--m);font-weight:600;text-transform:uppercase;letter-spacing:.13em;margin-bottom:10px}
.rail ul{list-style:none;margin:0 0 22px;padding:0}
.rail li{padding:5px 0;border-bottom:1px solid var(--hair-soft);font-size:15px}
.rail li:last-child{border-bottom:0}
.prose{max-width:726px}
.paper{
  background-color:var(--slip);
  background-image:
    radial-gradient(circle 3px at 5px 26px, var(--board) 0 3px, transparent 3.4px),
    linear-gradient(90deg, var(--spine) 0 10px, transparent 10px);
  background-size:10px 96px, 100% 100%;
  background-repeat:repeat-y, no-repeat;
  clip-path:polygon(68px 0, 100% 0, 100% 100%, 0 100%, 0 12px);
  padding:34px 34px 38px 44px;
}
.paper > :first-child{margin-top:0}
.paper > :last-child{margin-bottom:0}
.paper .slip{background:var(--wash);clip-path:polygon(34px 0,100% 0,100% 100%,0 100%,0 6px)}
.prose h2{font-size:30px;margin:38px 0 12px}
.prose h3{font-size:22px;margin:26px 0 8px}
.prose ul,.prose ol{padding-left:20px}
.prose li{margin-bottom:.5em}
section{margin-bottom:34px}
h2{font-size:32px;margin:0 0 14px}
h3{font-size:21px;margin:24px 0 8px}
.kicker{font-family:var(--m);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-2);margin:0 0 6px}
.slip .kicker{color:var(--ink-2)}
.onboard .kicker{color:var(--ink)}

/* ---- type utilities ----------------------------------------------------- */
.m{font-family:var(--m);font-size:.92em;font-variation-settings:'wdth' 87.5}
.fig{font-variant-numeric:tabular-nums slashed-zero}
.unk{font-family:var(--m);font-size:.86em;font-weight:600;letter-spacing:.06em;color:var(--ink-2)}
.note{font-size:15px;color:var(--ink-2)}
.crit{font-style:italic}

/* ---- status marks, colour is never the only channel --------------------- */
.st{display:inline-flex;align-items:flex-start;gap:7px;font-family:var(--m);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;line-height:1.25}
.st i{width:10px;height:10px;display:inline-block;border:1px solid var(--ink);flex:0 0 auto;margin-top:2px}
.st-official i{background:var(--ink)}
.st-target i{background:linear-gradient(135deg,var(--oxide) 0 50%,transparent 50%)}
.st-unknown i{background:transparent}

/* ---- tables ------------------------------------------------------------- */
.tablewrap{
  background-color:var(--slip);
  background-image:
    radial-gradient(circle 3px at 5px 26px, var(--board) 0 3px, transparent 3.4px),
    linear-gradient(90deg, var(--spine) 0 10px, transparent 10px);
  background-size:10px 96px, 100% 100%;
  background-repeat:repeat-y, no-repeat;
  clip-path:polygon(var(--cutx) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cuty));
  padding:0 0 0 10px;margin:0 0 10px;
}
.scroller{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:15px}
caption{
  text-align:left;font-family:var(--m);font-size:11px;font-weight:600;
  text-transform:uppercase;letter-spacing:.13em;color:var(--ink);
  padding:16px 16px 12px;
}
thead th{
  background:var(--spine);color:var(--slip);
  font-family:var(--m);font-size:11px;font-weight:600;text-transform:uppercase;
  letter-spacing:.13em;text-align:left;vertical-align:bottom;
  padding:11px 12px;border-bottom:1px solid var(--hair);
}
thead th.n{text-align:right}
thead th button{
  all:unset;cursor:pointer;display:block;color:inherit;font:inherit;letter-spacing:inherit;
  border-bottom:1px solid rgba(249,213,237,.35);padding-bottom:2px;
}
thead th button:focus-visible{outline:2px solid var(--slip);outline-offset:2px}
thead th[aria-sort] button{border-bottom:3px solid var(--wash)}
thead th button .dir{font-size:9px;opacity:.75;margin-left:6px}
tbody td,tbody th{
  padding:0 12px;height:var(--rowh);
  border-bottom:1px solid var(--hair-soft);
  vertical-align:middle;text-align:left;font-weight:400;
}
tbody td.n,tbody th.n{text-align:right;font-family:var(--m);font-size:14px;font-variation-settings:'wdth' 87.5}
tbody td.code{font-family:var(--m);font-size:13.5px;color:var(--ink-2);font-variation-settings:'wdth' 87.5;overflow-wrap:break-word}
tbody th[scope=row]{font-family:var(--b);font-weight:500;font-size:15px}
tbody tr.marked > *{background:var(--wash)}
tfoot td{padding:14px 16px;font-size:14px;color:var(--ink-2);border-top:1px solid var(--hair)}
.rank{font-family:var(--d);font-weight:700;font-size:30px;line-height:1;position:relative;display:inline-block;padding:0 2px;margin-right:5px}
.chitgrid .rank{font-size:26px}
.rank::after{content:"";position:absolute;left:-2px;right:-2px;top:52%;height:3px;background:var(--oxide)}
.rank.none{font-family:var(--m);font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--ink-2)}
.rank.none::after{display:none}
.mb{display:block;height:2px;background:rgba(121,82,64,.22);margin-top:5px;width:100%}
.mb i{display:block;height:2px;background:var(--oxide)}
.srcref{font-family:var(--m);font-size:12.5px;line-height:1.35;color:var(--ink-2);text-decoration-color:var(--oxide);overflow-wrap:break-word}
.srcref b{display:block;font-weight:400}
tbody td,tbody th{overflow-wrap:break-word}

/* ---- the chit: a row unfolds in place ----------------------------------- */
tr.chitrow > td{padding:0;height:auto;border-bottom:1px solid var(--hair-soft)}
.chit{display:grid;grid-template-rows:0fr;transition:grid-template-rows 220ms cubic-bezier(.2,0,0,1)}
tr.chitrow.open .chit{grid-template-rows:1fr}
.chit > div{overflow:hidden}
.chitbody{
  border-top:3px solid var(--spine);
  background-image:radial-gradient(circle 3px at 48px -1px, var(--board) 0 3px, transparent 3.4px);
  background-size:96px 10px;background-repeat:repeat-x;background-position:0 0;
  padding:20px 16px 22px;
}
.chitgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px 26px;margin-bottom:14px}
.chitgrid dt{font-family:var(--m);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.13em;color:var(--ink-2);margin-bottom:3px}
.chitgrid dd{margin:0;font-size:15px}
.expander{all:unset;cursor:pointer;font-family:var(--m);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--hair);padding-bottom:2px}
.expander:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

/* ---- toolbar ------------------------------------------------------------ */
.toolbar{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;padding:0 0 12px}
.toolbar button{all:unset;cursor:pointer;font-family:var(--m);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--hair);padding-bottom:2px}
.toolbar button[aria-pressed=true]{border-bottom:3px solid var(--oxide)}
.toolbar button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.hint{font-family:var(--m);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-2);display:none;padding:0 0 8px}
body.compact{--rowh:34px}

/* ---- field completeness drawing ----------------------------------------- */
.fieldbar{display:flex;flex-wrap:wrap;gap:3px;margin:10px 0 6px}
.fieldbar span{width:16px;height:16px;border:1px solid var(--ink);display:block}
.fieldbar span.on{background:var(--ink)}
.fieldbar span.off{background:transparent}

/* ---- ruled chart -------------------------------------------------------- */
.ruled{list-style:none;margin:0;padding:0}
.ruled li{padding:10px 0;border-bottom:1px solid var(--hair-soft)}
.ruled .lab{display:flex;justify-content:space-between;gap:14px;font-size:15px}
.ruled .lab .v{font-family:var(--m);font-size:14px;font-variation-settings:'wdth' 87.5}
.ruled .track{height:6px;background:rgba(121,82,64,.18);margin-top:7px}
.ruled .track i{display:block;height:6px;background:var(--oxide)}

/* ---- footer ------------------------------------------------------------- */
footer{margin:46px 0 0;padding:0 0 40px}
.foot{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px}
.foot h2{font-family:var(--m);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{padding:3px 0;font-size:15px}
.colophon{font-size:14px;color:var(--ink-2);margin-top:22px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;position:fixed;background:var(--slip);padding:10px 14px;z-index:9}

/* ---- mobile is its own layout ------------------------------------------- */
@media (max-width:900px){
  .cols{grid-template-columns:minmax(0,1fr);gap:24px}
  .rail{order:2}
  thead th{position:static}
}
@media (min-width:901px){
  thead th{position:sticky;top:0;z-index:2}
}
@media (max-width:720px){
  .paper{clip-path:polygon(44px 0,100% 0,100% 100%,0 100%,0 8px);padding:24px 20px 28px 30px}
  body{font-size:16px}
  .band .wrap{min-height:64px}
  .lockup .w1{font-size:22px}
  .meta{gap:16px;font-size:10px;text-align:left}
  .titlezone{padding:30px 0 20px}
  .standfirst{font-size:17px}
  .answer{font-size:17px}
  .hint{display:block}
  table{min-width:720px;font-size:14px}
  .scroller{overflow-x:auto}
  tbody th[scope=row].freeze,tbody td.freeze,thead th.freeze{
    position:sticky;left:0;z-index:1;background:var(--slip);width:132px;
    box-shadow:1px 0 0 rgba(63,0,39,.25);
  }
  thead th.freeze{background:var(--spine);z-index:3}
  tbody tr.marked > .freeze{background:var(--wash)}
  .slip{padding:20px 18px 20px 28px}
  .slip.big{--cutx:44px;--cuty:8px;padding:22px 20px 22px 30px}
  h2{font-size:26px}
}
@media (prefers-reduced-motion:reduce){
  .chit{transition:none}
  *{animation:none!important}
}
@media print{
  body{background:transparent}
  .nav,.toolbar,.hint{display:none}
}