
/* Figma qtFIu7jvSXz3t8BDx5vQMO: 2036:467, 2108:1417, 2102:685, 2102:724. */
#journal{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:36px}
#journal>h2,#faqs>h2{margin:0;color:var(--ink);font-family:Inter,sans-serif;font-size:3.375rem;line-height:4rem;font-weight:700;letter-spacing:-0.135rem;text-align:center;white-space:normal}
#journal .figma-ideas{position:relative;display:inline-block}
#journal .figma-journal-underline{position:absolute;top:49.69px;left:0;width:132.831px;height:10.628px;display:flex;align-items:center;justify-content:center;pointer-events:none}
#journal .figma-journal-underline img{display:block;max-width:none;transform:rotate(-2deg)}
#journal .reference-journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;padding:0}
#journal .reference-journal-article{box-sizing:border-box;min-width:0;padding:32px;border:0;border-radius:24px;background:rgba(0,0,0,.02);box-shadow:none}
#journal .reference-journal-article h3{margin:0 0 8px;color:var(--ink);font-size:1.5rem;line-height:2.25rem;font-weight:700;letter-spacing:0}
#journal .reference-journal-article p{margin:0;color:var(--muted);font-size:1rem;line-height:1.5rem;font-weight:400;letter-spacing:0;white-space:normal}
#journal .reference-journal-article footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid #ebebec;font-size:1rem;line-height:1.5rem;color:var(--ink);letter-spacing:0}
#journal .reference-journal-article time{color:var(--faint);white-space:nowrap}
#faqs{width:100%;gap:36px}
#faqs .x-faq-list{display:flex;flex-direction:column;gap:0;width:100%}
#faqs .x-faq-column{display:contents}
#faqs .x-faq-list details,#faqs .x-faq-list details[open]{box-sizing:border-box;width:100%;padding:24px 12px;border:0;border-bottom:1px solid #f1f3f5;border-radius:0;background:transparent;box-shadow:none;animation:none}
#faqs .x-faq-list summary{display:flex;align-items:center;gap:20px;min-height:24px;padding:0;font-size:1rem;line-height:1.5rem;font-weight:600;color:var(--ink)}
#faqs .x-faq-list .x-faq-question{font-weight:600}
#faqs .x-faq-list .x-faq-icon,#faqs .x-faq-list details[open] .x-faq-icon{position:relative;flex:0 0 20px;width:20px;height:20px;border:0;border-radius:0;background:none;box-shadow:none;transform:none;transition:none}
#faqs .x-faq-list .x-faq-icon::before,#faqs .x-faq-list .x-faq-icon::after{content:none}
#faqs .x-faq-icon img{display:block;max-width:none}
#faqs .x-faq-icon .faq-times,#faqs details[open] .x-faq-icon .faq-plus{display:none}
#faqs details[open] .x-faq-icon .faq-times{display:block}
#faqs .x-faq-list .x-faq-answer{max-width:none;margin:20px 0 0;padding:0}
#faqs .x-faq-answer p{font-size:1rem;line-height:1.5rem;font-weight:400;color:var(--muted);margin:0}
#faqs .x-faq-list summary:focus-visible{outline:2px solid #5E85EE;outline-offset:6px;border-radius:2px}
#closing{gap:24px;padding:0;width:100%}
#closing>h2{margin:0;font-size:2.5rem;line-height:2.5rem;font-weight:700;letter-spacing:-0.1rem;text-align:center;color:var(--ink)}
#closing>.fg-679{display:flex;gap:12px;justify-content:center;align-items:flex-start}
#closing .action-button{box-sizing:border-box;height:44px;padding:6px 20px;font-size:1rem;line-height:1.5rem;font-weight:500;border-radius:24px;white-space:nowrap}
#closing .action-button:first-child{background:#5E85EE;color:#fff;border:0}
#closing .action-button:last-child{background:transparent;color:#5E85EE;border:1px solid #ebebec}
footer.design-footer{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;padding:40px max(20px,calc((100% - 1200px)/2));border:0;border-top:1px solid #f1f3f5}
footer.design-footer p{margin:0;font-size:0.875rem;line-height:1.375rem;font-weight:400;color:var(--ink)}
footer.design-footer>.fg-710{gap:2px}
footer.design-footer .fg-712{width:15px;height:13px;flex:none}
footer.design-footer .fg-713{object-fit:cover}
html[data-theme=dark] #journal .reference-journal-article{background:var(--surface)}
html[data-theme=dark] #journal .reference-journal-article footer,html[data-theme=dark] #faqs .x-faq-list details,html[data-theme=dark] #closing .action-button:last-child,html[data-theme=dark] footer.design-footer{border-color:var(--line)}
html[data-theme=dark] #faqs .x-faq-icon img{filter:invert(1)}
@media(min-width:1001px) and (max-width:1300px){#journal,#faqs,#closing{margin-top:40px}}
@media(min-width:701px) and (max-width:1000px){#journal,#faqs,#closing{margin-top:80px}}
@media(max-width:1000px){#journal>h2,#faqs>h2{font-size:2.625rem;line-height:3.25rem;letter-spacing:-0.105rem}#journal .figma-journal-underline{top:40px;left:0;transform:scale(.77778);transform-origin:left top}#journal .reference-journal-article{padding:24px}#journal .reference-journal-article h3{font-size:1.3125rem;line-height:1.875rem}}
@media(max-width:700px){#journal>h2,#faqs>h2{font-size:2.125rem;line-height:2.625rem;letter-spacing:-0.085rem}#journal .figma-journal-underline{top:32px;left:0;transform:scale(.62963);transform-origin:left top}#journal .reference-journal-grid{grid-template-columns:1fr;gap:24px}#journal .reference-journal-article h3{font-size:1.5rem;line-height:2.25rem}#faqs .x-faq-list details,#faqs .x-faq-list details[open]{padding:24px 12px}#closing>h2{font-size:2.125rem;line-height:2.5rem;letter-spacing:-0.085rem}#closing>.fg-679{flex-wrap:wrap}footer.design-footer p{font-size:0.875rem;line-height:1.375rem}}
