/* piscinesdefrance — design system v1 (mockups). Fonts: Sansita (display), Raleway (text/UI). 8 px grid. */
:root{
  --ink:#0E2433;      /* text, floor line of the logo */
  --ink2:#34495A;     /* secondary text */
  --ink3:#566877;     /* captions, axes (5.6:1 on white) */
  --line:#D3E0E6;     /* rules, lane ropes */
  --paper:#FFFFFF;
  --pool:#EAF5F8;     /* pale water band: tool, plan, footer */
  --pool2:#D6EDF2;
  --deep:#0A5A87;     /* brand: logo coping, links, buttons, covered basins */
  --deep2:#08476B;
  --aqua:#74CFDB;     /* open-air water */
  --aqua-edge:#2C9FB2;
  --float:#E2432A;    /* the one highlight: "this entity" on every chart */
  --tick:#B9C8D0;     /* the other entities on a chart */
  --r:6px;
}
@font-face{font-family:"Sansita";src:url(/fonts/sansita-latin-800-normal.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Sansita";src:url(/fonts/sansita-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Sansita";src:url(/fonts/sansita-latin-800-italic.woff2) format("woff2");font-weight:800;font-style:italic;font-display:swap}
@font-face{font-family:"Raleway";src:url(/fonts/raleway-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Raleway";src:url(/fonts/raleway-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Raleway";src:url(/fonts/raleway-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Raleway";src:url(/fonts/raleway-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Raleway";src:url(/fonts/raleway-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 Raleway,"Segoe UI",system-ui,sans-serif;
  font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
img,svg{max-width:100%}
a{color:var(--deep);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--deep2);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--float);outline-offset:2px;border-radius:2px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 16px;z-index:9}
.skip:focus{left:16px}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
.measure{max-width:44rem}
h1,h2,.display{font-family:Sansita,Raleway,sans-serif;font-weight:800;letter-spacing:0;color:var(--ink);font-feature-settings:normal}
h1{font-size:56px;line-height:1.04;margin:0 0 24px}
h2{font-size:32px;line-height:1.12;margin:0 0 16px}
h3{font:700 20px/1.3 Raleway,sans-serif;margin:0 0 8px}
p{margin:0 0 16px}
small,.small{font-size:14px;line-height:1.45}
.muted{color:var(--ink3)}
sup{font-size:.68em;line-height:0;vertical-align:.45em}

/* ---------- site header ---------- */
.site-head{border-bottom:1px solid var(--line);background:#fff}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand svg{width:32px;height:32px;flex:none}
.brand b{font:800 22px/1 Sansita,sans-serif;letter-spacing:0}
.brand b i{font-style:italic;font-weight:800;color:var(--deep)}
.nav{display:flex;gap:4px}
.nav a{font:600 15px/1 Raleway,sans-serif;color:var(--ink);text-decoration:none;padding:12px 12px;border-radius:var(--r)}
.nav a:hover{background:var(--pool)}
.nav a[aria-current]{box-shadow:inset 0 -3px 0 var(--deep)}
.nav .short{display:none}
.crumbs{font-size:14px;color:var(--ink3);margin:24px 0 16px}
.crumbs a{color:var(--ink3)}
.crumbs span{margin:0 2px}

/* ---------- buttons, forms ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;font:700 16px/1 Raleway,sans-serif;background:var(--deep);color:#fff;
  border:0;border-radius:var(--r);padding:14px 22px;cursor:pointer;text-decoration:none;min-height:48px}
.btn:hover{background:var(--deep2);color:#fff}
.field{display:flex;flex-direction:column;gap:6px}
.field label,.legend{font:600 14px/1.3 Raleway,sans-serif;color:var(--ink2)}
.field input,.field select{font:500 17px/1.3 Raleway,sans-serif;color:var(--ink);background:#fff;border:1px solid #9FB4BF;
  border-radius:var(--r);padding:12px 14px;min-height:48px;width:100%}
.field input:focus,.field select:focus{border-color:var(--deep);outline:2px solid var(--deep);outline-offset:0}
.seg{display:flex;flex-wrap:wrap;gap:8px;border:0;margin:0;padding:0;min-width:0}
.seg legend{margin-bottom:6px;padding:0}
.seg label{position:relative;cursor:pointer}
.seg input{position:absolute;opacity:0;inset:0}
.seg span{display:inline-block;font:600 15px/1 Raleway,sans-serif;padding:11px 14px;border-radius:var(--r);background:#fff;
  color:var(--ink2);box-shadow:inset 0 0 0 1px #A9BCC6}
.seg input:checked+span{background:var(--ink);color:#fff;box-shadow:none}
.seg input:focus-visible+span{outline:3px solid var(--float);outline-offset:2px}

/* ---------- the water band (tool on home, plan on entity pages) ---------- */
.band{background:var(--pool)}
.band-deep{background:var(--ink);color:#fff}

/* ---------- home hero ---------- */
.hero{padding:56px 0 48px}
.hero h1{max-width:15em}
.hero .lead{font-size:20px;line-height:1.5;color:var(--ink2);max-width:40rem;margin-bottom:32px}
.finder{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:16px;align-items:end;max-width:880px}
.finder .more{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:24px}
.asof{font-size:14px;color:var(--ink3);margin-top:24px}

/* ---------- combobox ---------- */
.combo{position:relative}
.combo ul{position:absolute;z-index:5;left:0;right:0;top:100%;margin:4px 0 0;padding:4px;list-style:none;background:#fff;
  border-radius:var(--r);box-shadow:0 8px 24px rgba(14,36,51,.18),0 0 0 1px var(--line);max-height:320px;overflow:auto}
.combo li{padding:10px 12px;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;gap:12px}
.combo li small{color:var(--ink3)}
.combo li[aria-selected=true],.combo li:hover{background:var(--pool)}

/* ---------- editorial blocks ---------- */
.section{padding:56px 0}
.section+.section{padding-top:16px}
.kicker-num{font:800 72px/1 Sansita,sans-serif;color:var(--deep);display:block;margin-bottom:8px}
.lede{font-size:20px;line-height:1.55;max-width:42rem;color:var(--ink)}
.lede strong{font-weight:700}
.note{font-size:15px;color:var(--ink2);border-left:3px solid var(--aqua-edge);padding:4px 0 4px 16px;max-width:44rem}
.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:start}

/* ---------- PLAN: every basin drawn to one scale ---------- */
.plan{margin:0}
.plan-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:16px}
.plan-head h2{margin:0}
.water{display:flex;flex-wrap:wrap;gap:7px;align-items:flex-start;--k:var(--kd)}
.b{display:block;width:calc(var(--L) * var(--k) * 1px);height:calc(var(--W) * var(--k) * 1px);min-height:4px;
  border-radius:1px;background:var(--deep)}
.b.decouvrable{background:repeating-linear-gradient(135deg,var(--deep) 0 5px,#3F86AE 5px 7px)}
.b.decouvert{background:var(--aqua);box-shadow:inset 0 0 0 1px var(--aqua-edge)}
.b.nw{height:4px;background:none;border-top:3px dashed var(--ink3);box-shadow:none}
.b.fosse{box-shadow:inset 0 0 0 3px var(--ink)}
.b.is50{outline:2px solid var(--float);outline-offset:2px}
.plan-key{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:20px;font-size:14px;color:var(--ink2);align-items:center}
.plan-key span{display:inline-flex;align-items:center;gap:8px}
.plan-key .b{width:22px;height:14px;--L:1;--W:1}
.plan-key .b.nw{width:22px;height:4px}
.scale{display:inline-flex;align-items:center;gap:8px}
.scale i{display:inline-block;height:8px;border:2px solid var(--ink);border-top:0;width:calc(25px * var(--k))}
.plan .scale{--k:var(--kd)}

/* ---------- LANES: one lane per measure, this entity = red float ---------- */
.lanes{list-style:none;margin:0;padding:0}
.lane{padding:16px 0 18px;border-bottom:1px solid var(--line)}
.lane:first-child{border-top:1px solid var(--line)}
.lane-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:10px}
.lane-name{font-weight:600}
.lane-val{font:800 24px/1 Sansita,sans-serif;color:var(--ink);white-space:nowrap}
.lane-val small{font:500 14px Raleway,sans-serif;color:var(--ink3);margin-left:6px}
.track{position:relative;height:28px;margin:0 9px}
.track svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.track .rope{position:absolute;left:-9px;right:-9px;top:13px;height:2px;background:var(--line)}
.float{position:absolute;top:4px;width:18px;height:20px;margin-left:-9px;border-radius:9px;background:var(--float);
  box-shadow:0 0 0 3px #fff}
.fr{position:absolute;top:-2px;bottom:-2px;width:0;border-left:2px solid var(--ink)}
.lane-ends{display:flex;justify-content:space-between;gap:16px;font-size:14px;color:var(--ink3);margin-top:6px}
.lane-ends span:last-child{text-align:right}
.lane-legend{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:14px;color:var(--ink2);margin:0 0 16px}
.lane-legend span{display:inline-flex;align-items:center;gap:8px}
.lane-legend i{display:inline-block}
.lg-float{width:14px;height:16px;border-radius:7px;background:var(--float)}
.lg-tick{width:3px;height:16px;background:var(--tick)}
.lg-fr{width:0;height:18px;border-left:2px solid var(--ink)}

/* ---------- records (named facts in prose, two per row) ---------- */
.records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 56px;max-width:960px}
.records p{margin:0}
.records h3{font:800 22px/1.2 Sansita,sans-serif;margin-bottom:6px}

/* ---------- decades (columns) ---------- */
.decades{display:flex;align-items:flex-end;gap:6px;height:180px;max-width:720px;border-bottom:2px solid var(--ink);padding-top:24px}
.decades div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:0}
.decades b{display:block;width:100%;background:var(--deep);border-radius:2px 2px 0 0}
.decades span{font:600 14px/1 Raleway,sans-serif;margin-bottom:6px;color:var(--ink)}
.decade-x{display:flex;gap:6px;max-width:720px;font-size:14px;color:var(--ink3);margin-top:6px}
.decade-x span{flex:1;text-align:center;min-width:0}

/* ---------- inventory ---------- */
.town{padding:28px 0;border-top:2px solid var(--ink)}
.town-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-bottom:8px}
.town-head h3{font:800 26px/1.15 Sansita,sans-serif;margin:0}
.town-head p{margin:0;color:var(--ink3);font-size:15px}
.pools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px}
.pool{padding-top:12px}
.pool h4{font:700 17px/1.35 Raleway,sans-serif;margin:0 0 2px}
.pool .meta{font-size:14px;color:var(--ink3);margin:0 0 10px}
.pool .water{--k:var(--kp);gap:6px;margin-bottom:10px}
.specs{list-style:none;margin:0;padding:0;font-size:15px;line-height:1.5}
.specs li{display:flex;gap:10px;align-items:baseline;padding:3px 0}
.specs li i{flex:none;display:inline-block;width:12px;height:10px;border-radius:1px;background:var(--deep);transform:translateY(1px)}
.specs li i.decouvrable{background:repeating-linear-gradient(135deg,var(--deep) 0 3px,#3F86AE 3px 4px)}
.specs li i.decouvert{background:var(--aqua);box-shadow:inset 0 0 0 1px var(--aqua-edge)}
.specs b{font-weight:700;white-space:nowrap}

/* ---------- tool results ---------- */
.tool-form{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,.7fr)) auto;gap:16px;align-items:end}
.tool-filters{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:20px 32px;margin-top:4px}
.summary{font:800 28px/1.2 Sansita,sans-serif;margin:0 0 8px;max-width:30em}
.summary-sub{color:var(--ink2);margin:0 0 24px}
.results{list-style:none;margin:0;padding:0}
.hit{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;padding:24px 0;border-top:1px solid var(--line)}
.block{background:var(--ink);color:#fff;border-radius:var(--r);padding:12px 8px 10px;text-align:center;align-self:start}
.block b{display:block;font:800 30px/1 Sansita,sans-serif}
.block small{font-size:14px;color:#C9DCE6}
.hit h3{margin:0 0 2px}
.hit .meta{font-size:15px;color:var(--ink3);margin:0 0 12px}
.hit .water{--k:var(--kp);margin-bottom:12px}
.more-btn{margin-top:16px;background:#fff;color:var(--deep);box-shadow:inset 0 0 0 2px var(--deep)}
.more-btn:hover{background:var(--pool);color:var(--deep2)}
.explain{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 56px}
.explain h2{font-size:26px}

/* ---------- distance bars (home) ---------- */
.dist{max-width:980px}
.dist-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.dist-row h3{margin:0;font-size:17px}
.dist-bar{position:relative;display:flex;height:40px;border-radius:4px;overflow:hidden;background:#F1F5F7}
.dist-bar span{display:flex;align-items:center;justify-content:flex-end;padding-right:6px;font:700 14px/1 Raleway,sans-serif;color:#fff;white-space:nowrap;overflow:hidden}
.dist-axis{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;font-size:14px;color:var(--ink3);padding-top:8px}
.dist-axis div{display:flex;justify-content:space-between}
.dist-key{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--ink2);margin-bottom:12px}
.dist-key span{display:inline-flex;gap:6px;align-items:center}
.dist-key i{width:14px;height:14px;border-radius:2px;display:inline-block}

/* ---------- index of départements (home) ---------- */
.dep-index{columns:4 220px;column-gap:40px;margin:0;padding:0;list-style:none}
.dep-index li.reg{break-inside:avoid;margin:0 0 20px}
.dep-index h3{font:800 19px/1.2 Sansita,sans-serif;margin:0 0 6px}
.dep-index h3 a{color:var(--ink);text-decoration:none}
.dep-index ul{list-style:none;margin:0;padding:0;font-size:15px}
.dep-index ul li{display:flex;justify-content:space-between;gap:8px;padding:2px 0;border-bottom:1px dotted var(--line)}
.dep-index ul li span{color:var(--ink3);font-size:14px;white-space:nowrap}

/* ---------- guides list ---------- */
.guides{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}
.guides li{padding:20px 0;border-top:1px solid var(--line)}
.guides a{font:800 22px/1.2 Sansita,sans-serif;text-decoration:none;color:var(--ink)}
.guides a:hover{color:var(--deep)}
.guides p{margin:6px 0 0;color:var(--ink2);font-size:16px}

/* ---------- région lanes (hub) ---------- */
.board{list-style:none;margin:0;padding:0;max-width:1000px}
.board li{display:grid;grid-template-columns:260px minmax(0,1fr);gap:8px 32px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}
.board li:first-child{border-top:1px solid var(--line)}
.board h3{margin:0;font:800 21px/1.2 Sansita,sans-serif}
.board h3 a{color:var(--ink);text-decoration:none}
.board h3 a:hover{color:var(--deep)}
.board .sub{font-size:14px;color:var(--ink3);margin:2px 0 0}
.bar{position:relative;height:26px;background:#F1F5F7;border-radius:3px}
.bar b{position:absolute;left:0;top:0;bottom:0;background:var(--deep);border-radius:3px}
.bar.hi b{background:var(--float)}
.bar span{position:absolute;top:50%;transform:translateY(-50%);font:700 15px/1 Raleway,sans-serif;white-space:nowrap}
.bar .fr{top:-4px;bottom:-4px}

/* ---------- tables (reflow on mobile) ---------- */
.tbl{width:100%;border-collapse:collapse;font-size:16px;margin:8px 0 24px}
.tbl caption{text-align:left;font:700 15px/1.4 Raleway,sans-serif;color:var(--ink2);padding-bottom:8px}
.tbl th{font:700 14px/1.3 Raleway,sans-serif;color:var(--ink3);text-align:left;padding:8px 12px 8px 0;border-bottom:2px solid var(--ink)}
.tbl td{padding:10px 12px 10px 0;border-bottom:1px solid var(--line);vertical-align:top}
.tbl .n{text-align:right;white-space:nowrap}
.tbl th.n{text-align:right}

/* ---------- article ---------- */
.article{max-width:46rem}
.article p,.article li{font-size:18px;line-height:1.7}
.article h2{font-size:30px;margin-top:48px}
.byline{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px;color:var(--ink3);margin:0 0 32px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.byline b{color:var(--ink);font-weight:700}
.article .standfirst{font-size:21px;line-height:1.55;color:var(--ink)}
.fig{margin:32px 0}
.fig figcaption{font-size:14px;color:var(--ink3);margin-top:10px}
.sources{font-size:15px;color:var(--ink2);border-top:1px solid var(--line);padding-top:16px;margin-top:48px}

/* ---------- legal ---------- */
.legal{max-width:44rem;padding-bottom:64px}
.legal h2{font-size:26px;margin-top:40px}
.legal dl{display:grid;grid-template-columns:180px minmax(0,1fr);gap:8px 24px;margin:0 0 16px}
.legal dt{font-weight:700}
.legal dd{margin:0}

/* ---------- footer ---------- */
.site-foot{background:var(--pool);margin-top:72px;padding:40px 0 48px;font-size:15px;color:var(--ink2)}
.site-foot .attrib{max-width:52rem;margin-bottom:20px}
.site-foot nav{display:flex;flex-wrap:wrap;gap:8px 24px;margin-bottom:16px}
.site-foot nav a{color:var(--ink);font-weight:600}
.site-foot .who{font-size:14px;color:var(--ink3);margin:0}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .finder{grid-template-columns:minmax(0,1fr) 160px}
  .finder .btn{grid-column:1/-1}
  .tool-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .tool-form .field:first-child{grid-column:1/-1}
  .split,.explain,.records,.guides,.pools{grid-template-columns:minmax(0,1fr)}
  .split{gap:32px}
}
@media (max-width:640px){
  body{font-size:17px}
  .wrap{padding:0 16px}
  h1{font-size:36px;line-height:1.08}
  h2{font-size:27px}
  .brand b{font-size:19px}
  .nav a{padding:12px 8px;font-size:15px}
  .nav .long{display:none}
  .hero{padding:32px 0 32px}
  .hero .lead,.lede{font-size:18px}
  .finder{grid-template-columns:minmax(0,1fr)}
  .finder .more{gap:16px}
  .tool-form{grid-template-columns:minmax(0,1fr)}
  .tool-form .btn{order:9}
  .tool-filters{gap:16px}
  .site-head .wrap{flex-wrap:wrap;gap:0;padding-top:8px}
  .nav{width:100%;justify-content:space-between;border-top:1px solid var(--line);margin:8px -16px 0;padding:0 8px;width:calc(100% + 32px)}
  .nav .short{display:inline}
  .water{--k:var(--km)}
  .plan .scale{--k:var(--km)}
  .pool .water,.hit .water{--k:var(--kpm)}
  .section{padding:40px 0}
  .kicker-num{font-size:56px}
  .hit{grid-template-columns:minmax(0,1fr);gap:12px}
  .block{display:flex;align-items:baseline;gap:8px;justify-self:start;padding:8px 12px}
  .block b{font-size:24px}
  .dist-row,.dist-axis{grid-template-columns:minmax(0,1fr);gap:8px}
  .dist-axis>span{display:none}
  .board li{grid-template-columns:minmax(0,1fr)}
  .summary{font-size:24px}
  .records{gap:24px}
  .article p,.article li{font-size:17px}
  .article .standfirst{font-size:19px}
  .legal dl{grid-template-columns:minmax(0,1fr);gap:0 0}
  .legal dd{margin-bottom:12px}
  .decades{height:150px;gap:3px}
  .decade-x{gap:3px}
  .decades span{font-size:14px}
  .decade-x span:nth-child(even){visibility:hidden}
  /* tables become labelled cards */
  .tbl.reflow thead{position:absolute;left:-9999px}
  .tbl.reflow tr{display:block;padding:12px 0;border-bottom:1px solid var(--line)}
  .tbl.reflow td{display:flex;justify-content:space-between;gap:16px;border:0;padding:3px 0;text-align:right}
  .tbl.reflow td::before{content:attr(data-l);font:600 14px/1.5 Raleway,sans-serif;color:var(--ink3);text-align:left}
  .tbl.reflow td:first-child{font-weight:700;font-size:17px;text-align:left}
  .tbl.reflow td:first-child::before{content:none}
}

/* Raleway defaults to old-style figures; the font shorthand resets font-variant, so force lining figures everywhere */
*,*::before,*::after{font-variant-numeric:lining-nums !important}

/* ---------- build additions ---------- */
.entry{margin:32px 0 48px}
.finder-mini{grid-template-columns:minmax(0,1fr) auto;max-width:640px}
.plan-band{padding:48px 0 40px}
.h1-tool{font-size:clamp(34px,4.4vw,48px)}
.links{line-height:1.9}
.reg-list{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px}
.reg-list a{font-weight:600}
.hbars{list-style:none;margin:0;padding:0;max-width:820px}
.hbars li{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:center;padding:6px 0}
.hb-l{font-weight:600;font-size:16px}
.tool-link{margin:0}
.fig .dist{max-width:none}
@media (max-width:640px){
  .finder-mini{grid-template-columns:minmax(0,1fr)}
  .hbars li{grid-template-columns:minmax(0,1fr);gap:4px}
  .entry{margin:24px 0 40px}
}

/* French ordinals: 3<sup class="ord">e</sup>, drawn in the text font, line height untouched */
sup.ord{font-family:inherit;font-weight:inherit;font-size:.7em;line-height:0;vertical-align:baseline;position:relative;top:-.45em;margin-left:.04em}