/* wtnlinks.shop - the claim register
   Same layout family as the reference: light dealer-style page, container
   width, section titles over long prose, and a lineup of cards whose bodies
   are label/value spec rows. Palette, type and class names are all new so it
   does not read as the earlier site built from the same reference.
   No top navigation bar and no search form, by request. */

:root{
  --paper:#ffffff;
  --wash:#f4f6f5;
  --wash2:#eaeeec;
  --ink:#23282d;
  --text:#464e54;
  --soft:#6d767d;
  --faint:#98a1a7;
  --rule:#dde2e0;
  --rule2:#c8d0cd;
  --pine:#0f5c46;
  --pine-dk:#0a4433;
  --pine-pale:#eaf3f0;
  --clay:#b3541e;
  --clay-pale:#fbf0e8;
  --slate:#34586f;
  --head:"PT Sans","Trebuchet MS","Tahoma","Segoe UI",sans-serif;
  --body:"PT Serif","Cambria","Palatino Linotype","Book Antiqua",Georgia,serif;
  --mono:"Consolas","DejaVu Sans Mono","Liberation Mono",monospace;
  --wrap:1120px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);
  font:17px/1.7 var(--body);overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--pine);text-decoration:none;border-bottom:1px solid rgba(15,92,70,.3)}
a:hover{color:var(--pine-dk);border-bottom-color:var(--pine)}
.shell{max-width:var(--wrap);margin:0 auto;padding:0 20px;min-width:0}

