/* order-cancel-return — white theme over the shared site.css.
   The shared grid in .wrap is for cards; these pages are long documents, so the
   content column is a single prose column (.doc) with readable tables. */

body.white{
  --ground:#fff; --surface:#fff; --rule:#E3E7EB; --rule-firm:#D3DAE0;
  --tint:#F5F7F9;
  background:#fff;
}
body.white .side{background:#fff}
body.white .nav a:hover,body.white .nav a.on{background:var(--tint)}
body.white .toc a:hover{background:var(--tint)}
.side .brand a{color:inherit;text-decoration:none}
.side .brand a:hover{color:var(--ink)}

.doc{padding:1.6rem clamp(1rem,3vw,2.75rem) 3.5rem;max-width:58rem;min-width:0}
.doc h1{max-width:30ch}

/* the two choices, above every page */
.choices{display:grid;gap:.75rem;margin:0 0 2rem}
@media(min-width:44rem){.choices{grid-template-columns:1fr 1fr}}
.choice{border:1px solid var(--rule-firm);border-left:3px solid var(--info);border-radius:5px;
  padding:.8rem .95rem;background:#fff}
.choice+.choice{border-left-color:var(--ok)}
.choice b{display:block;font-family:var(--serif);font-weight:600;font-size:1rem;margin:0 0 .3rem}
.choice span{display:block;font-size:.875rem;color:var(--muted);line-height:1.5}

/* ------------------------------------------------------------ prose --- */
.md{font-size:.96875rem;line-height:1.62}
.md p,.md ul,.md ol{margin:0 0 .95rem}
.md ul,.md ol{padding-left:1.35rem}
.md li{margin:.2rem 0}
.md li>ul,.md li>ol{margin:.25rem 0 .35rem}
.md a{color:var(--info);text-underline-offset:.15em}
.md strong{font-weight:600}
.md hr{border:0;border-top:1px solid var(--rule-firm);margin:2.2rem 0}

.md h1.part{font-family:var(--serif);font-size:1.6rem;letter-spacing:-.02em;max-width:none;
  margin:2.8rem 0 .4rem;padding:.9rem 0 0;border-top:2px solid var(--ink);scroll-margin-top:1rem}
.md h2{margin:2.3rem 0 .7rem;padding-top:.85rem;border-top:1px solid var(--rule-firm)}
.md h2:first-child{margin-top:.5rem}
.md h3{font-family:var(--serif);font-weight:600;font-size:1.0625rem;letter-spacing:-.01em;
  margin:1.8rem 0 .5rem;scroll-margin-top:1rem}
.md h3.qh{font-size:1.125rem;padding-top:.8rem;border-top:1px solid var(--rule)}

.md blockquote{margin:0 0 1.4rem;padding:.75rem 1rem;background:var(--tint);
  border-left:3px solid var(--info);border-radius:0 5px 5px 0;color:var(--muted);font-size:.9375rem}
.md blockquote p:last-child{margin:0}

.md code{background:#EEF1F4}
.md pre{border-left-color:var(--rule-firm);box-shadow:none;background:var(--tint)}

/* tables scroll inside their own box */
.tbl{overflow-x:auto;margin:0 0 1.3rem;border:1px solid var(--rule-firm);border-radius:5px}
.tbl table{border-collapse:collapse;width:100%;font-size:.84375rem;line-height:1.45}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:.5rem .7rem;border-top:1px solid var(--rule)}
.tbl th{font-family:var(--mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--faint);font-weight:500;background:var(--tint);border-top:0;white-space:nowrap}
.tbl tr:nth-child(even) td{background:#FAFBFC}
.tbl td code{font-size:.75rem}

/* question pages */
.md p.assumed{padding:.55rem .8rem;background:#EFF6F4;border-left:3px solid var(--ok);border-radius:0 4px 4px 0}
.md p.leaning{padding:.55rem .8rem;background:#FBF6EE;border-left:3px solid var(--warn);border-radius:0 4px 4px 0}
.md p.data{padding:.55rem .8rem;background:var(--tint);border-left:3px solid var(--rule-firm);border-radius:0 4px 4px 0;font-size:.9rem}
.md p.moved{color:var(--faint);font-size:.9rem}
.md p.answer{margin:.1rem 0 1rem;padding:.55rem .8rem;border:1px solid #B3C0DB;background:#F0F3F9;
  border-radius:4px;font-size:.9rem}
.md p.answer.open{border-color:#DEC7A2;background:#FBF6EE}
.md p.answer span{display:block;font-family:var(--mono);font-size:.5625rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--faint);margin:0 0 .2rem}

/* "Pending Qn" links in the plan */
.md a.pending{font-family:var(--mono);font-size:.78em;font-weight:500;text-decoration:none;
  color:var(--warn);background:#FBF6EE;border:1px solid #DEC7A2;border-radius:3px;
  padding:.02em .3em;white-space:nowrap}
.md a.pending:hover{background:#F5EAD6}

.md :target{background:#FFFBEA}
.doc footer{max-width:none}