@charset "utf-8";
@layer base, font, low, main, high;
@layer low { .switcher-8b197d7f { display: flex; flex-wrap: wrap; gap: 1rem; } }
@layer low { .switcher-item-809aff11 > * { flex-grow: 1; flex-basis: calc((900px - 100%) * 999); } }
@layer low { .switcher-item-last-452b6eb8 > :nth-last-child(n+5) { flex-basis: 100%; } }
@layer low { .switcher-item-last-child-1084baa0 > :nth-last-child(n+5) ~ * { flex-basis: 100%; } }
@layer low { .center-e39cc939 { box-sizing: border-box; margin-inline: auto; max-inline-size: 1200px; } }
@layer low { .center-gutters-f2ab9b9 { padding-inline: 1rem; } }
@layer low { .cirro-7cb0d6c6 { padding-block: 2rem; } }
@layer base { *, *:before, *:after { margin: 0; padding: 0; border: 0; box-sizing: border-box; font: inherit; color: inherit; } }
@layer base { a { color: inherit; text-decoration: inherit; } }
@layer base { img, video, canvas, svg { display: block; max-width: 100%; height: auto; } }
@layer base { button { cursor: pointer; } }
@layer base { :root { font-size: 16px; line-height: 1.6; font-family: Helvetica Neue Arial Hiragino Kaku Gothic ProN Hiragino Sans Noto Sans JP Meiryo sans-serif; } }
@layer base { body { background: #f8fafc; color: #475569; } }
@layer base { ul, ol, menu { list-style-type: none; } }
@layer main { .cirro-a5af30d7 { padding-block: 75px; } }
@layer main { .cirro-89c56ebf { display: flex; align-items: center; gap: 0.5rem; } }
@layer main { .cirro-5ada69b1 { width: 5px; align-self: stretch; background: #06b6d4; border-radius: 1px; } }
@layer main { .cirro-dd06e566 { font-size: 1.25rem; font-weight: bold; font-style: normal; line-height: 1.0; color: #0f172a; } }
@layer main { .cirro-16dc7ff0 { font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 0.75rem; letter-spacing: 0.14em; text-transform: uppercase; color: #64748b; margin-block-start: 3px; } }
@layer high { @media (min-width: 900px) { .hide-on-pc-2ca1b2b3 { display: none; } } }
@layer main { @media (max-width: 899px) { .cirro-a8dbd797 { background: transparent; } } }
@layer main { .topbar-d78b5992 { position: fixed; left: 0; right: 0; top: 0; z-index: 6; } }
@layer main { .cirro-f421275c { background: #fdfefe; border-block-end: 1.5px solid #0f172a; } }
@layer low { .box-46468cb9 { box-sizing: border-box; padding: 1rem; } }
@layer main { .both-end-7b7bad40 { display: flex; justify-content: space-between; } }
@layer main { .cirro-c1b6a61f { width: 2rem; min-width: 2rem; } }
@layer low { .cluster-d657a6fa { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: flex-start; align-items: center; } }
@layer high { @media (max-width: 899px) { .hide-on-phone-ba114ee6 { display: none; } } }
@layer main { .cirro-b1b5c09c { display: flex; align-items: center; gap: 0.5rem; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 0.875rem; letter-spacing: 0.08em; text-transform: uppercase; color: #64748b; background: transparent; border: 1.5px solid #0f172a; border-radius: 3px; padding-block: 0.25rem; padding-inline: 0.5rem; cursor: pointer; } }
@layer main { .cirro-7d39967 { border: 1px solid rgba(from #0f172a r g b / 0.25); border-radius: 3px; padding-inline: 5px; font-size: 0.75rem; color: #475569; } }
@layer main { .cirro-7f42323d { width: 1rem; min-width: 1rem; } }
@layer main { .cirro-208e1e76 { background: #0F172A; color: #fdfefe; z-index: 6; display: flex; flex-direction: column; min-height: 100dvh; } }
@layer main { .cirro-da7ed2ba { align-items: center; padding: 1.25rem 1.25rem; border-block-end: 1.5px solid rgba(from #94a3b8 r g b / 0.35); } }
@layer main { .cirro-5eb6bd0c { font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 0.75rem; letter-spacing: 0.18em; text-transform: uppercase; color: #22d3ee; } }
@layer main { .cirro-f20df416 { font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 0.875rem; color: #94a3b8; background: transparent; cursor: pointer; } }
@layer main { .cirro-96fb7f69 { color: #22d3ee; } }
@layer main { .cirro-a3fc85ad { margin-inline-start: auto; border: 1px solid rgba(from #94a3b8 r g b / 0.25); border-radius: 3px; padding-inline: 5px; font-size: 0.75rem; } }
@layer main { .cirro-9ed8c4fa { display: flex; align-items: center; gap: 0.5rem; margin: 1rem 1.25rem; padding: 0.5rem 1rem; border: 1px solid rgba(from #94a3b8 r g b / 0.25); border-radius: 4px; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 0.875rem; color: #94a3b8; background: transparent; cursor: pointer; } }
@layer main { .cirro-c4be0f8 { display: flex; align-items: baseline; gap: 1rem; padding: 1rem 1.25rem; color: #fdfefe; border-block-start: 1px solid rgba(from #94a3b8 r g b / 0.25); } }
@layer main { .cirro-7da064f9:hover { background: #1E293B; } }
@layer main { .cirro-70f12c3 { font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 0.75rem; color: #22d3ee; min-width: 1.4rem; } }
@layer main { .cirro-521309bb { font-size: 1.125rem; font-weight: bold; } }
@layer main { .cirro-6037f601 { font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 0.75rem; color: #94a3b8; margin-inline-start: auto; } }
@layer main { .cirro-e6cf4b95 { display: flex; gap: 1.5rem; padding: 1.25rem; border-block-start: 1px solid rgba(from #94a3b8 r g b / 0.25); margin-block-start: auto; } }
@layer main { .cirro-e19ac9c2 { filter: invert(1); } }
@layer main { .cirro-2e70b3d2 { display: flex; flex-direction: column; } }
@layer main { .slider-4288cab3 { position: fixed; top: 0; right: 0; width: 75%; height: 100%; z-index: 6; transition: all 0.3s ease allow-discrete; transform: translateX(140%); } }
@layer main { .slider-90c4994a.open { transform: translateX(0%); } }
@layer main { .cirro-6b64fb { display: flex; align-items: center; justify-content: space-between; } }
@layer main { .cirro-8069c73 { display: flex; align-items: center; gap: 0.5rem; padding-block: 0.5rem; border-block-end: 1px solid rgba(from #94a3b8 r g b / 0.25); } }
@layer main { .cirro-1b8bc3c8 { font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; color: #22d3ee; font-size: 1.125rem; } }
@layer main { .cirro-3474a919 { flex-grow: 1; background: transparent; border: 0 none; outline: none; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 1.125rem; color: #fdfefe; } }
@layer main { .cirro-1b22e496::placeholder { color: #94a3b8; } }
@layer main { .cirro-440739fc { font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; color: #94a3b8; } }
@layer main { .cirro-2c26f4b1 { display: flex; flex-direction: column; overflow-y: auto; flex-grow: 1; } }
@layer main { @media (min-width: 900px) { .popover-pc-17d4f77 { transition: all 0.3s ease allow-discrete; } } }
@layer main { @media (min-width: 900px) { .popover-pc-75da72d:not(.show) { display: none; opacity: 0; pointer-events: none; } } }
@layer main { @media (min-width: 900px) { .popover-pc-519e739d.show { opacity: 1; pointer-events: unset; } } }
@starting-style { .popover-transition-pc-6e927a6 { display: flex; opacity: 0; } }
@layer main { @media (max-width: 899px) { .popover-ph-b2264833 { transform: translateY(-140%); transition: all 0.3s ease allow-discrete; } } }
@layer main { @media (max-width: 899px) { .popover-ph-c0dc883d.show { transform: translateY(0%); } } }
@layer main { @media (min-width: 900px) { .popover-backdrop-71689c21 { background: unset; } } }
@layer main { @media (min-width: 900px) { .popover-backdrop-d7267449.show { backdrop-filter: blur(4px);; } } }
@layer main { .cover-all-2dcde41f { position: fixed; inset: 0; z-index: 8; } }
@layer main { .popover-content-99a71b26 { background: #0F172A; color: #fdfefe; } }
@layer low { .stack-63c7b8fa { display: flex; flex-direction: column; gap: 1rem; } }
@layer main { @media (min-width: 900px) { .cirro-27257e8a { border-radius: 10px; overflow: clip; } } }
@layer main { @media (min-width: 900px) { .cover-all-ea5f60d3 { position: fixed; inset: 3rem 1rem; z-index: 8; } } }
@layer main { @media (max-width: 899px) { .cover-all-25a2d102 { position: fixed; inset: 0; z-index: 8; } } }
@layer main { .hero-top-78fddc81 { position: relative; overflow: hidden; } }
@layer main { .hero-top-c90d2644:before { content: ''; position: absolute; inset: 0; background-image: url('/assets/img/trevor-vannoy-UNzohJgG8W0-unsplash_1920.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1; } }
@layer main { .hero-top-e18910e8:after { content: ''; position: absolute; inset: 0; background: linear-gradient(270deg, transparent 0%, #0F172A 70%); z-index: 2; } }
@layer main { .cirro-47c0c9c5 { position: relative; z-index: 3; } }
@layer main { .cirro-a97f5ff6 { color: #cbd5e1; padding-block: 3rem; padding-inline: 1rem; } }
@layer main { .cirro-6f082c3b { font-size: 2.7rem; line-height: 1.1; font-weight: bold; font-style: normal; max-width: 540px; color: #fdfefe; } }
@layer main { .cirro-62f37b0d { font-size: 1.125rem; margin-block: 0.25rem; } }
@layer main { .cirro-15e5ae3c { font-size: 0.875rem; margin-block-end: 3rem; } }
@layer main { .cirro-bfca4ad2 { display: flex; flex-direction: row; align-items: center; gap: 1rem; } }
@layer main { .spec-btn-base-7343252e { display: inline-flex; align-items: center; gap: 10px; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 13px; font-weight: bold; font-style: normal; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; padding: 12px 20px; border-radius: 2px; line-height: 1; cursor: pointer; transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease; } }
@layer main { .spec-btn-primary-15c6e376 { background-color: #06b6d4; color: #0f172a; border: 1.5px solid #06b6d4; } }
@layer main { .cirro-f6428b06:hover { background-color: #22d3ee; } }
@layer main { .cirro-24d666e7:hover { border-color: #22d3ee; transform: translate(-2px, -2px); box-shadow: 5px 5px 0 0 rgba(from #06b6d4 r g b / 0.35); } }
@layer main { .spec-btn-num-primary-2633a26c { font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 10px; font-weight: bold; letter-spacing: 0.1em; line-height: 1; padding: 2px 5px; border-radius: 2px; background-color: rgba(from #0f172a r g b / 0.18); color: #0f172a; } }
@layer main { .spec-btn-ghost-8d767329 { background-color: transparent; color: #cbd5e1; border: 1.5px solid rgba(from #94a3b8 r g b / 0.45); } }
@layer main { .cirro-13399d47:hover { color: #22d3ee; } }
@layer main { .cirro-f2ef7029:hover > span { border-color: #22d3ee; color: #22d3ee; } }
@layer main { .spec-btn-num-ghost-dd4edd73 { font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 10px; font-weight: bold; letter-spacing: 0.1em; line-height: 1; padding: 2px 5px; border-radius: 2px; border: 1px solid rgba(from #94a3b8 r g b / 0.35); color: #94a3b8; } }
@layer low { .focusable-card-cd09002f { background: #fdfefe; border: 1.5px solid #0f172a; border-radius: 2px; box-shadow: none; transition: border-color 0.2s ease, box-shadow 0.2s ease; } }
@layer low { .focusable-card-hover-4886941:hover { border-color: #06b6d4; box-shadow: 6px 6px 0 0 rgba(from #06b6d4 r g b / 0.14); } }
@layer low { .cirro-911ffdf5 > :last-child { margin-top: auto; } }
@layer main { .card-text-4c0e4226 { font-size: 0.875rem; line-height: 1.75; color: #475569; } }
@layer main { .cirro-82b18813 { color: #64748b; } }
@layer main { .cirro-ecea2299 { font-size: 0.875rem; } }
@layer low { .cluster-ad333a5c { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: flex-start; align-items: center; } }
@layer main { .pill-46cc1719 { font-size: 0.875rem; font-weight: bold; color: #0891b2; border-radius: 6px; border: 1px solid rgba(from #06b6d4 r g b / 0.35); background-color: #f1f5f9; padding-inline: 1rem; padding-block: 3px; } }
@layer main { .cirro-64bc5fcc { font-weight: bold; color: #3b82f6; } }
@layer main { .spec-label-daa5aeb6 { font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 0.75rem; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: #0891b2; } }
@layer main { .spec-header-row-50aae78c { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; border-block-end: 1.5px solid #0f172a; padding-block-end: 0.5rem; margin-block-end: 1rem; } }
@layer main { .cirro-5ff2ec48 { color: #64748b; font-weight: normal; } }
@layer main { .spec-header-title-b6ad7179 { font-size: 1.5rem; font-weight: bold; line-height: 1.3; letter-spacing: -0.01em; color: #0f172a; } }
@layer main { .cirro-5d5fa050 > * + * { position: relative; } }
@layer main { .cirro-8f3c5f24 > * + *:before { position: absolute; content: ''; display: block; width: 100%; top: calc(-1rem / 2); border-block-start: 3px dotted rgba(from #64748b r g b / 0.5); } }
@layer main { .cirro-c446b9f6 { font-size: 1rem; font-weight: bold; color: #0f172a; } }
@layer main { .cirro-63df3638 { font-size: 0.875rem; color: #64748b; } }
@layer main { .cirro-a0802402 > li:nth-child(n+2)::before { content: ', '; } }
@layer low { .stack-1a2051ce { display: flex; flex-direction: column; gap: 0.25rem; } }
@layer main { .cirro-8097c5de { text-decoration: none; } }
@layer low { .cluster-57089cae { display: flex; flex-wrap: wrap; gap: 0.25rem; justify-content: flex-start; align-items: center; } }
@layer main { .cirro-a6dfebd4 { list-style-type: disc; margin-inline: 1.5rem; } }
@layer main { .cirro-fa565f13 { margin-block: 0.25rem; } }
@layer main { .cirro-68fbc079 { background: #0F172A; color: #cbd5e1; position: relative; } }
@layer main { .cirro-a9d2c17a::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #22d3ee, transparent 55%); } }
@layer main { .cirro-2c5361d2 { padding-block: 3rem; padding-inline: 1rem; } }
@layer main { .cirro-53cca1f7 { display: grid; grid-template-columns: 1.5fr 0.9fr 1.4fr 1.2fr; gap: 2rem 3rem; align-items: start; } }
@layer main { @media (max-width: 899px) { .cirro-9f4c9fef { grid-template-columns: 1fr; } } }
@layer main { .cirro-d43f7e68 { display: flex; gap: 0.5rem; align-items: flex-start; } }
@layer main { .cirro-768396ce { width: 5px; height: 30px; border-radius: 1px; background: #22d3ee; flex-shrink: 0; } }
@layer main { .cirro-e7026b67 { font-size: 1.5rem; font-weight: bold; line-height: 1; color: #fdfefe; } }
@layer main { .cirro-d7a219ea { font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 0.75rem; letter-spacing: 0.14em; text-transform: uppercase; color: #94a3b8; margin-block-start: 0.25rem; } }
@layer main { .cirro-61d9fa55 { font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 0.75rem; letter-spacing: 0.16em; text-transform: uppercase; color: #22d3ee; border-block-end: 1px solid rgba(from #94a3b8 r g b / 0.25); padding-block-end: 0.5rem; margin-block-end: 1rem; } }
@layer main { .cirro-9587baf { display: flex; flex-direction: column; gap: 0.5rem; } }
@layer main { .cirro-159fcb24 { display: flex; justify-content: space-between; gap: 1rem; font-size: 0.875rem; color: #cbd5e1; } }
@layer main { .cirro-bd292722 { font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 0.75rem; color: #94a3b8; white-space: nowrap; } }
@layer main { .cirro-4ef5466f { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 0.75rem; letter-spacing: 0.06em; color: #94a3b8; border-block-start: 1px solid rgba(from #94a3b8 r g b / 0.25); margin-block-start: 2rem; padding-block-start: 1rem; } }
@layer main { .cirro-939616b { display: flex; gap: 1rem; padding-block: 1rem; border-block-start: 1px solid rgba(from #94a3b8 r g b / 0.25); } }
@layer main { .cirro-3884e01d { font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 0.875rem; color: #22d3ee; min-width: 1.6rem; } }
@layer main { .cirro-d2c78080 { font-size: 1.125rem; font-weight: bold; color: #fdfefe; line-height: 1.35; } }
@layer main { .cirro-77c1bddc { font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 0.75rem; letter-spacing: 0.04em; text-transform: uppercase; color: #94a3b8; margin-block: 0.25rem; } }
@layer main { .cirro-f2e5dfb6 { font-weight: bold; color: #22d3ee; } }
@layer main { .cirro-948ff87 { font-size: 0.875rem; color: #94a3b8; line-height: 1.6; } }
@layer main { @media (min-width: 900px) { .cirro-1d947a2a { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } } }
@layer main { @media (max-width: 899px) { .cirro-64a8e294 { display: grid; grid-template-columns: 1fr; gap: 1rem; } } }
@layer main { .cirro-d9faacd2 { padding-inline: 1rem; padding-block: 3rem; } }
@layer main { .cirro-c2b71f6c { display: block; border-block-end: 1.5px solid #0f172a; padding-block-end: 0.5rem; margin-block-end: 1.25rem; } }
@layer main { .cirro-60e86423 { font-size: 2.7rem; line-height: 1.05; letter-spacing: -0.02em; font-weight: bold; color: #0f172a; max-width: 720px; } }
@layer main { .cirro-11fc7c1a { font-size: 1.125rem; color: #475569; margin-block-start: 1rem; } }
@layer main { .cirro-aadca59f { font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 0.875rem; letter-spacing: 0.04em; color: #64748b; margin-block-start: 0.25rem; } }
@layer main { .cirro-2acfdcb3 { background: #f8fafc; } }
@layer main { .desc-grid-79c420b { display: grid; grid-template-columns: auto 1fr; column-gap: 1.5rem; row-gap: 0.5rem; align-items: baseline; } }
@layer main { .cirro-bfdd2813 { font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 0.75rem; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: #64748b; white-space: nowrap; } }
@layer main { .cirro-3264a770 { margin: 0; } }
@layer main { .cirro-2d05d7b7 { display: inline; } }
@layer main { .cirro-6ce4c6cd + .cirro-6ce4c6cd::before { content: ', '; } }
@layer main { .cirro-a58eb292 { list-style-type: disc; } }
@layer main { .cirro-7d281563 { margin-inline-start: 1.5rem; } }
@layer main { .cirro-c7e841ab::after { content: ':'; } }
@layer main { .cirro-cd3fb07 { color: #06b6d4; font-weight: bold; } }
@layer main { .cirro-47a887e7 { display: flex; } }
@layer main { .cirro-d851aaef { font-weight: bold; display: inline; min-width: 6rem; } }
@layer main { .cirro-6666a5c2 { margin-inline-start: 3rem; } }
@layer main { .cirro-c26e8d32 { list-style-type: disc; margin-inline: 2rem; } }
@layer main { .spec-card-btn-primary-10504f31 { background-color: #06b6d4; color: #0f172a; border: 1.5px solid #0f172a; } }
@layer main { .cirro-695a8051:hover { background-color: #22d3ee; transform: translate(-2px, -2px); box-shadow: 4px 4px 0 0 #0f172a; } }
@layer main { .spec-card-btn-ghost-f9e3512a { background-color: transparent; color: #0f172a; border: 1.5px solid #0f172a; } }
@layer main { .cirro-a05122cc:hover { color: #0891b2; border-color: #06b6d4; transform: translate(-2px, -2px); box-shadow: 4px 4px 0 0 rgba(from #06b6d4 r g b / 0.35); } }
@layer main { .cirro-52f15898 { margin-block: 1rem; padding: 1rem; border-inline-start: 3px solid rgba(from #d97706 r g b / 1.0); background: rgba(from #fbbf24 r g b / 0.3); color: #d97706; } }
@layer low { .sidebar-8b197d7f { display: flex; flex-wrap: wrap; gap: 1rem; } }
@layer low { .sidebar-side-45e5520a { flex-grow: 1; flex-basis: 40ch; } }
@layer low { .sidebar-content-c75a25e { flex-grow: 999; flex-basis: 0; min-inline-size: 40ch; } }
@layer low { .stack-2bfd57bb { display: flex; flex-direction: column; gap: 2rem; } }
@layer main { .cirro-60faa6ac > * + *:before { position: absolute; content: ''; display: block; width: 100%; top: calc(-2rem / 2); border-block-start: 1px solid rgba(from #0f172a r g b / 0.14); } }
@layer main { .ruled-label-2ec9c97 { display: block; border-block-end: 1.5px solid #0f172a; padding-block-end: 0.5rem; margin-block-end: 1rem; } }
@layer main { .cirro-d7056798 { font-size: 1.5rem; font-weight: bold; line-height: 1.3; color: #0f172a; margin-block: 0.25rem; } }
@layer main { .cirro-95c82880 { color: #64748b; font-weight: bold; } }
@layer main { .cirro-1c407d04 { font-size: 0.875rem; margin-block: 1rem; } }
@layer main { .cirro-a7487b6c { color: #3b82f6; font-weight: bold; } }
@layer low { .cluster-7215002d { display: flex; flex-wrap: wrap; gap: 0.25rem 0.5rem; justify-content: flex-start; align-items: center; } }
@layer main { .cirro-4705130d { margin-block-start: 2rem; } }
@layer main { .cirro-23ae3e1d { scroll-margin-block-start: 100px; position: relative; } }
@layer main { .cirro-f39d0250.hide { display: none; } }
@layer main { @media (max-width: 899px) { .cirro-dc93bc48 { background: #fdfefe; } } }
@layer main { @media (max-width: 899px) { .cirro-dc8458c9 { position: sticky; top: 80px; z-index: 5; background: #fdfefe; border-block-end: 1px solid rgba(from #0f172a r g b / 0.14); } } }
@layer low { .stack-333299c { display: flex; flex-direction: column; gap: 0.5rem; } }
@layer main { .cirro-e3065577 { font-size: 2rem; font-weight: bold; line-height: 1.3; color: #0f172a; } }
@layer main { .cirro-8108ee0d { font-size: 1.125rem; font-weight: bold; border-radius: 64px; border: 0 none; padding-block: 2px; padding-inline: 1.5rem; color: #fdfefe; background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%); box-shadow: none; } }
@layer main { .cirro-bb1fba14 { font-size: 1.5rem; font-weight: bold; color: #6366f1; } }
@layer main { .cirro-581137f3 { height: 1.5rem; } }
@layer main { .cirro-b1ba531c { font-size: 1.125rem; color: #0f172a; font-weight: bold; } }
@layer main { .cirro-c59cba2f { aspect-ratio: 16/9; } }
@layer main { .cirro-b737114 { color: #0f172a; font-weight: bold; margin-block: 1rem; padding-inline-start: 3rem; } }
@layer main { .cirro-1c594c67::marker { content: '第'counter(h3)'回'; font-weight: bold; font-size: 1rem; color: #0f172a; } }
@layer main { .cirro-5a315316 { position: relative; color: #0f172a; margin-block: 1rem; padding-inline-start: 1rem; counter-increment: h3; font-size: 0.875rem; } }
@layer main { .cirro-c36858f9 { counter-reset: h3 0; list-style-position: inside; } }
@layer main { .cirro-999d9cb9 { padding-inline-start: 1rem; } }
@layer main { .cirro-d74cd338 { align-items: baseline; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace; font-size: 0.75rem; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: #0891b2; cursor: pointer; width: 100%; background: transparent; border-block-end: 1.5px solid #0f172a; padding-block-end: 0.5rem; margin-block-end: 1rem; } }
@layer main { .cirro-3f9d4a08 { color: #64748b; font-weight: normal; flex-shrink: 0; padding-inline-start: 1rem; } }
@layer main { .cirro-a98e25ec { overflow: hidden; height: 0; transition: all 0.2s ease; } }
@layer main { .cirro-591a7022.is-open { height: calc-size(fit-content, size); } }
@layer main { .cirro-a228ee0f { color: #0f172a; font-weight: bold; margin-block: 1rem; padding-inline-start: 3rem; counter-reset: h3 0; } }
@layer main { .cirro-6ccf763b::before { content: counter(h3); margin-inline-end: 1rem; background: #162033; color: #cbd5e1; border-radius: 50%; padding-inline: 8px; position: absolute; left: 0.5rem; } }
@layer main { .cirro-ab7d13d5 { position: relative; color: #0f172a; font-weight: bold; margin-block: 1.25rem; padding-inline-start: 3rem; counter-increment: h3; } }
@layer main { .cirro-727fd0a3::before { position: absolute; content: '■'; left: 2rem; } }
@layer main { .cirro-8fe2c074 { position: relative; font-weight: bold; margin-block: 0.5rem; padding-inline-start: 3rem; } }
@layer main { .cirro-c73a0a05, .cirro-c73a0a05 div { display: flex; flex-direction: column; gap: 2rem; overflow-wrap: anywhere; text-align: justify; counter-reset: h3 0; } }
@layer main { .cirro-d596c9c6 h3::before { content: counter(h3); border-radius: 50%; padding-inline: 8px; color: #cbd5e1; background: #162033; margin-inline-end: 0.5rem; } }
@layer main { .cirro-f01da877 h3 { counter-increment: h3; font-size: 1.25rem; margin-block: 3rem 0; border-bottom: 2px solid rgba(from #162033 r g b / 0.3); scroll-margin-block-start: 180px; } }
@layer main { .cirro-8d915b84 h4::before { content: '▶'; margin-inline-end: 8px; } }
@layer main { .cirro-762fa111 h4 { font-size: 1.125rem; color: rgba(from #475569 r g b / 0.8); scroll-margin-block-start: 180px; } }
@layer main { .cirro-4010670f h5::before { content: '■'; } }
@layer main { .cirro-e88656a5 h5 { color: rgba(from #475569 r g b / 0.7); } }
@layer main { .cirro-ef056a4a a { text-decoration: underline 2px; text-underline-offset: 5px; } }
@layer main { .cirro-b627e613 ul { list-style-type: disc; } }
@layer main { .cirro-8d65a4d3 ol { list-style-type: number; } }
@layer main { .cirro-21d6b1d6 li { margin-inline-start: 2rem; } }
@layer main { .cirro-c4090cd p { text-indent: 1rem; } }
@layer main { .cirro-cfd2e899 input[type='checkbox'] { display: inline; width: revert; } }
@layer main { .cirro-e81be77e strong { font-weight: bold; } }
@layer main { .cirro-22dec4d4 li .task-list-item { list-style-type: none; list-style-position: outside; margin-inline-start: 0px; } }
@layer main { .cirro-e33cb071 table { width: 100%; border-collapse: collapse; } }
@layer main { .cirro-35bff0a4 table th { font-weight: bold; border-bottom: 2px solid rgba(from #162033 r g b / 0.3); padding: 0.5rem; } }
@layer main { .cirro-9631e594 tbody td { border-bottom: 1px solid rgba(from #162033 r g b / 0.1); padding-block: 0.5rem; } }
@layer main { .cirro-5c435cde tbody tr:nth-child(even) { background: rgba(from #162033 r g b / 0.05); } }
@layer main { @media (min-width: 900px) { .cirro-81a702c9 { position: sticky; top: calc(74px + 2rem); max-height: calc(100vh - 74px - 2rem); height: 100%; overflow-y: auto; } } }
@layer low { .stack-77c229f { display: flex; flex-direction: column; gap: 3.5rem; } }
@layer main { .cirro-d2507da5 { padding-block-start: 1rem; } }
@layer main { .cirro-e23026fa { display: flex; justify-content: space-around; align-items: center; } }
@layer main { .cirro-ad20f4f1 { width: 52px; min-width: 52px; } }
@layer low { .cluster-ac0e8e17 { display: flex; flex-wrap: nowrap; gap: 1rem; justify-content: flex-start; align-items: center; } }
@layer main { .cirro-2d28f799 { width: 96px; } }
@layer main { .cirro-e7a2d1bc { font-size: 1.125rem; font-weight: bold; color: #0f172a; } }
@layer main { .cirro-924d71da { font-size: 1.125rem; font-weight: bold; color: #64748b; } }
@layer main { .cirro-61a3f6d6 { color: #475569; margin-block: 1.5rem; } }
@layer main { .cirro-33f14842 { font-weight: bold; color: #0f172a; } }