/* slim identity strip instead of a navigation bar */
.ident{background:var(--pine);color:#fff}
.ident .shell{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;
  padding-top:13px;padding-bottom:13px}
.ident b{font:700 15px/1.3 var(--head);letter-spacing:.06em;text-transform:uppercase}
.ident span{font:14px/1.4 var(--body);color:#c8ded7}

/* address block, first thing on every page */
.doors{border:1px solid var(--rule);border-top:3px solid var(--pine);
  background:var(--wash);border-radius:3px;margin:22px 0;padding:20px 22px}
.doors h2{margin:0 0 3px;font:700 15px/1.35 var(--head);letter-spacing:.05em;
  text-transform:uppercase;color:var(--pine-dk);border:0;padding:0}
.doors > p{margin:0 0 15px;font-size:15px;color:var(--soft);max-width:none}
.dr{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--paper);
  border:1px solid var(--rule);border-radius:3px;padding:11px 13px;margin-bottom:8px}
.dr:last-of-type{margin-bottom:0}
.dr .lbl{flex:none;font:700 11px/1 var(--head);letter-spacing:.09em;text-transform:uppercase;
  background:var(--pine);color:#fff;padding:6px 9px;border-radius:2px}
.dr code{flex:1 1 260px;min-width:0;font:13.5px/1.5 var(--mono);color:var(--ink);word-break:break-all}
.dr button{flex:none;font:700 11px/1 var(--head);letter-spacing:.07em;text-transform:uppercase;
  background:var(--paper);color:var(--pine);border:1px solid var(--pine);border-radius:2px;
  padding:8px 13px;cursor:pointer}
.dr button:hover{background:var(--pine);color:#fff}
.doors .after{margin:14px 0 0;font-size:14px;color:var(--soft)}

/* section links, plain and visible, no search anywhere */
.rows{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}
.rows a{font:700 12px/1 var(--head);letter-spacing:.05em;text-transform:uppercase;
  border:1px solid var(--rule2);border-radius:2px;padding:9px 13px;color:var(--text);
  background:var(--paper)}
.rows a:hover,.rows a.on{background:var(--pine);border-color:var(--pine);color:#fff}

/* type */
h1{font:700 clamp(27px,4.1vw,40px)/1.2 var(--head);color:var(--ink);margin:26px 0 10px}
.stand{font:19px/1.65 var(--body);color:var(--soft);margin:0 0 28px;max-width:68ch}
h2{font:700 24px/1.32 var(--head);color:var(--ink);margin:36px 0 12px;
  border-bottom:2px solid var(--pine);padding-bottom:7px;display:inline-block}
h3{font:700 18px/1.35 var(--head);color:var(--pine-dk);margin:26px 0 8px}
p{margin:0 0 16px;max-width:74ch}
ul,ol{margin:0 0 18px;padding-left:22px;max-width:74ch}
li{margin-bottom:9px}
code{font:.9em var(--mono);background:var(--wash2);padding:1px 5px;border-radius:2px;color:var(--ink)}
strong,b{color:var(--ink);font-weight:700}

/* the verdict panel, the spine of every claim page */
.vd{border:1px solid var(--rule);border-radius:3px;overflow:hidden;margin:0 0 28px}
.vd .top{padding:15px 18px;background:var(--wash);border-bottom:1px solid var(--rule)}
.vd .top em{display:block;font:700 11px/1 var(--head);letter-spacing:.11em;
  text-transform:uppercase;color:var(--faint);font-style:normal;margin-bottom:7px}
.vd .top q{font:19px/1.5 var(--body);color:var(--ink);quotes:'\201C' '\201D'}
.vd .call{padding:14px 18px;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline}
.vd .call .tag{font:700 13px/1.4 var(--head);letter-spacing:.07em;text-transform:uppercase;
  padding:6px 12px;border-radius:2px;color:#fff}
.vd.holds .call .tag{background:var(--pine)}
.vd.partly .call .tag{background:var(--slate)}
.vd.no .call .tag{background:var(--clay)}
.vd.open .call .tag{background:var(--soft)}
.vd .call .sum{flex:1 1 260px;min-width:0;font-size:15.5px;color:var(--text)}

/* spec rows, the reference card idiom */
.spec{border:1px solid var(--rule);border-radius:3px;margin:0 0 24px;overflow:hidden}
.spec div{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--rule)}
.spec div:last-child{border-bottom:0}
.spec dt{flex:0 0 210px;padding:11px 15px;background:var(--wash);
  font:700 13px/1.5 var(--head);letter-spacing:.03em;color:var(--ink);margin:0}
.spec dd{flex:1 1 300px;min-width:0;padding:11px 15px;margin:0;font-size:15.5px}

/* register cards */
.reg{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px;margin:0 0 30px}
.reg > a{display:block;border:1px solid var(--rule);border-radius:3px;padding:0;
  background:var(--paper);border-bottom-color:var(--rule);overflow:hidden}
.reg > a:hover{border-color:var(--pine)}
.reg > a .q{display:block;padding:14px 16px 12px;font:700 16.5px/1.4 var(--head);color:var(--ink)}
.reg > a .v{display:flex;gap:9px;align-items:center;padding:10px 16px;
  border-top:1px solid var(--rule);background:var(--wash);font-size:13.5px;color:var(--soft)}
.reg > a .v i{font-style:normal;font:700 11px/1 var(--head);letter-spacing:.08em;
  text-transform:uppercase;color:#fff;padding:5px 9px;border-radius:2px;background:var(--soft)}
.reg > a.holds .v i{background:var(--pine)}
.reg > a.partly .v i{background:var(--slate)}
.reg > a.no .v i{background:var(--clay)}

/* callouts */
.cut{border:1px solid var(--rule);border-left:4px solid var(--pine);background:var(--pine-pale);
  border-radius:2px;padding:15px 18px;margin:22px 0;font-size:16px}
.cut.warn{border-left-color:var(--clay);background:var(--clay-pale)}
.cut.plain{border-left-color:var(--rule2);background:var(--wash)}
.cut b{display:block;margin-bottom:5px;color:var(--ink);
  font:700 13px/1.4 var(--head);letter-spacing:.06em;text-transform:uppercase}

/* tables scroll rather than widening the page */
.tw{overflow-x:auto;margin:0 0 22px;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:15.5px}
th,td{border:1px solid var(--rule);padding:10px 13px;text-align:left;vertical-align:top}
th{background:var(--wash);color:var(--ink);font:700 13px/1.4 var(--head);
  letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
td{background:var(--paper)}

/* numbered list */
.steps{list-style:none;padding:0;counter-reset:n;max-width:74ch}
.steps li{position:relative;padding-left:42px;margin-bottom:14px;counter-increment:n}
.steps li::before{content:counter(n);position:absolute;left:0;top:2px;width:28px;height:28px;
  border-radius:2px;background:var(--pine);color:#fff;
  font:700 13px/28px var(--head);text-align:center}

/* prev / next */
.jump{display:flex;flex-wrap:wrap;gap:12px;margin:36px 0 0;border-top:1px solid var(--rule);padding-top:18px}
.jump a{flex:1 1 240px;border:1px solid var(--rule);border-radius:3px;padding:12px 15px;
  color:var(--ink);border-bottom-color:var(--rule)}
.jump a:hover{border-color:var(--pine)}
.jump a em{display:block;font:700 11px/1 var(--head);letter-spacing:.1em;text-transform:uppercase;
  color:var(--faint);font-style:normal;margin-bottom:5px}

.crumb{font:13px/1.4 var(--head);color:var(--faint);margin:20px 0 0}
.crumb a{color:var(--soft);border:0}

/* footer */
.base{background:var(--wash);border-top:1px solid var(--rule);margin-top:48px;padding:30px 0 36px}
.base h2{border:0;display:block;margin:0 0 12px;font:700 12px/1 var(--head);
  letter-spacing:.11em;text-transform:uppercase;color:var(--faint)}
.base .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px}
.base a{display:block;color:var(--text);font-size:14.5px;padding:3px 0;border:0}
.base a:hover{color:var(--pine)}
.base .fine{margin-top:24px;padding-top:16px;border-top:1px solid var(--rule);
  color:var(--soft);font-size:13.5px}

@media (max-width:700px){
  body{font-size:16px}
  .doors{padding:15px}
  .dr code{flex-basis:100%;font-size:12.5px}
  .spec dt{flex-basis:100%;border-bottom:1px solid var(--rule)}
  .vd .top q{font-size:17px}
}