/* One reading/workspace system for Help, Agent docs, Legal and Your data. */
#main.resource-main{display:block;max-width:none;padding:20px 24px 40px;min-width:0}
#main.resource-main .page-heading{margin:0 0 18px;padding:0;max-width:none}
#main.resource-main .page-heading h1{font-size:28px;line-height:1.2;margin:0 0 6px;letter-spacing:normal}
#main.resource-main .page-heading p{font-size:14px;line-height:1.5;max-width:none}
#main.resource-main .resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;max-width:none;margin:0}
#main.resource-main .resource-card{min-width:0;margin:0;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:none;overflow-wrap:anywhere}
#main.resource-main .resource-card h2,#main.resource-main .resource-section-title{font-size:19px;line-height:1.35;letter-spacing:normal;margin:0 0 12px;color:var(--ink)}
#main.resource-main .resource-card h3{font-size:17px;line-height:1.4;margin:0 0 10px}
#main.resource-main :is(p,li,dd){font-size:14px;line-height:1.7;color:var(--muted);max-width:none}
#main.resource-main .resource-card p{margin:0 0 12px}#main.resource-main .resource-card>:last-child{margin-bottom:0}
#main.resource-main :is(ul,ol){padding-left:20px;margin:0 0 12px}#main.resource-main li{margin:6px 0}
#main.resource-main :is(p,li,dd) a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
#main.resource-main :is(.resource-note,.honest-note,.legal-notice){padding:12px 16px;margin:0 0 16px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:7px;background:var(--surface);font-size:13px;line-height:1.6;max-width:none}
#main.resource-main .help-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;margin-bottom:24px}
#main.resource-main .help-card{display:flex;flex-direction:column;color:var(--ink)}#main.resource-main .help-card>i{font-size:20px;color:var(--accent);margin-bottom:14px}
#main.resource-main .help-card .text-link{margin-top:auto;padding-top:8px;font-size:13px}
#main.resource-main .resource-faq{gap:12px}#main.resource-main .resource-faq details{padding:16px 18px;border:1px solid var(--line);border-radius:9px;background:var(--surface);margin:0}
#main.resource-main .resource-faq summary{font-size:15px;font-weight:600;line-height:1.5;cursor:pointer}#main.resource-main .resource-faq p{margin:12px 0 0}
#main.resource-main .docs-content{padding:0;width:auto;max-width:none}#main.resource-main .docs-content pre{max-width:100%;overflow:auto;background:var(--page);border:1px solid var(--line);border-radius:7px;padding:12px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}
#main.resource-main :is(.resource-card,.resource-section-title){scroll-margin-top:85px}
#main.resource-main .legal-layout{display:block}#main.resource-main .legal-content{max-width:none;width:100%}#main.resource-main .legal-version{font-size:12px;margin:0 0 12px}
#main.resource-main .legal-content>#contents{grid-column:1/-1;background:none;border:0;padding:0}
#main.resource-main .legal-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;align-items:start}
#main.resource-main .legal-card ul{list-style:none;padding:0}#main.resource-main .legal-section dt{font-size:14px;margin:14px 0 4px}#main.resource-main .legal-anchor{font-size:14px;opacity:.65}
#main.resource-main .honest{padding:0;max-width:none;margin:0}#main.resource-main .honest-grid{margin-bottom:16px}#main.resource-main .honest-grid h2 i{color:var(--accent);font-size:16px;margin-right:8px}
.content-sidebar .docs-sidebar{position:static;max-height:none;padding:0;margin:0;border:0;display:flex;flex-direction:column}
@media(min-width:1700px){#main.resource-main .honest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){#main.resource-main .help-grid,#main.resource-main .legal-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#main.resource-main{padding:16px 12px 32px}#main.resource-main .resource-grid,#main.resource-main .help-grid,#main.resource-main .legal-cards{grid-template-columns:minmax(0,1fr)}#main.resource-main .resource-card{padding:16px}#main.resource-main .page-heading h1{font-size:24px}}
@media print{#main.resource-main{margin:0!important;width:100%!important}.resource-grid{display:block!important}.resource-card{break-inside:avoid;margin-bottom:16px!important}}
#main.resource-main .docs-content>#overview{grid-column:1/-1}
#main.resource-main .docs-content>#overview p{margin:0}
#main.resource-main .about-overview{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:28px;margin-bottom:16px;padding:0;overflow:hidden}
#main.resource-main .about-story{padding:24px}
#main.resource-main .about-label{display:block;color:var(--accent);font-size:11px;font-weight:650;letter-spacing:.08em;margin-bottom:14px}
#main.resource-main .about-story h2{font-size:30px;line-height:1.15;max-width:24ch;margin-bottom:16px}
#main.resource-main .about-story .about-lead{font-size:18px;line-height:1.5;color:var(--ink)}
#main.resource-main .about-maker{margin:0;position:relative;min-height:300px;height:100%;overflow:hidden}
#main.resource-main .about-maker img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
#main.resource-main .about-maker figcaption{position:absolute;bottom:0;left:0;right:0;padding:26px 18px 14px;background:linear-gradient(transparent,#000b);color:#fff;font-size:12px}
#main.resource-main .about-pillars{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;margin-bottom:16px}
#main.resource-main .about-pillars .resource-card>i{font-size:22px;color:var(--accent);margin-bottom:14px}
#main.resource-main .about-process{list-style:none;padding:0;counter-reset:process;display:grid;gap:12px}
#main.resource-main .about-process li{counter-increment:process;display:grid;grid-template-columns:28px 1fr;gap:0 12px;margin:0}
#main.resource-main .about-process li::before{content:counter(process);grid-row:1/3;border:1px solid var(--line);border-radius:6px;width:28px;height:28px;display:grid;place-items:center;color:var(--accent);font-size:12px}
#main.resource-main .about-process strong{color:var(--ink)}#main.resource-main .about-process span{grid-column:2}
@media(max-width:1000px){#main.resource-main .about-overview{grid-template-columns:minmax(0,1fr);gap:0}#main.resource-main .about-maker{height:260px;min-height:260px}#main.resource-main .about-story h2{max-width:none;font-size:26px}}
@media(max-width:760px){#main.resource-main .about-pillars{grid-template-columns:minmax(0,1fr)}#main.resource-main .about-story{padding:18px}}
/* Legal center: one readable document, like a video site's policy pages -- not a grid of boxes.
   The document list and "On this page" live in the left nav (content-shell moves .legal-sidebar there). */
#main.legal-main{padding:36px 40px 96px}
#main.legal-main>.page-heading,#main.legal-main>.legal-version,#main.legal-main>.legal-notice,#main.legal-main .legal-layout{max-width:760px;margin-inline:auto}
#main.legal-main>.page-heading h1{font-size:clamp(30px,3.4vw,40px);font-weight:700;line-height:1.15;margin:0 0 10px}
#main.legal-main>.page-heading p{font-size:17px;line-height:1.55;color:var(--muted)}
#main.legal-main>.legal-version{margin-top:6px;margin-bottom:22px;font-size:13px}
#main.legal-main>.legal-notice{margin-bottom:12px;padding:14px 18px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 7%,transparent);font-size:14px;line-height:1.6}
#main.legal-main .legal-layout{display:block}
#main.legal-main .legal-content.resource-grid{display:block;max-width:none}
#main.legal-main .legal-section.resource-card{margin:0;padding:30px 0 6px;border:0;border-top:1px solid var(--line);border-radius:0;background:none;scroll-margin-top:72px}
#main.legal-main .legal-section h2{font-size:22px;font-weight:700;line-height:1.3;margin:0 0 14px;color:var(--ink)}
#main.legal-main .legal-section :is(p,li,dd){font-size:16px;line-height:1.75;color:color-mix(in srgb,var(--ink) 82%,var(--muted));margin:0 0 16px}
#main.legal-main .legal-anchor{opacity:0;margin-left:6px;text-decoration:none;transition:opacity .15s}
#main.legal-main .legal-section h2:hover .legal-anchor,#main.legal-main .legal-anchor:focus{opacity:1}
/* The overview: the documents as a list of rows, not tiles. */
#main.legal-main .legal-cards{display:flex;flex-direction:column;gap:0;margin-top:8px}
#main.legal-main .legal-card{padding:18px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none}
#main.legal-main .legal-card h3{font-size:18px;margin:0 0 6px}
@media(max-width:767px){#main.legal-main{padding:22px 16px 64px}}
/* About: the live Pulse portrait over the still (about-portrait.js). */
#main.resource-main .about-portrait{aspect-ratio:16/9;height:auto;min-height:0;align-self:start;border-radius:14px;background:#10110f}
#main.resource-main .about-portrait-stage{position:absolute;inset:0}
#main.resource-main .about-portrait canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .6s ease}
#main.resource-main .about-portrait.is-live canvas{opacity:1}
#main.resource-main .about-portrait figcaption{display:flex;align-items:center;gap:6px;z-index:2}
#main.resource-main .about-portrait figcaption span{flex:1;min-width:0}
#main.resource-main .about-portrait figcaption .icon-button{color:#fff;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#0006}
#main.resource-main .about-portrait figcaption .icon-button:hover{background:#000a}