/* =========================================================
   Retriever Labs — pages.css
   Layout for text/document pages (privacy, support).
   Shared tokens, top bar, background live in base.css.
   ========================================================= */

/* document sheet */
.doc{
  max-width:420px;margin:0 auto;background:var(--paper);
  position:relative;z-index:1;color:var(--ink);
  padding:40px 34px;
  box-shadow:0 4px 10px rgba(80,60,30,0.15),0 30px 70px rgba(80,60,30,0.25);
  animation:printIn 900ms cubic-bezier(0.16,1,0.3,1) both;
  font-family:var(--mono);
}
@keyframes printIn{0%{opacity:0;transform:translateY(-30px) scaleY(0.6);filter:blur(2px);}55%{opacity:1;filter:blur(0);}100%{opacity:1;transform:none;}}
/* perforated top edge (matches the receipt pages) */
.doc::before{content:'';position:absolute;top:-1px;left:0;right:0;height:9px;background:radial-gradient(circle at 8px -4px,transparent 6px,var(--paper) 6px) repeat-x;background-size:16px 9px;z-index:2;}
.doc::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.55 0 0 0 0 0.5 0 0 0 0 0.4 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

.doc-head{position:relative;z-index:1;padding-bottom:20px;border-bottom:2px dashed var(--dash);margin-bottom:28px;text-align:center;}
.doc-brand-logo{height:46px;width:auto;display:block;margin:0 auto 14px;}
.doc-eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px;}
.doc-title{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-0.6px;line-height:1.1;color:var(--ink);}
.doc-updated{font-family:var(--mono);font-size:11px;color:var(--ink-3);margin-top:10px;}

.doc-body{position:relative;z-index:1;font-family:var(--font-body);}
.doc-body h2{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-0.3px;color:var(--ink);margin:30px 0 12px;}
.doc-body p{font-size:14px;line-height:1.75;color:var(--ink-2);margin-bottom:14px;}
.doc-body ul{list-style:none;margin:0 0 16px;padding:0;}
.doc-body li{font-size:14px;line-height:1.7;color:var(--ink-2);padding-left:22px;position:relative;margin-bottom:8px;}
.doc-body li::before{content:'';position:absolute;left:4px;top:10px;width:6px;height:6px;background:var(--amber);border-radius:1px;transform:rotate(45deg);}
.doc-body strong{color:var(--ink);font-weight:600;}
.doc-body a{color:var(--amber-deep);text-decoration:none;border-bottom:1px solid var(--amber);}
.doc-body a:hover{color:var(--ink);}
.doc-rule{border:none;border-top:1.5px dashed var(--dash);margin:28px 0;}
.doc-note{font-size:12px;line-height:1.65;color:var(--ink-3);font-style:italic;border-top:1.5px dashed var(--dash);padding-top:18px;margin-top:28px;}

/* support page specifics */
.support-card{position:relative;z-index:1;text-align:center;padding:10px 0;}
.support-lead{font-size:15px;line-height:1.7;color:var(--ink-2);margin-bottom:24px;font-family:var(--font-body);}
.support-mail{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--paper);text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:16px;padding:15px 26px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.25);transition:transform 150ms,box-shadow 150ms;}
.support-mail:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,0.35);}
.support-mail .ic{width:20px;height:20px;stroke:var(--paper);}
.support-sub{font-family:var(--mono);font-size:12px;color:var(--ink-3);margin-top:20px;line-height:1.7;}

.doc-bottom{position:relative;height:18px;margin:28px -34px -40px;background:var(--paper);-webkit-mask:radial-gradient(circle at 9px 18px,transparent 8px,#000 8px) repeat-x;mask:radial-gradient(circle at 9px 18px,transparent 8px,#000 8px) repeat-x;-webkit-mask-size:18px 18px;mask-size:18px 18px;}
.doc-foot{position:relative;z-index:1;text-align:center;font-family:var(--mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-3);margin-top:30px;}

@media(prefers-reduced-motion:reduce){.doc{animation:none;}}
/* desktop: widen to match the receipt pages (600px) */
@media(min-width:760px){
  .doc{max-width:600px;padding:48px 50px;}
  .doc-bottom{margin:28px -50px -48px;}
}