@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid}}}.remark-code-title{padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 3);font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:#2d475d;background-color:#dce3e2;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.remark-code-title+div>pre{border-top-left-radius:0;border-top-right-radius:0;margin-top:0}.code-highlight{float:left;min-width:100%}.code-line{margin-inline:calc(var(--spacing,.25rem) * -4);border-left-style:var(--tw-border-style);padding-right:calc(var(--spacing,.25rem) * 4);padding-left:calc(var(--spacing,.25rem) * 4);border-color:#0000;border-left-width:4px;display:block}pre{background-color:#eef2ee}pre code{background-color:#0000}.code-line.inserted{background-color:#00c75833;background-color:lab(70.5521% -66.5148 45.8074/.2)}.code-line.deleted{background-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.code-line.deleted{background-color:color-mix(in oklab, var(--color-red-500,lab(55.4814% 75.0732 48.8528)) 20%, transparent)}}.highlight-line{margin-inline:calc(var(--spacing,.25rem) * -4);border-left-style:var(--tw-border-style);background-color:#dce3e299;background-color:lab(89.6742% -2.56896 -.372601/.6);border-color:#4b738d;border-left-width:4px}.line-number:before{margin-right:calc(var(--spacing,.25rem) * 4);margin-left:calc(var(--spacing,.25rem) * -2);width:calc(var(--spacing,.25rem) * 4);text-align:right;color:#506778;content:attr(line);display:inline-block}.token.comment,.token.prolog,.token.cdata{color:#627162;font-style:italic}.token.punctuation{color:#5c6370}.namespace{color:#4a5568}.token.deleted{color:#d12e1f;font-style:italic}.token.symbol,.token.property{color:#0172a3}.token.tag,.token.operator,.token.keyword{color:#a626a4}.token.boolean,.token.number{color:#8a5a00}.token.constant,.token.function,.token.builtin,.token.char{color:#1f60f0}.token.selector,.token.doctype{color:#a626a4;font-style:italic}.token.attr-name,.token.inserted{color:#3d7b3d;font-style:italic}.token.string,.token.url,.token.entity,.language-css .token.string,.style .token.string{color:#3d7b3d}.token.class-name,.token.atrule,.token.attr-value{color:#7a5200}.token.regex,.token.important,.token.variable{color:#d12e1f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.table{display:inline}.dark .token.comment,.dark .token.prolog,.dark .token.cdata{color:#637777}.dark .token.punctuation{color:#c792ea}.dark .namespace{color:#b2ccd6}.dark .token.deleted{color:#ef53508f}.dark .token.symbol,.dark .token.property{color:#80cbc4}.dark .token.tag,.dark .token.operator,.dark .token.keyword{color:#7fdbca}.dark .token.boolean{color:#ff5874}.dark .token.number{color:#f78c6c}.dark .token.constant,.dark .token.function,.dark .token.builtin,.dark .token.char{color:#82aaff}.dark .token.selector,.dark .token.doctype{color:#c792ea}.dark .token.attr-name,.dark .token.inserted,.dark .token.string,.dark .token.url,.dark .token.entity,.dark .language-css .token.string,.dark .style .token.string{color:#addb67}.dark .token.class-name,.dark .token.atrule,.dark .token.attr-value{color:#ffcb8b}.dark .token.regex,.dark .token.important,.dark .token.variable{color:#d6deeb}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
input:-webkit-autofill{transition:background-color 600000s,color 600000s}input:-webkit-autofill:focus{transition:background-color 600000s,color 600000s}#nprogress{pointer-events:none;z-index:9999;position:relative}#nprogress .bar{z-index:1031;background:#bf5700;width:100%;height:2px;position:fixed;top:0;left:0}#nprogress .peg{opacity:1;width:100px;height:100%;display:block;position:absolute;right:0;transform:rotate(3deg)translateY(-4px);box-shadow:0 0 10px #bf5700,0 0 5px #bf5700}#nprogress .spinner{z-index:1031;display:block;position:fixed;top:15px;right:15px}#nprogress .spinner-icon{box-sizing:border-box;border:2px solid #0000;border-color:#bf5700 #0000 #0000 #bf5700;border-radius:50%;width:18px;height:18px;animation:.4s linear infinite nprogress-spinner}.nprogress-custom-parent{position:relative;overflow:hidden}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hover-scale{will-change:transform;transition:transform .3s;transform:scale(1)}.hover-scale:hover{transform:scale(1.05)}.content-placeholder{width:100%;min-height:1px;position:relative}.link-underline{position:relative}.link-underline:after{content:"";transform-origin:100%;background:linear-gradient(90deg,#bf5700,#bf5700);width:100%;height:2px;margin-top:5px;transition:transform .25s;display:block;position:absolute;left:0;transform:scaleX(0)}.link-underline:hover:after{transform-origin:0;transform:scaleX(1)}h1,h2,h3,h4,h5,h6,.font-title{font-family:var(--font-bai-jamjuree), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla"}.book3d{perspective:1600px;width:100%}.book3d__inner{--thk:26px;aspect-ratio:5/8;width:100%;transform-style:preserve-3d;will-change:transform;transition:transform .7s cubic-bezier(.2,.85,.25,1);position:relative;transform:translate(-6%)rotateY(-28deg)}.book3d:hover .book3d__inner,.book3d:focus-within .book3d__inner{transform:translate(0)rotateY(0)}.book3d__face{border-radius:3px 7px 7px 3px;position:absolute;inset:0;overflow:hidden;box-shadow:0 26px 50px -20px #000000a6,0 6px 14px -8px #00000073}.book3d__cover{object-fit:cover}.book3d__spine{pointer-events:none;background:linear-gradient(90deg,#00000080 0%,#0003 2.5%,#ffffff1f 5.5%,#fff0 11%);position:absolute;inset:0}.book3d__pages{height:97%;width:var(--thk);transform-origin:100%;background:repeating-linear-gradient(90deg,#d6d6d1 0,#f4f4ef 1.6px,#cdcdc8 3px);border-radius:0 2px 2px 0;position:absolute;top:1.5%;right:0;transform:rotateY(90deg)}.book3d__back{transform:translateZ(calc(var(--thk) * -1));background:#16161a;border-radius:3px 7px 7px 3px;position:absolute;inset:0;box-shadow:0 18px 40px -16px #0009}@media (prefers-reduced-motion:reduce){.book3d__inner{transition:none}}
:root{--font-inter:"Inter";--font-bai-jamjuree:"Bai Jamjuree"}html{font-family:var(--font-inter), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}
:root{--drawing-paper:#f8f9f5;--drawing-ink:#203d55;--drawing-line:#c5cfd0;--drawing-accent:#bf5700;--background:75 25% 97%;--foreground:207 45% 23%;--card:75 25% 97%;--card-foreground:207 45% 23%;--popover:75 25% 98%;--popover-foreground:207 45% 23%;--primary:207 45% 23%;--primary-foreground:75 25% 97%;--secondary:180 12% 92%;--secondary-foreground:207 45% 23%;--muted:180 12% 92%;--muted-foreground:205 17% 39%;--accent:180 12% 92%;--accent-foreground:207 45% 23%;--border:185 10% 79%;--input:185 10% 79%;--ring:27 100% 37%;--radius:.125rem}body{background:var(--drawing-paper);color:var(--drawing-ink)}::selection{color:#17374f;background:#dce8ed}.schematic-site{background:var(--drawing-paper)}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--drawing-accent);outline-offset:3px;--tw-ring-shadow:0 0 #0000;--tw-ring-offset-shadow:0 0 #0000}.drafting-grid{background-color:var(--drawing-paper);background-image:linear-gradient(#203d5507 1px,#0000 1px),linear-gradient(90deg,#203d5507 1px,#0000 1px),linear-gradient(#203d5505 1px,#0000 1px),linear-gradient(90deg,#203d5505 1px,#0000 1px);background-size:24px 24px,24px 24px,120px 120px,120px 120px}.schematic-header{border-top:3px solid var(--drawing-ink);border-bottom-color:var(--drawing-line);background:#f8f9f5f5;container:site-header/inline-size}.schematic-header nav{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.schematic-header nav a,.schematic-header nav button{border-radius:0;font-size:.8rem}.schematic-wordmark{align-items:center;gap:10px;display:flex}.schematic-hero{border-bottom:1px solid var(--drawing-line)}.schematic-frame{border-inline:1px solid var(--drawing-line)}.drawing-register,.section-register,.schematic-eyebrow,.module-reference{letter-spacing:.09em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.6}.drawing-register{border-bottom:1px solid var(--drawing-line);color:#536779;justify-content:space-between;gap:16px;padding:16px 0;display:flex}.drawing-register span:first-child{color:var(--drawing-ink)}.schematic-hero-layout{padding-block:55px 52px}.schematic-eyebrow{color:var(--drawing-accent);text-transform:uppercase;font-size:11px}.schematic-eyebrow:before{content:"+";margin-right:10px;font-size:17px}.schematic-headline{letter-spacing:-.055em;font-size:clamp(3.2rem,5.6vw,5.4rem);line-height:1.04}.schematic-headline span{color:#41677c}.schematic-button{border:1px solid var(--drawing-ink);min-height:44px;color:var(--drawing-ink);background:var(--drawing-paper);border-radius:2px;justify-content:center;align-items:center;gap:12px;padding:12px 19px;font-size:.875rem;font-weight:500;transition:background .16s,color .16s;display:inline-flex}.schematic-button:hover{background:#e3eaeb}.schematic-button-primary{color:#fff;background:var(--drawing-ink)}.schematic-button-primary:hover{color:#fff;background:#345b74}.schematic-socials{padding:10px 4px}.schematic-socials a{place-items:center;min-width:28px;min-height:28px;display:grid}.section-register{color:#536779;justify-content:space-between;gap:16px;margin-bottom:19px;display:flex}.section-register h2{font:inherit;color:var(--drawing-ink)}.schematic-modules{border-top:1px solid var(--drawing-line);border-left:1px solid var(--drawing-line)}.schematic-module{border-right:1px solid var(--drawing-line);border-bottom:1px solid var(--drawing-line);padding:25px 24px;transition:background .16s;position:relative}.schematic-module:before{content:"+";color:#607788;font:18px ui-monospace,monospace;position:absolute;top:-12px;left:-5px}.schematic-module:hover{background:#edf1ec}.module-reference{color:#587080;justify-content:space-between;align-items:center;margin-bottom:26px;font-size:9px;display:flex}.module-reference svg{color:var(--drawing-accent)}.schematic-articles{border-top:1px solid var(--drawing-line);background:#eef2ee}.section-crosshair{color:var(--drawing-accent);font:300 34px ui-monospace,monospace}.schematic-article-list{border-top:1px solid var(--drawing-line);border-bottom:1px solid var(--drawing-line)}.schematic-article{padding-inline:12px;transition:background .16s}.schematic-article:hover{background:#f8f9f5}.schematic-page-title{border-bottom:1px solid var(--drawing-line)}.schematic-page-title h1:before{content:"+";color:var(--drawing-accent);margin-right:18px;font-family:ui-monospace,monospace;font-weight:300;display:inline-block}.schematic-footer{border-top:1px solid var(--drawing-ink)}.schematic-footer h2{text-transform:uppercase;letter-spacing:.08em;font-family:ui-monospace,monospace;font-size:12px}@media (max-width:1023px){.schematic-hero-layout{padding-block:42px}}@media (max-width:639px){.schematic-header .schematic-wordmark{gap:7px}.schematic-frame{border-inline:0}.drawing-register span:nth-child(2){display:none}.drawing-register{font-size:8px}.schematic-hero-layout{gap:36px;padding-top:34px}.schematic-eyebrow{letter-spacing:.045em;font-size:9px}.schematic-headline{font-size:clamp(2.9rem,12vw,4.5rem)}.section-register{font-size:8px}.schematic-module{padding:22px}.module-reference{margin-bottom:16px}.schematic-article{padding-inline:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#explore{scroll-margin-top:5rem}.human-hero .schematic-hero-layout{padding-block:60px}.human-hero .schematic-headline{margin-top:18px}.human-hero .schematic-headline span{color:var(--drawing-ink)}.human-hero .drawing-register{font-size:9px}.hero-personal-intro{color:var(--drawing-ink);letter-spacing:-.025em;margin-top:24px;font-size:clamp(1.25rem,2vw,1.6rem);font-weight:500}.hero-portrait{width:min(100%,370px);margin:16px auto;padding:12px;position:relative}.hero-portrait-guide{pointer-events:none;border:1px dashed #9babb4;position:absolute;inset:0 0 45px;transform:rotate(4deg)}.hero-photo-card{background:#fffefa;border:1px solid #d9d9cc;margin:0;padding:12px 12px 0;position:relative;transform:rotate(-3deg);box-shadow:0 8px 22px #203d5510}.hero-photo-card:before{content:"";z-index:1;background:#e4d8b9b8;border-inline:1px dashed #d0c1a5;width:95px;height:27px;position:absolute;top:-14px;left:calc(50% - 47px);transform:rotate(6deg)}.hero-photo{aspect-ratio:1;object-fit:cover;width:100%;height:auto}.hero-photo-card figcaption{color:#647078;flex-direction:column;gap:5px;padding:16px 4px 20px;font-size:11px;display:flex}.hero-photo-name{color:var(--drawing-ink);font-family:Georgia,Times New Roman,serif;font-size:29px;font-style:italic}.hero-portrait-link{color:var(--drawing-ink);text-underline-offset:4px;justify-content:center;align-items:center;gap:8px;margin-top:28px;padding:8px;font-size:12px;display:flex}.hero-portrait-link:hover{text-decoration:underline}.hero-personal-footer{border-top:1px solid var(--drawing-line);color:#506778;justify-content:space-between;align-items:center;gap:20px;padding-block:21px;font-size:12px;display:flex}.hero-personal-footer p span{color:var(--drawing-ink)}.hero-personal-footer a{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.hero-personal-footer a span{color:var(--drawing-accent);align-items:center;gap:8px;display:inline-flex}.hero-personal-footer a:hover span{text-underline-offset:4px;text-decoration:underline}@media (max-width:1023px){.human-hero .schematic-hero-layout{padding-block:40px}.hero-portrait{width:min(100%,350px)}}@media (max-width:639px){.human-hero .schematic-headline{font-size:clamp(3.8rem,17vw,5.4rem)}.hero-portrait{width:min(92%,350px);margin-block:8px 0}.hero-personal-footer{flex-direction:column;align-items:flex-start;gap:8px}}.site-field:hover:not(:disabled):not(:focus){border-color:#94a5ae}.site-field:focus{border-color:var(--drawing-accent)}:is(.site-field[aria-invalid=true],.site-field:user-invalid){border-color:#b91c1c}:is(.site-field[aria-invalid=true]:focus-visible,.site-field:user-invalid:focus-visible){outline-color:#b91c1c}.site-field:disabled{cursor:not-allowed}.site-button:disabled{pointer-events:none}:where([role=tab]):focus-visible{outline-offset:-3px}:where([role=tab][aria-selected=true],[role=tab][data-state=active]):focus-visible{outline-color:var(--drawing-paper)}@media (pointer:coarse){.site-icon-button{min-width:44px}.site-button{min-height:44px}}@container site-header (max-width:64em){.header-desktop{display:none}.header-mobile{display:block}.header-mobile-slot{min-width:36px}}.schematic-header :is(button,nav a,[role=menuitem]){min-height:36px}.header-mobile button{min-width:36px}@media (pointer:coarse){.schematic-header :is(button,nav a,[role=menuitem]){min-height:44px}.header-mobile button{min-width:44px;margin-left:0}.header-mobile-slot{margin-left:4px}}