/* Bootstrap owns the layout and controls; these scoped accents carry the
   web landing page's paper palette, editorial type and soft depth to the download page. */
/* The reader locks document scrolling globally; this standalone page scrolls normally. */
.download-document { height: auto; min-height: 100%; overflow: visible; }
.download-page {
  height: auto;
  overflow: visible;
  background-color: var(--desk-bg);
  background-image: radial-gradient(ellipse 80% 40rem at 15% 0, rgba(221, 208, 187, .5), transparent 80%), url('/assets/ambient-paper-v2.svg?v=20260726-12');
  background-size: auto, cover;
  background-repeat: no-repeat;
}
.download-section { padding: clamp(1.5rem, 4vw, 3.5rem); border-radius: 1.5rem; scroll-margin-top: 5rem; }
.download-hero { background: linear-gradient(135deg, rgba(255, 254, 251, .25), rgba(239, 232, 219, .38)); }
/* Bootstrap owns the responsive ratio; these rules match the feature-card frame. */
.tour-player { max-width: 960px; }
.tour-frame { border-radius: 12px; overflow: hidden; border: 1px solid rgba(111,96,75,.12); background: var(--desk-paper); box-shadow: 0 .75rem 2rem -.5rem rgba(var(--desk-shadow), .12); }
.download-headline { max-width: 12ch; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.75rem, 5.5vw, 4.5rem); font-weight: 500; line-height: 1.05; letter-spacing: -.035em; text-wrap: balance; }
.download-lead { max-width: 32rem; font-size: 1.125rem; line-height: 1.7; }
.download-privacy, .download-accent { color: var(--desk-teal); }
.download-text-link { color: var(--desk-accent); font-size: .95rem; }
.download-text-link:hover { color: var(--desk-ink); text-decoration: underline !important; text-underline-offset: .25em; }
.download-card { border-color: rgba(111, 96, 75, .16); background: rgba(255, 254, 251, .92); box-shadow: 0 1.5rem 3.5rem -.75rem rgba(var(--desk-shadow), .17), 0 .2rem .4rem rgba(var(--desk-shadow), .025); }
.download-app-mark { width: 4.5rem; height: 4.5rem; border: 1px solid rgba(111, 96, 75, .16); border-radius: 1.15rem; background: linear-gradient(145deg, #fffefb, #e9e1d3); color: var(--desk-accent); box-shadow: 0 .35rem .7rem rgba(var(--desk-shadow), .06), inset 0 1px 0 #fff; font-size: 2.7rem; }
.download-beta { background: var(--desk-teal-soft); color: var(--desk-teal); }
.download-button { box-shadow: 0 .3rem .7rem rgba(var(--desk-shadow), .12); }
.download-requirements { font-size: .85rem; }
.download-card-footer { background: rgba(238, 232, 221, .35); border-radius: 0 0 1rem 1rem !important; }
.download-benefits p { line-height: 1.7; }
.download-installation { background: linear-gradient(135deg, rgba(226, 240, 238, .8), rgba(229, 238, 243, .65)); border: 1px solid rgba(40, 123, 119, .06); }
.download-installation h2 { color: #305b58; }
.download-installation p, .download-faq { line-height: 1.65; }
.download-step { width: 2.5rem; height: 2.5rem; color: var(--desk-teal); background: rgba(255, 254, 251, .65); border: 1px solid rgba(40, 123, 119, .22); }
.download-faq summary { cursor: pointer; list-style: none; }
.download-faq summary::-webkit-details-marker { display: none; }
.download-faq summary:hover { color: var(--desk-accent); }
.download-faq[open] summary > i { transform: rotate(45deg); }
.download-faq summary:focus-visible, .download-text-link:focus-visible { outline: 2px solid var(--desk-accent); outline-offset: 5px; border-radius: .15rem; }
.download-web { background: rgba(255, 254, 251, .6); border: 1px solid rgba(111, 96, 75, .1); }
@media (max-width: 575.98px) {
  .download-headline { max-width: 13ch; }
}

/* Shared landing-page links and Bootstrap own the layout. These tokens and
   frames keep the desktop screenshot dialog in the existing brand palette. */
.download-feature-read { --feature-color: var(--desk-blue); }
.download-feature-check { --feature-color: var(--desk-teal); }
.download-feature-ask { --feature-color: var(--desk-gold); }
.download-feature-report { --feature-color: var(--desk-berry); }
.download-feature-stage, .download-feature-placeholder > i { color: var(--feature-color); }
.download-feature-preview { --bs-aspect-ratio: 62.5%; background: var(--desk-paper); border: 1px solid rgba(111, 96, 75, .12); }
.download-feature-placeholder { background: var(--desk-panel); }
.download-feature-screenshot { border: 1px solid rgba(111, 96, 75, .12); background: var(--desk-paper); }

/* Bootstrap supplies the six-area grid and spacing; a quiet paper fill separates
   the primary areas without adding another layer of borders or shadows. */
.download-feature-area { background: var(--desk-paper); border-color: var(--bs-border-color); }
.download-feature-area-blue { --area-color: var(--desk-blue); --area-soft: var(--desk-blue-soft); }
.download-feature-area-teal { --area-color: var(--desk-teal); --area-soft: var(--desk-teal-soft); }
.download-feature-area-purple { --area-color: var(--desk-purple); --area-soft: var(--desk-purple-soft); }
.download-feature-area-gold { --area-color: var(--desk-gold); --area-soft: var(--desk-gold-soft); }
.download-feature-area-berry { --area-color: var(--desk-berry); --area-soft: var(--desk-berry-soft); }
.download-feature-area [data-rail-icon] { color: var(--area-color); }
.download-feature-area .home-feature-link { border-bottom-color: rgba(111, 96, 75, .1); }
.download-feature-area li:last-child .home-feature-link,
.download-feature-area li:last-child .border-bottom { border-bottom: 0 !important; }
.download-feature-area h3 .badge { font-size: .6em; vertical-align: middle; }

/* A tinted Bootstrap card header distinguishes the area introduction from its details. */
.download-feature-area-header { background: transparent; }

/* Bootstrap owns the comparison layout; these brand tokens distinguish local processing. */
.download-workspace-local { background: linear-gradient(145deg, var(--desk-paper), var(--desk-teal-soft)); border-color: color-mix(in srgb, var(--desk-teal) 35%, var(--bs-border-color)); }
.download-workspace-local .btn-primary { --bs-btn-bg: var(--desk-teal); --bs-btn-border-color: var(--desk-teal); --bs-btn-hover-bg: #206460; --bs-btn-hover-border-color: #206460; --bs-btn-active-bg: #19534f; --bs-btn-active-border-color: #19534f; --bs-btn-focus-shadow-rgb: 40, 123, 119; }