@import url("ui-foundations.74265120b61d.css");
.app-page *, .app-page *::before, .app-page *::after { box-sizing:border-box; }
.app-page { margin:0; background:#FEF0D8; color:#292021; font-family:'Google Sans Flex',system-ui,sans-serif; }
.app-main { width:min(1080px,calc(100% - 40px)); margin:70px auto 80px; min-height:45vh; }
.app-main h1 { font-size:clamp(36px,5vw,64px); font-weight:400; letter-spacing:-.045em; line-height:1.12; margin:16px 0 24px; }
.app-main h2 { font-size:26px; font-weight:400; margin:0 0 14px; }
.app-lede { max-width:680px; color:#514b43; line-height:1.6; font-size:19px; margin:0 0 32px; }
.app-eyebrow { text-transform:uppercase; font-size:12px; letter-spacing:.08em; }
.app-form { max-width:660px; display:grid; gap:20px; margin-top:24px; }
.app-field { display:grid; gap:8px; }
.app-field label,.app-form>label { font-size:15px; font-weight:500; }
.app-main input:not([type=checkbox]):not([type=radio]),.app-main textarea,.app-main select { box-sizing:border-box; width:100%; padding:13px 16px; border:1px solid #978b7a; border-radius:12px; background:transparent; color:#292021; font:inherit; }
.app-main textarea { resize:vertical; }
.app-main input[type=checkbox],.app-main input[type=radio] { accent-color:#28513b; }
.app-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; width:fit-content; padding:12px 24px; border:1px solid #292021; border-radius:999px; background:#292021; color:#fff!important; font:inherit; cursor:pointer; text-decoration:none!important; }
.app-button:hover { background:#514b43; }
.app-outline { background:transparent; color:#292021!important; }
.app-outline:hover,.app-outline:focus-visible { background:#28513b; border-color:#28513b; color:#fff!important; }
.app-card { display:block; border:1px solid #c7b9a5; border-radius:24px; padding:28px; margin:20px 0; color:inherit; text-decoration:none; }
.app-card p { line-height:1.6; color:#514b43; }
.app-card form { margin-top:16px; }
.app-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.app-grid .app-card { margin:0; }
.app-row { display:flex; justify-content:space-between; gap:20px; padding:22px 0; border-bottom:1px solid #c7b9a5; color:inherit; text-decoration:none; }
.app-row p { margin:8px 0; font-size:14px; }
.app-pill { border:1px solid #c7b9a5; border-radius:999px; padding:4px 12px; font-size:13px; }
.app-hint { color:#514b43; font-size:13px; line-height:1.5; }
.app-error { color:#712c2c; line-height:1.5; }
.app-error ul { margin:6px 0; padding-left:20px; }
.app-messages { padding:12px 20px; border-left:3px solid #28513b; }
.app-secret { overflow-wrap:anywhere; font-family:monospace; padding:20px; background:#e9ddc8; border-radius:12px; max-width:600px; }
.recovery-list { padding:20px; list-style:none; display:grid; gap:16px; grid-template-columns:repeat(2,minmax(0,1fr)); max-width:600px; }
.account-menu { position:relative; flex:none; color:inherit; }
.account-menu>summary { list-style:none; cursor:pointer; display:grid; place-items:center; width:36px; height:36px; border:1px solid currentColor; border-radius:50%; }
.account-menu>summary::-webkit-details-marker { display:none; }
.account-menu svg { width:20px; height:20px; }
.account-menu-panel { position:absolute; z-index:100; right:0; top:46px; min-width:190px; padding:12px; background:#FEF0D8; color:#292021; border:1px solid #978b7a; border-radius:16px; box-shadow:0 8px 24px #29202120; }
.account-menu-panel a,.account-menu-panel button { display:block; width:100%; box-sizing:border-box; text-align:left; color:#292021!important; background:transparent; border:0; padding:10px; font:400 14px 'Google Sans Flex',sans-serif; text-decoration:none; cursor:pointer; }
.account-menu-panel a:hover,.account-menu-panel button:hover { background:#e9ddc8; border-radius:8px; }
.account-menu-panel form { margin:0; }
.help-bar { position:fixed; z-index:110; bottom:16px; right:16px; font:14px 'Google Sans Flex',system-ui,sans-serif; color:#292021; }
.help-bar summary { cursor:pointer; list-style:none; border:1px solid #978b7a; border-radius:999px; padding:10px 16px; background:#FEF0D8; box-shadow:0 3px 12px #29202115; }
.help-bar-panel { position:absolute; bottom:48px; right:0; width:min(360px,calc(100vw - 56px)); max-height:70vh; overflow:auto; padding:20px; border:1px solid #978b7a; border-radius:20px; background:#FEF0D8; box-sizing:border-box; line-height:1.6; }
.help-bar-panel a { color:#28513b; text-decoration:underline; }
.account-menu summary:focus-visible,.account-menu a:focus-visible,.account-menu button:focus-visible,.help-bar summary:focus-visible,.app-main :focus-visible { outline:2px solid #28513b; outline-offset:4px; }
@media(max-width:600px) { .app-main { margin-top:48px; width:calc(100% - 32px); } .app-grid { grid-template-columns:1fr; } .app-card { padding:22px; } .app-row { flex-direction:column; gap:10px; } .account-menu>summary { width:30px; height:30px; } .help-bar { bottom:12px; right:12px; } .recovery-list { grid-template-columns:1fr; } }

@media(max-width:600px) { .reading-nav-actions { gap:8px; } .reading-nav-join { white-space:normal; text-align:center; max-width:150px; line-height:1.2; } .account-menu-panel { max-width:calc(100vw - 48px); } }

.app-page a { color:inherit; }
.studio-layout { display:grid; grid-template-columns:minmax(0,1.75fr) minmax(250px,.8fr); gap:24px; align-items:start; }
.studio-layout>.workspace-panel { margin:0; }
.studio-form { display:grid; gap:18px; }
.studio-step { display:flex; gap:16px; border-top:1px solid #c7b9a5; padding-top:20px; margin-top:12px; }
.studio-step>span { color:#28513b; font-size:13px; padding-top:7px; }
.studio-step h2 { margin:0; }
.studio-step p { margin:4px 0 0; font-size:13px; }
.app-form-row { display:grid; gap:8px; }
.app-form-row label { font-weight:600; font-size:14px; }
.app-form-row small { color:#514b43; font-size:12px; }
.app-form-row input[type=file] { background:#fff8e9!important; }
.studio-submit { margin-top:12px; }
.studio-checklist { list-style:none; padding:0; display:grid; gap:15px; line-height:1.5; }
.studio-stat { display:inline-block; font-size:46px; font-weight:400; color:#28513b; }
.review-note { border:1px solid #b3c1a3; border-radius:12px; background:#e9efdf; padding:18px; margin:18px 0; }
.review-note p { margin-bottom:0; }
.reading-preview { white-space:normal; line-height:1.8; max-width:700px; }
.review-featured { display:block; max-width:100%; margin:22px 0; border-radius:12px; }
.submitted-inline-image { margin:32px 0; }
.submitted-inline-image img { width:100%; max-height:660px; object-fit:contain; border-radius:12px; }
@media(max-width:800px) { .studio-layout { grid-template-columns:1fr; } }
.app-page .reading-nav a { text-decoration:none; }
.app-page .reading-nav-join { color:#fff; }
.app-main fieldset { border:0; padding:0; margin:0; }
.app-main legend { font-size:15px; font-weight:500; margin-bottom:8px; }
/* Member workspace and profile pages */
.workspace-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:28px; }
.workspace-heading h1 { margin-top:8px; max-width:850px; }
.role-badge { flex:none; display:inline-flex; align-items:center; padding:9px 14px; border-radius:999px; background:#28513b; color:#fff; font-size:13px; }
.workspace-grid { display:grid; grid-template-columns:minmax(0,2fr) minmax(260px,1fr); gap:28px; align-items:start; }
.workspace-main,.workspace-sidebar { display:grid; gap:24px; min-width:0; }
.workspace-panel { border:1px solid #c7b9a5; border-radius:16px; padding:28px; background:#fff0d7; min-width:0; }
.workspace-panel p { line-height:1.6; color:#514b43; }
.membership-status { display:flex; align-items:center; gap:16px; border:1px solid #b3c1a3; background:#e9efdf; padding:20px 24px; border-radius:12px; margin-bottom:32px; }
.membership-status p { margin:6px 0 0; font-size:14px; line-height:1.5; }
.membership-status>a { margin-left:auto; white-space:nowrap; font-size:14px; }
.status-dot { width:10px; height:10px; border-radius:50%; flex:none; background:#28513b; }
.status-pending { background:#f5e5c6; border-color:#cbb98e; }.status-pending .status-dot { background:#8d6020; }
.status-declined { background:#f2e0d6; border-color:#c6a79d; }.status-declined .status-dot { background:#712c2c; }
.metric-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:4px; }
.metric-grid>div { display:flex; flex-direction:column; padding:22px; border:1px solid #c7b9a5; border-radius:12px; }
.metric-grid span { font-size:13px; color:#514b43; }.metric-grid strong { font-size:36px; font-weight:400; margin-top:12px; letter-spacing:-.04em; }.metric-grid small { font-size:11px; margin-top:8px; line-height:1.4; }
.metric-grid .demo-metric { background:#292021; color:white; }.demo-metric span { color:#fef0d8; }
.section-topline { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }.section-topline h2 { margin:0; font-size:24px; }.section-topline>a { font-size:13px; white-space:nowrap; }
.profile-avatar { display:grid; place-items:center; width:100px; height:100px; flex:none; border-radius:50%; background:#e9ddc8; border:1px solid #958878; font-size:42px; overflow:hidden; color:#28513b; }
.profile-avatar img { width:100%; height:100%; object-fit:cover; }
.profile-summary { display:flex; flex-direction:column; align-items:flex-start; gap:16px; }.profile-summary h2,.profile-summary p { margin:0; }.profile-summary .app-button { width:100%; }
.account-checklist { list-style:none; padding:0; display:grid; gap:16px; margin:24px 0; font-size:14px; }
.team-launch { display:block; background:#292021; color:#fff!important; text-decoration:none!important; }.team-launch p { color:#fef0d8; }
.quick-actions { display:grid; gap:12px; }.quick-actions a { padding:14px 0; border-bottom:1px solid #c7b9a5; text-decoration:none!important; }
.profile-cover { min-height:160px; padding:28px; border-radius:16px; background:linear-gradient(130deg,#292021 45%,#28513b); display:flex; align-items:flex-start; justify-content:flex-end; color:#fef0d8; font-size:13px; letter-spacing:.08em; text-transform:uppercase; }
.profile-masthead { display:flex; gap:26px; align-items:flex-start; margin:0 28px 28px; position:relative; }.profile-masthead>.profile-avatar { width:128px; height:128px; border:6px solid #fef0d8; margin-top:-40px; }.profile-identity { flex:1; padding-top:24px; }.profile-identity h1 { font-size:42px; margin:0 0 12px; }.profile-identity p { line-height:1.6; max-width:600px; }.profile-identity small { color:#514b43; }.profile-actions { display:flex; flex-wrap:wrap; gap:10px; padding-top:28px; max-width:220px; }.profile-actions .app-button { padding:10px 18px; font-size:13px; }.share-status { font-size:12px; margin:0; }
.profile-stat-strip { display:flex; gap:32px; border-top:1px solid #c7b9a5; border-bottom:1px solid #c7b9a5; padding:20px 28px; margin-bottom:32px; }.profile-stat-strip span { display:flex; gap:10px; align-items:baseline; font-size:14px; }.profile-stat-strip strong { font-size:28px; font-weight:400; }.profile-stat-strip small { display:block; font-size:11px; }
.profile-post-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 20px; }.profile-post-grid>.empty-work { grid-column:1/-1; }
.empty-work { text-align:center; padding:44px 16px; }.empty-work>span { display:block; color:#28513b; font-size:38px; }.empty-work h3 { font-size:21px; font-weight:400; }.empty-work p { max-width:440px; margin:12px auto 24px; }
.post-filters { display:flex; gap:8px; }.post-filters button { border:1px solid #c7b9a5; background:transparent; border-radius:999px; padding:8px 12px; cursor:pointer; font:inherit; font-size:13px; }.post-filters button[aria-pressed=true] { background:#292021; color:white; border-color:#292021; }
.workspace-tabs { display:flex; gap:12px; flex-wrap:wrap; margin:20px 0 32px; }.workspace-tabs a { padding:10px 18px; border:1px solid #c7b9a5; border-radius:999px; text-decoration:none!important; font-size:14px; }.workspace-tabs a:hover { background:#e9ddc8; }
.security-grid,.team-tool-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:28px 0; }.security-grid details>summary,.workspace-panel>summary { cursor:pointer; font-weight:500; padding:12px 0; }.security-grid section { scroll-margin-top:32px; }
.team-tool-grid .app-card { margin:0; transition:transform .2s ease; }.team-tool-grid .app-card:hover { transform:translateY(-4px); }.tool-number { display:block; color:#28513b; font-size:13px; margin-bottom:24px; }.workspace-back { display:inline-block; font-size:14px; margin-bottom:20px; }
.application-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:32px 0; gap:16px; }.application-steps span { padding:20px; border-top:3px solid #c7b9a5; }.application-steps .complete { border-color:#28513b; }.application-steps small { font-size:12px; }
.author-chip { display:inline-flex; position:relative; align-items:center; }.author-chip-link { color:inherit; text-decoration:none!important; border-bottom:1px solid #978b7a; display:inline-flex; align-items:center; gap:6px; }.author-tiny-avatar { width:22px!important; height:22px!important; border-radius:50%!important; object-fit:cover; }.author-popover { display:none!important; position:absolute; z-index:40; left:0; bottom:calc(100% + 8px); min-width:220px; max-width:280px; padding:18px; border:1px solid #c7b9a5; border-radius:12px; background:#fff0d7; color:#292021!important; font:14px/1.5 'Google Sans Flex',sans-serif!important; box-shadow:0 8px 24px #29202120; text-transform:none!important; white-space:normal!important; }.author-popover:after { content:''; position:absolute; left:0; right:0; bottom:-12px; height:12px; }.author-popover>span,.author-popover>strong,.author-popover>a { display:block; margin:6px 0; }.author-chip:hover>.author-popover,.author-chip:focus-within>.author-popover { display:block!important; }
.library-editors .author-popover a { color:#292021; }
.audit-filters { display:flex; gap:16px; align-items:flex-end; margin:28px 0; }.audit-filters label { display:grid; gap:8px; flex:1; font-size:13px; }
.activity-timeline { list-style:none; padding:0; margin:28px 0; }.activity-timeline>li { display:flex; gap:18px; padding:22px 0; border-bottom:1px solid #c7b9a5; }.activity-dot { margin-top:7px; width:9px; height:9px; border-radius:50%; background:#28513b; flex:none; }.activity-timeline li>div { flex:1; }.activity-timeline p,.activity-timeline summary { font-size:13px; color:#514b43; margin:8px 0; }.activity-timeline time { font-size:12px; color:#514b43; }.activity-timeline details summary { cursor:pointer; }.pagination { display:flex; justify-content:space-between; gap:16px; font-size:14px; }
[hidden] { display:none!important; }
@media(max-width:900px) { .workspace-grid { grid-template-columns:1fr; }.workspace-sidebar { grid-template-columns:repeat(2,minmax(0,1fr)); }.profile-actions { max-width:unset; }.profile-masthead { flex-wrap:wrap; }.profile-identity { min-width:50%; }.profile-actions { padding-top:0; }.profile-post-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .workspace-heading { flex-direction:column; gap:8px; }.workspace-heading h1 { font-size:36px; }.workspace-panel { padding:22px; }.metric-grid { gap:8px; }.metric-grid>div { padding:16px 12px; }.metric-grid strong { font-size:30px; }.metric-grid span { font-size:11px; }.workspace-sidebar,.security-grid,.team-tool-grid,.profile-post-grid { grid-template-columns:1fr; }.membership-status { padding:18px; flex-wrap:wrap; }.membership-status>a { margin-left:26px; }.profile-cover { min-height:120px; }.profile-masthead { margin:0 12px 24px; gap:16px; }.profile-masthead>.profile-avatar { width:96px; height:96px; }.profile-identity { padding-top:16px; width:100%; flex-basis:100%; }.profile-identity h1 { font-size:34px; }.profile-stat-strip { padding:16px 0; gap:18px; flex-wrap:wrap; }.profile-stat-strip span { font-size:12px; }.section-topline { flex-wrap:wrap; }.post-filters { width:100%; }.audit-filters { flex-direction:column; align-items:stretch; }.activity-timeline>li { flex-wrap:wrap; }.activity-timeline time { margin-left:27px; }.application-steps { grid-template-columns:1fr; gap:8px; }.application-steps span { padding:14px; }.author-popover { min-width:190px; max-width:230px; } }
@media(prefers-reduced-motion:reduce) { .team-tool-grid .app-card { transition:none; } }
.workspace-heading h1 { font-size:clamp(32px,4vw,52px); max-width:920px; margin-bottom:16px; }
.workspace-heading .app-lede { margin-bottom:8px; }

.author-popover .author-preview-avatar { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; overflow:hidden; background:#e9ddc8; color:#28513b; font-size:20px; }
.author-preview-avatar img { width:100%!important; height:100%!important; object-fit:cover; }

.profile-cover{background-size:cover;background-position:center}.review-avatar{width:160px;height:160px;object-fit:cover;border-radius:50%}.review-banner{width:100%;max-height:300px;object-fit:contain}.submission-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px}.submission-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.submission-card h3,.submission-card p{margin:0}.submission-card>span:last-child{margin-top:auto;color:#28513b}.studio-empty{background:#e8ecd9;border:1px dashed #a1b69a;border-radius:16px;padding:28px;grid-column:1/-1}.studio-empty a{display:inline-block;padding:10px 16px;border:1px solid #28513b;border-radius:30px;margin:8px 10px 0 0;color:#28513b}.submitted-inline-image img{max-width:100%;height:auto}.profile-cover span{background:#28513be6;border-radius:30px;padding:8px 14px}.status-declined{background:#fae1d3}.status-pending{background:#f9e6af}

.editor-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.editor-toolbar button{font:inherit;font-size:13px;border:1px solid #bfb39f;border-radius:8px;padding:8px 12px;background:#e8ecd9;color:#28513b;cursor:pointer}.editor-toolbar button:hover{background:#28513b;color:white}.reading-preview blockquote,.library-source blockquote{border-left:3px solid #28513b;margin:24px 0;padding:8px 22px;color:#28513b}.community-directory-card .author-popover{z-index:20;min-width:220px}.community-directory-card:focus-within{position:relative;z-index:21}

.dashboard-create{margin-top:22px;align-items:center}.dashboard-create .app-button{background:#28513b;color:white;border-color:#28513b}.dashboard-create .app-button:hover{background:#3b684b}

/* Consistent action groups without changing the established visual language. */
.contribute-primary-actions,.dashboard-create{display:flex;align-items:stretch;flex-wrap:wrap;gap:14px;margin:24px 0}.contribute-primary-actions>a,.dashboard-create>a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:12px 22px;box-sizing:border-box;line-height:1.3;margin:0;text-decoration:none}.contribute-primary-actions .contribute-download{flex-direction:column;gap:4px}.contribute-primary-actions .contribute-download span{font-size:12px}.dashboard-create .app-outline{background:transparent;color:#28513b}.profile-identity{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.profile-identity h1,.profile-identity .folio-bio-slip{margin:0}.profile-identity small{display:block}.security-grid{align-items:stretch;grid-auto-rows:auto}.security-grid>.workspace-panel{margin:0;height:100%;box-sizing:border-box}.workspace-tabs{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px}.workspace-tabs>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;box-sizing:border-box;margin:0}.review-count{display:inline-flex;min-width:19px;height:19px;border-radius:50%;align-items:center;justify-content:center;background:#28513b;color:#fff;font-size:11px;padding:2px}.contribute-primary-actions .app-button:not(.app-outline){color:#fff8eb;background:#292021}@media(max-width:600px){.contribute-primary-actions>a,.dashboard-create>a{width:100%}.workspace-tabs>a{flex:1 1 140px}.security-grid>.workspace-panel{height:auto}}

.image-picker{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;border:1px dashed #958878;border-radius:16px;background:transparent;position:relative}.picker-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0;padding:0!important;overflow:hidden;clip-path:inset(50%)}.image-picker:focus-within{outline:2px solid #28513b;outline-offset:3px}.image-picker img{width:100%;max-height:180px;object-fit:contain;border-radius:10px}.picker-filename{font-size:13px;overflow-wrap:anywhere;flex:1}.picker-remove{border:1px solid #958878;border-radius:50%;background:#fff8eb;color:#292021;width:32px;height:32px;font-size:22px;cursor:pointer}.image-picker.is-dragging{background:#e9ddc8}.field-counter{display:block;text-align:right;margin-top:6px;color:#514b43}.choice-picker{position:relative}.choice-trigger{width:100%;text-align:left;padding:14px 16px;background:transparent;color:#292021;border:1px solid #958878;border-radius:12px;font:inherit;cursor:pointer}.choice-options{position:absolute;top:100%;left:0;right:0;z-index:30;margin-top:6px;padding:6px;border:1px solid #958878;border-radius:12px;background:#fff8eb;box-shadow:0 8px 18px #29202122}.choice-options button{display:block;width:100%;text-align:left;padding:12px;border:0;border-radius:8px;background:transparent;color:#292021;font:inherit}.choice-options button:hover,.choice-options button:focus-visible,.choice-options [aria-selected=true]{background:#e9ddc8}.choice-options[hidden],.image-picker [hidden]{display:none!important}

.collab-preview-dialog{width:min(900px,92vw);height:80vh;max-height:94vh;border:1px solid #958878;border-radius:22px;background:#fff8eb;color:#292021;padding:20px;box-sizing:border-box}.collab-preview-dialog::backdrop{background:#29202199}.preview-dialog-bar{display:flex;align-items:center;gap:12px}.preview-dialog-bar strong{margin-right:auto}.collab-preview-dialog iframe{width:100%;height:calc(100% - 130px);border:1px solid #c7b9a5;border-radius:12px;background:#fff8eb}.collab-preview-dialog.is-expanded{width:96vw;height:94vh}.preview-reading{white-space:normal;overflow-wrap:anywhere;line-height:1.8}.collaboration-preview img{max-width:100%;max-height:600px;object-fit:contain}.recovery-panel{max-width:620px;margin:40px auto}.consent-steps{display:flex;gap:16px;flex-wrap:wrap;padding:20px 28px;border:1px solid #c7b9a5;border-radius:18px}

.app-page .security-grid > .workspace-panel { margin:0!important; min-width:0; }
.app-page .dashboard-create { align-items:stretch!important; }
.app-page .dashboard-create > .app-button { white-space:normal; min-width:0; }
@media(max-width:600px){.preview-dialog-bar { flex-wrap:wrap; gap:8px; }.preview-dialog-bar strong { flex-basis:100%; }.collab-preview-dialog { padding:14px; }.collab-preview-dialog iframe { height:calc(100% - 175px); }}

.security-grid > .workspace-panel,.security-grid > .workspace-panel + .workspace-panel { margin:0!important; }
.consent-steps { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;padding:20px;margin:24px 0; }.consent-steps li {display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;line-height:1.4;}.consent-step-number {display:grid;place-items:center;flex:0 0 28px;height:28px;border:1px solid #958878;border-radius:50%;}.consent-steps [aria-current=step] {background:#28513b;color:#fff8eb;}.consent-steps [aria-current=step] .consent-step-number {border-color:currentColor;}
@media(max-width:600px){.consent-steps {grid-template-columns:1fr;gap:10px;}.consent-steps li {padding:8px;}}

.adult-approval-steps{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:600px){.adult-approval-steps{grid-template-columns:1fr}}