/* Public-site additions on top of the Lab styles (lab.css stays a copy of the Lab page). */
:root { padding-top: env(safe-area-inset-top, 0px); padding-bottom: env(safe-area-inset-bottom, 0px); }
html { scroll-padding-top: env(safe-area-inset-top, 0px); }
img { max-width: 100%; }
[hidden]:not([hidden=until-found i]) { display: none !important; }
a.wordmark { color: inherit; text-decoration: none; }

/* Before the library arrives: only the loading line (or the static review text on /t/<id>/ pages). */
.boot { display: none; }
html.booting .boot { display: block; padding: 8px 2px 40px; }
html.booting main > section, html.booting .tabbar, html.booting .pubfoot { display: none !important; }
html.booting .top { display: block !important; }
.bootmsg { color: var(--muted); font-size: 16px; padding: 24px 16px; }
#boot .review { padding: 0 16px; }
.boot .review h1 { font: 700 34px/1.1 var(--font-display); margin: 10px 0 4px; }
.boot .review h3 { font-size: 18px; margin: 18px 0 6px; }
.boot .review .meta { color: var(--muted); }
.boot a { color: var(--accent); }

/* Footer with the feedback link */
.pubfoot { text-align: center; padding: 26px 16px 8px; color: var(--muted); font-size: 13.5px; }
.pubfoot p { margin: 4px 0 0; }
html.fy .pubfoot { padding-bottom: 130px; }

/* Review sheet: share and "disagree" */
.sheet .pubacts { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 10px; }
.sheet .pubacts .linkbtn { padding-inline: 2px; }
.sheet .shareout { margin: 6px 0 0; padding: 0 2px; overflow-wrap: anywhere; }
.sheet .contentage { margin: 8px 0 0; padding: 0 2px; }

/* Feedback dialog, in the Lab's sheet style */
.fbdlg { border: 1px solid var(--sheet-line); border-radius: 22px; background: var(--sheet); color: var(--fg); padding: 20px; width: min(520px, calc(100vw - 32px)); box-shadow: var(--shadow); }
.fbdlg::backdrop { background: rgba(10,12,22,.6); }
.fbdlg h3 { margin: 0 0 12px; font-size: 22px; font-weight: 800; }
.fbkinds { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; margin-bottom: 10px; font-size: 15px; }
.fbkinds label { display: flex; gap: 8px; align-items: center; }
#fb-body.disagree .fbkinds { display: none; }
.fbdlg textarea { width: 100%; border-radius: 14px; border: 1px solid var(--sheet-line); background: var(--sheet2); color: var(--fg); padding: 10px 12px; font: inherit; resize: vertical; }
.dlg-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 12px; }
.dlg-actions .btn { padding: 10px 18px; }

/* For You end-of-feed boxes: the Lab grid can grow past a 390px screen; keep it to the screen width. */
.fy-end { grid-template-columns: minmax(0, 1fr); }