:root{--gradient-spectrum:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%)}body{overflow-x:hidden}.content-section--bg-spectrum{--content-section-bg-light:linear-gradient(0deg,#ffffffc7,#ffffffc7),linear-gradient(150deg,#00b0ff24 0%,#f333f52e 55%,#fba1da29 100%),var(--gradient-spectrum);--content-section-bg-dark:linear-gradient(0deg,#080c1ab3,#080c1ab3),linear-gradient(150deg,#00b0ff3d 0%,#f333f542 55%,#fba1da3d 100%),var(--gradient-spectrum);--content-section-border-light:#00b0ff42;--content-section-border-dark:#f333f570;--content-section-accent-light:#f333f5a8;--content-section-accent-dark:#f333f5cc}.content-section{border-radius:16px;margin:40px 0;padding:clamp(32px,6vw,64px) clamp(24px,4vw,48px)}.content-section--type-band{position:relative}.content-section--bg-spectrum{background:var(--content-section-bg-light);border:1px solid var(--content-section-border-light)}.dark .content-section--bg-spectrum,:root[data-theme=dark] .content-section--bg-spectrum,[data-theme=dark] .content-section--bg-spectrum{background:var(--content-section-bg-dark);border-color:var(--content-section-border-dark)}.content-section .note,.content-section blockquote.note{border-left:4px solid var(--content-section-accent-light);background:#ffffffa6;border-radius:12px;grid-template-columns:1fr;gap:0;margin:40px 0;padding:clamp(24px,4vw,32px);display:grid;box-shadow:0 8px 30px #0000000a}.dark .content-section .note,.dark .content-section blockquote.note,:root[data-theme=dark] .content-section .note,:root[data-theme=dark] .content-section blockquote.note,[data-theme=dark] .content-section .note,[data-theme=dark] .content-section blockquote.note{border-left-color:var(--content-section-accent-dark);background:#080c1aa6}.content-section .callout{border-left:4px solid var(--content-section-accent-light);background:#ffffffa6;border-radius:12px;grid-template-columns:1fr;gap:0;margin:40px 0;padding:clamp(24px,4vw,32px);display:grid;box-shadow:0 8px 30px #0000000a}.dark .content-section .callout,:root[data-theme=dark] .content-section .callout,[data-theme=dark] .content-section .callout{border-left-color:var(--content-section-accent-dark);background:#080c1aa6}.content-section h2{margin-top:0;margin-bottom:1.5rem}.content-section p:last-child{margin-bottom:0}.prose .note,.note{z-index:10;margin-top:80px;margin-bottom:80px;padding:clamp(32px,6vw,64px) 0;position:relative}.prose .note:before,.note:before{content:"";z-index:-1;background:linear-gradient(0deg,#ffffffc7,#ffffffc7),linear-gradient(150deg,#00b0ff24 0%,#5643572e 55%,#fba1da29 100%),var(--gradient-spectrum);position:absolute;inset:0 -100vw;box-shadow:0 10px 20px #00000026,0 -10px 20px #00000026}.dark .prose .note:before,.dark .note:before,:root[data-theme=dark] .prose .note:before,:root[data-theme=dark] .note:before,[data-theme=dark] .prose .note:before,[data-theme=dark] .note:before{background:linear-gradient(0deg,#080c1ab3,#080c1ab3),linear-gradient(150deg,#00b0ff3d 0%,#f333f542 55%,#fba1da3d 100%),var(--gradient-spectrum)}.note blockquote,.prose .note blockquote{background:#ffffffd9;border-left:4px solid #c8c8d2e6;border-radius:12px;grid-template-columns:1fr;gap:0;margin:40px 0;padding:clamp(24px,4vw,32px);font-style:normal;display:grid;box-shadow:0 8px 30px #0000000a}.dark .note blockquote,.dark .prose .note blockquote,:root[data-theme=dark] .note blockquote,:root[data-theme=dark] .prose .note blockquote,[data-theme=dark] .note blockquote,[data-theme=dark] .prose .note blockquote{background:#141423d9;border-left-color:#b4b4c3e6}