:root{--paper:#f8f8f0;--white:#fffef9;--ink:#243c30;--muted:#586b60;--line:#dce3d5;--accent:#b4471e;--orange:#e78647;--peach:#f8e4cf;--green:#e7edda;--max:1140px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:#f2cbab}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}p{margin-bottom:1.2rem}h1,h2{font-weight:600}button,a,summary{touch-action:manipulation}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-80px;left:20px;z-index:30;background:white;padding:12px}.skip:focus{top:12px}
.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid #dce3d5b3;background:#f8f8f0f2}@supports(backdrop-filter:blur(16px)){.site-header{background:#f8f8f0cf;backdrop-filter:blur(16px)}}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 30%;flex-shrink:0;box-shadow:0 0 0 3px white,0 0 0 4px var(--line)}.brand-name{font-size:18px;font-weight:700;letter-spacing:-.5px}.brand-name em{font-style:normal;font-weight:450}.header-nav{display:flex;align-items:center;gap:26px;font-size:14px}.header-nav a{text-decoration:none;padding:10px 0}.header-nav a:hover{color:var(--accent)}.header-nav .instagram-link{border:1px solid var(--line);border-radius:100px;padding:8px 17px;background:var(--white)}.external-arrow{margin-left:4px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.11em;text-transform:uppercase;line-height:1.5}
.intro{position:relative;isolation:isolate;overflow:hidden;margin:32px 0 42px;padding:52px 54px;border:1px solid #d5dfcb;border-radius:28px;background:var(--green)}.intro:before{content:"";position:absolute;z-index:-1;width:65%;height:140%;right:-20%;top:-30%;background:radial-gradient(ellipse,#efb37877,transparent 65%);pointer-events:none}.intro-text{max-width:850px}.intro .eyebrow{color:#476044}.intro h1{font-size:clamp(42px,5.6vw,72px);line-height:1.06;letter-spacing:-.055em;margin:20px 0 24px}.intro h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em;color:var(--accent)}.intro-copy{font-size:20px;line-height:1.55;max-width:640px;color:var(--muted);margin-bottom:26px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 26px}.pill-link{display:inline-flex;gap:26px;align-items:center;text-decoration:none;background:var(--ink);color:white;border-radius:100px;padding:13px 22px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.pill-link:hover{background:#3e5945;transform:translateY(-2px)}.hero-social{font-size:14px;text-decoration:none}.hero-social:hover{text-decoration:underline}.intro-detail{display:none}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-heading .eyebrow{color:var(--muted);margin-bottom:9px}.section-heading h2{font-size:28px;font-weight:600;margin:0}.section-heading>span{font-size:14px;color:var(--muted)}.guides-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:56px}.guide-card{position:relative;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;background:var(--white);border:1px solid var(--line);border-radius:22px;transition:transform .25s,box-shadow .25s,border-color .25s}.guide-card:hover{transform:translateY(-5px);border-color:#aebfa0;box-shadow:0 16px 35px #253e3010}.card-top{background:linear-gradient(125deg,#e7edda,#f0f3e7);padding:26px 30px;display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:135px}.setup .card-top{background:linear-gradient(125deg,#f9e1ca,#fff0df)}.card-topic{display:grid;gap:10px}.card-topic .eyebrow{color:var(--muted)}.card-topic strong{font-size:25px;letter-spacing:-.04em;font-weight:600}.card-issue{font-size:64px;line-height:1;font-weight:300;letter-spacing:-.07em;color:#789064}.setup .card-issue{color:#b76a3a}.card-body{padding:28px 30px 24px;display:flex;flex:1;flex-direction:column}.card-body h3{font-size:29px;line-height:1.2;font-weight:550;max-width:400px;margin-bottom:15px}.card-body p{font-size:16px;color:var(--muted);margin-bottom:23px}.card-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;margin-bottom:24px;font-size:12px;color:var(--muted)}.card-meta span{border:1px solid var(--line);border-radius:100px;padding:3px 10px}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:19px;font-size:14px;font-weight:600}.arrow-circle{display:grid;place-items:center;background:var(--ink);color:white;border-radius:50%;width:36px;height:36px;font-size:20px;transition:background .2s}.guide-card:hover .arrow-circle{background:var(--accent)}
.site-footer{border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:30px;color:var(--muted);font-size:14px}.footer-inner p{margin:0}.footer-name{font-weight:650;color:var(--ink)}.footer-inner a{text-decoration:none}.footer-inner a:hover{text-decoration:underline}
.article-shell{padding-top:25px}.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:14px;color:var(--muted);margin-bottom:34px}.breadcrumb a{text-decoration:none}.article-head{max-width:900px;padding-bottom:34px}.article-head .eyebrow{color:var(--accent)}.article-head h1{font-size:clamp(38px,5vw,62px);line-height:1.1;margin:16px 0 22px;letter-spacing:-.05em}.article-head .lead{font-size:20px;line-height:1.6;max-width:740px;color:var(--muted);margin-bottom:23px}.article-meta{font-size:14px;display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted)}.article-meta strong{font-weight:600;color:var(--ink)}.article-layout{display:grid;grid-template-columns:225px minmax(0,740px);gap:55px;align-items:start;padding-bottom:64px;border-top:1px solid var(--line)}.toc{position:sticky;top:112px;padding-top:29px;max-height:calc(100vh - 140px);overflow-y:auto}.toc-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 14px}.toc a{display:block;padding:8px 12px;font-size:14px;color:var(--muted);line-height:1.5;text-decoration:none;border-left:2px solid var(--line)}.toc a.active{color:var(--ink);border-left-color:var(--accent);background:var(--green);font-weight:600}.toc a:hover{color:var(--accent)}.toc .source-jump{margin-top:12px}.mobile-toc{display:none}.article-content{padding-top:30px;min-width:0}.article-content section{scroll-margin-top:110px;margin-bottom:48px}.article-content h2{font-size:30px;font-weight:600;margin:0 0 20px}.article-content h3{font-size:20px;line-height:1.4;margin:27px 0 12px}.article-content p,.article-content li{font-size:17px}.article-content ul,.article-content ol{padding-left:23px}.article-content li{padding-left:4px;margin:10px 0}.article-content strong{font-weight:650}.article-content a{overflow-wrap:anywhere}.takeaway{background:var(--green);border-radius:16px;padding:25px 28px;margin-bottom:30px}.takeaway .eyebrow{margin-bottom:10px;color:#476044}.takeaway p{margin:0}.note{background:#f8e9d7;border-radius:14px;padding:22px 25px;margin:25px 0}.note .eyebrow{color:#8e4826;margin-bottom:9px}.note p{font-size:16px}.note p:last-child{margin-bottom:0}.source{font-size:14px!important;color:var(--muted);margin-top:18px}.source a:hover{color:var(--accent)}.section-number{display:block;color:var(--accent);font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.step-list{list-style:none;padding-left:0!important;counter-reset:step}.step-list>li{position:relative;padding-left:48px;margin-bottom:27px;counter-increment:step}.step-list>li:before{content:counter(step);position:absolute;left:0;top:0;width:32px;height:32px;display:grid;place-items:center;background:var(--green);border-radius:10px;font-size:14px;font-weight:600}.step-list strong{display:block;margin-bottom:5px}.step-list p{margin-bottom:8px}.prompt{border:1px solid #cbd8c0;border-radius:16px;overflow:hidden;margin:25px 0;background:var(--white)}.prompt-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;background:#edf1e5;border-bottom:1px solid #d7e0ce}.prompt-label{font-size:12px;font-weight:650;letter-spacing:.05em;text-transform:uppercase}.copy-button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 14px;border:1px solid #c8d4bd;background:var(--white);color:var(--ink);border-radius:9px;font-size:14px;cursor:pointer;white-space:nowrap}.copy-button:hover{background:var(--green)}.copy-button svg{width:16px;height:16px}.prompt pre{margin:0;padding:24px;font:14px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.example{border:1px solid var(--line);padding:24px 27px;border-radius:15px;margin:22px 0;background:#fffef980}.example .eyebrow{color:var(--muted);margin-bottom:12px}.example p{font-size:16px}.example p:last-child{margin-bottom:0}.example dl{margin:0;font-size:16px}.example dt{font-weight:650;margin-top:14px}.example dd{margin:4px 0 0}.checklist{padding:0!important;list-style:none}.checklist li{padding-left:29px;position:relative}.checklist li:before{content:"✓";position:absolute;left:0;color:#426146}.resources{border-top:1px solid var(--line);padding-top:30px}.resource-link{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line);text-decoration:none}.resource-link strong{display:block;font-size:16px;line-height:1.4;margin-bottom:5px}.resource-link small{display:block;font-size:14px;color:var(--muted)}.resource-link:hover strong{color:var(--accent);text-decoration:underline}.related{padding:28px;background:var(--ink);color:var(--paper);border-radius:18px;margin-top:38px}.related .eyebrow{color:#cbd5c3}.related a{display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:26px;line-height:1.25;letter-spacing:-.03em;text-decoration:none;margin-top:14px}.related a:hover{text-decoration:underline}.screen-reader{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.not-found{max-width:700px;padding-block:80px 120px}.not-found h1{font-size:52px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:14px;margin:24px 0}.guide-table{width:100%;border-collapse:collapse;font-size:15px;text-align:left}.guide-table th,.guide-table td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}.guide-table th{background:var(--green);font-weight:650}.guide-table tr:last-child td{border-bottom:0}.guide-table td:first-child{font-weight:600}.community-note{border-left:3px solid var(--orange);padding-left:20px;margin:24px 0}.community-note p{font-size:16px}.community-note .eyebrow{color:var(--accent);margin-bottom:10px}.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--orange);z-index:20;pointer-events:none}
@media(prefers-reduced-motion:no-preference){.intro:before{animation:ambient 14s ease-in-out infinite alternate}@keyframes ambient{to{transform:translate(-15%,15%) scale(1.1)}}.guide-card{animation:arrive .6s ease-out both}.guide-card:nth-child(2){animation-delay:.1s}@keyframes arrive{from{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:850px){.container{width:calc(100% - 48px)}.intro{padding:40px}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}.card-top,.card-body{padding:24px}.card-body h3{font-size:25px}}
@media(max-width:640px){html{scroll-padding-top:90px}.container{width:calc(100% - 32px)}.header-inner{min-height:74px;gap:12px}.brand{gap:10px}.brand-mark{width:36px;height:36px}.brand-name{font-size:16px}.header-nav{gap:0;font-size:14px}.header-nav .instagram-link{display:none}.intro{margin-top:20px;margin-bottom:32px;padding:30px 24px;border-radius:22px}.intro h1{font-size:clamp(38px,10vw,56px);margin-top:18px}.intro-copy{font-size:17px}.intro .eyebrow{font-size:11px}.hero-actions{gap:18px}.section-heading{align-items:start;flex-direction:column;gap:10px}.section-heading h2{font-size:26px}.guides-grid{grid-template-columns:1fr;gap:20px;padding-bottom:36px}.card-body h3{font-size:28px}.card-top{min-height:118px}.card-issue{font-size:54px}.footer-inner{display:block;padding-block:25px}.footer-inner p+p{margin-top:15px}.article-shell{padding-top:22px}.breadcrumb{margin-bottom:26px}.article-head h1{font-size:39px}.article-head .lead{font-size:18px}.article-meta{gap:6px 14px}.article-layout{display:block;padding-bottom:36px}.toc{display:none}.mobile-toc{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.mobile-toc summary{min-height:44px;align-content:center;font-size:14px;font-weight:600;cursor:pointer}.mobile-toc nav{display:grid;gap:4px;padding-block:8px}.mobile-toc a{padding:7px 0;font-size:14px;text-decoration:none;color:var(--muted)}.article-content{padding-top:24px}.article-content section{margin-bottom:36px;scroll-margin-top:90px}.article-content h2{font-size:27px}.article-content p,.article-content li{font-size:16px}.takeaway,.note,.example{padding:21px}.prompt-header{padding:10px 12px}.prompt pre{padding:19px}.prompt-label{letter-spacing:0;font-size:12px}.related{padding:24px}.related a{font-size:24px}.guide-table th,.guide-table td{padding:12px;font-size:14px}.guide-table{min-width:440px}}
@media(max-width:360px){.header-inner{flex-wrap:wrap;padding-block:12px}.brand-name{font-size:15px}.intro{padding:26px 18px}.intro h1{font-size:36px}.header-nav a{padding:5px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.site-header,.site-footer,.toc,.mobile-toc,.copy-button,.related,.reading-progress{display:none}.container{width:100%}.article-layout{display:block}.article-head h1{font-size:36px}body{background:white}.prompt,.note,.example{break-inside:avoid}a{color:inherit}}

/* Actual Paper Liquid Metal and official, source-linked teaching images. */
.intro{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:center}
.intro h1{font-size:clamp(42px,5vw,62px)}
.hero-effect{position:relative;min-width:0;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero-effect[hidden]{display:none}.intro.no-effect{grid-template-columns:1fr}
#liquid-metal{width:100%;aspect-ratio:1;position:relative;min-height:200px}
#liquid-metal canvas{display:block;width:100%;height:100%}
#motion-toggle{background:#fffef9b8;border:1px solid #b9c7ac;border-radius:100px;color:var(--ink);font-size:12px;padding:8px 15px;min-height:44px;cursor:pointer}
#motion-toggle[hidden]{display:none}
.card-top{min-height:95px;padding:20px 26px}.card-issue{font-size:42px}.card-topic strong{font-size:22px}
.card-image{position:relative;padding:20px 22px 34px;background:#e7edda}.setup .card-image{background:#f8e4cf}
.card-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:white;border-radius:9px;border:1px solid #243c3015;box-shadow:0 6px 18px #243c3012}
.card-image>span{position:absolute;bottom:8px;left:23px;color:var(--muted);font-size:12px}
.guide-figure{margin:24px 0 30px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px}
.image-expand{position:relative;display:block;background:white;padding:14px;text-decoration:none;cursor:zoom-in}
.image-expand img{display:block;width:100%;height:auto;border-radius:5px}
.expand-label{position:absolute;bottom:20px;right:20px;padding:5px 10px;background:#243c30ed;color:white;border-radius:100px;font-size:12px;opacity:0;transition:opacity .2s}
.image-expand:hover .expand-label,.image-expand:focus-visible .expand-label{opacity:1}
.guide-figure figcaption{border-top:1px solid var(--line);padding:14px 18px;color:var(--muted);font-size:14px;line-height:1.6;background:#f8f8f0}
.guide-figure figcaption a{display:inline-block;color:var(--ink)}
.compact-figure{display:grid;grid-template-columns:230px 1fr;align-items:center}.compact-figure figcaption{border-top:0;border-left:1px solid var(--line);align-self:stretch;align-content:center}.compact-figure img{max-width:216px;margin:auto}
@media(max-width:850px){.intro{grid-template-columns:minmax(0,1fr) 220px;padding:34px}.intro h1{font-size:47px}.hero-actions{gap:14px}}
@media(max-width:640px){.intro{grid-template-columns:1fr;padding:28px 24px;gap:8px}.intro h1{font-size:clamp(36px,10vw,52px)}.hero-effect{width:200px;justify-self:center;margin-top:5px}#liquid-metal{min-height:160px}.card-image{padding:16px 18px 32px}.image-expand{padding:8px}.expand-label{opacity:1;font-size:11px;bottom:12px;right:12px}.compact-figure{grid-template-columns:1fr}.compact-figure figcaption{border-left:0;border-top:1px solid var(--line)}}

/* Michelle's own identity; no decorative WebGL effect. */
.intro{display:block}.intro-text{max-width:850px}.intro h1{font-size:clamp(42px,5.6vw,72px)}
.brand-wordmark{display:block;width:285px;height:auto;margin-block:0;mix-blend-mode:multiply}
.header-inner{min-height:86px}.brand{flex-shrink:0}
.guide-figure.compact-figure{grid-template-columns:minmax(180px,300px) 1fr}.compact-figure img{max-width:300px}
@media(max-width:640px){.brand-wordmark{width:220px;margin-block:0}.header-inner{min-height:76px}.intro h1{font-size:clamp(38px,10vw,56px)}.guide-figure.compact-figure{grid-template-columns:1fr}.compact-figure img{max-width:300px}.compact-figure figcaption{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:360px){.brand-wordmark{width:205px}.header-inner{gap:5px}}