/* The three sample windows: plain light pages with a "Sample" tag. Our own CSS. */
.sample { position: relative; min-height: 100%; padding: 14px 16px 16px; background: var(--white); font-size: 12px; }
.sample__tag {
  position: absolute; top: 10px; right: 12px; margin: 0; padding: 2px 8px;
  background: #ffffe1; border: 1px solid #b8a400; border-radius: 10px; color: #4d4400; font: 700 11px var(--ui-font);
}
.sample__title { margin: 0 70px 4px 0; font: 700 16px var(--title-font); color: var(--blue-900); }
.sample__intro { margin: 0 0 12px; color: #444; }
.sample__h { margin: 0 0 6px; font: 700 12px var(--ui-font); }
.sample__panel { margin: 0 0 12px; padding: 8px 10px; background: #f6f6f2; border: 1px solid var(--face-dark); }
.policy__line { margin: 0 0 4px; padding: 2px 4px; }
.policy__line.is-cited { background: #fff3b0; outline: 1px solid #d8b800; }
.sample__choices { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; }
.sample__choice { min-height: 26px; text-align: left; }
.sample__log { display: flex; flex-direction: column; gap: 6px; margin: 0 0 12px; }
.sample__msg { align-self: flex-start; max-width: 85%; margin: 0; padding: 6px 9px; background: #eef3fd; border: 1px solid #b9c9ee; border-radius: 8px; }
.sample__msg--you { align-self: flex-end; background: #fff; border-color: var(--face-dark); }
.sample__source { margin: 0; color: #4a5a00; font-style: italic; }
.gift__picks { margin: 0; padding-left: 20px; }

/* Bakery: a small site with its own warm look */
.sample--bakery { padding: 0; }
.sample--bakery .sample__tag { z-index: 1; }
.bakery { background: #fffaf2; color: #3b2a1a; }
.bakery__nav { display: flex; gap: 14px; padding: 10px 14px; background: #3b2a1a; }
.bakery__link { padding: 0; border: 0; background: none; color: #ffe7c2; font: 700 12px var(--ui-font); cursor: pointer; }
.bakery__link:hover { text-decoration: underline; }
.bakery__hero { padding: 26px 16px 22px; background: linear-gradient(180deg, #f6d8a8, #f0c27a); text-align: center; }
.bakery__name { margin: 0; font: 700 24px Georgia, "Times New Roman", serif; }
.bakery__tagline { margin: 4px 0 14px; font-size: 13px; }
.bakery__order { padding: 8px 16px; border: 0; border-radius: 4px; background: #8a3b12; color: #fff; font: 700 13px var(--ui-font); cursor: pointer; }
.bakery__note { min-height: 1.4em; margin: 10px 0 0; font-size: 12px; }
.bakery__section { padding: 16px; border-top: 1px solid #ecd9bd; }
.bakery__h { margin: 0 0 8px; font: 700 16px Georgia, "Times New Roman", serif; }
.bakery__list { margin: 0; padding-left: 18px; line-height: 1.8; }
@media (max-width: 720px), (pointer: coarse) and (max-height: 500px) { .sample { font-size: 13px; } }