/* The USPTO walkthrough's own layer, over static/uspto/panels.css.
   -------------------------------------------------------------------------
   The walkthrough is an ordinary site page: base.html owns its chrome, and
   panels.css deliberately carries no page ground and no chrome override. All
   this file does is set the panels apart from the prose, so a reader can tell
   at a glance which half is the page talking and which half is the connector
   answering.

   NOT a copy of the case study's session.css. That file themes a scroll
   engine; nothing here mounts one. */
.wt-shows {
    border: 1px solid #ddd6c9;
    border-left: 4px solid #7a2e1e;
    background: #faf8f4;
    color: #1c1a17;
    padding: 14px 16px 6px;
    margin: 0 0 22px;
    /* One block's tables and panels cannot pull the rest of a long page into
       their relayout. Same reason the case study's chapters carry it. */
    contain: layout;
}
.wt-shows__lead {
    font-size: 0.92em;
    line-height: 1.6;
    margin: 0 0 12px;
    max-width: 72ch;
}
.wt-shows .up-src { margin: 0 0 14px; }
.wt-shows .us-panel { margin-bottom: 14px; }

/* The prompt above and the calls below it are one unit; keep them together. */
.sample-prompt + .wt-shows { margin-top: -6px; }

@media (max-width: 900px) {
    .wt-shows { padding: 12px 11px 4px; }
}

/* The optional thirteenth prompt is not a Step. It is set apart so nobody
   counts it as one: the twelve are a sequence and this is an appendix to
   them. A dashed rule rather than the solid one the steps use. */
.sample-prompt--optional {
    border-left: 4px dashed #7a2e1e;
}