:root{--md-sys-typescale-display-large-size:3.5625rem;--md-sys-typescale-display-large-line-height:4rem;--md-sys-typescale-display-large-tracking:-.015625rem;--md-sys-typescale-display-large-weight:400;--ioc-type-emphasized-display-large-weight:500;--md-sys-typescale-display-medium-size:2.8125rem;--md-sys-typescale-display-medium-line-height:3.25rem;--md-sys-typescale-display-medium-tracking:0rem;--md-sys-typescale-display-medium-weight:400;--ioc-type-emphasized-display-medium-weight:500;--md-sys-typescale-display-small-size:2.25rem;--md-sys-typescale-display-small-line-height:2.75rem;--md-sys-typescale-display-small-tracking:0rem;--md-sys-typescale-display-small-weight:400;--ioc-type-emphasized-display-small-weight:500;--md-sys-typescale-headline-large-size:2rem;--md-sys-typescale-headline-large-line-height:2.5rem;--md-sys-typescale-headline-large-tracking:0rem;--md-sys-typescale-headline-large-weight:400;--ioc-type-emphasized-headline-large-weight:500;--md-sys-typescale-headline-medium-size:1.75rem;--md-sys-typescale-headline-medium-line-height:2.25rem;--md-sys-typescale-headline-medium-tracking:0rem;--md-sys-typescale-headline-medium-weight:400;--ioc-type-emphasized-headline-medium-weight:500;--md-sys-typescale-headline-small-size:1.5rem;--md-sys-typescale-headline-small-line-height:2rem;--md-sys-typescale-headline-small-tracking:0rem;--md-sys-typescale-headline-small-weight:400;--ioc-type-emphasized-headline-small-weight:500;--md-sys-typescale-title-large-size:1.375rem;--md-sys-typescale-title-large-line-height:1.75rem;--md-sys-typescale-title-large-tracking:0rem;--md-sys-typescale-title-large-weight:400;--ioc-type-emphasized-title-large-weight:500;--md-sys-typescale-title-medium-size:1rem;--md-sys-typescale-title-medium-line-height:1.5rem;--md-sys-typescale-title-medium-tracking:.009375rem;--md-sys-typescale-title-medium-weight:500;--ioc-type-emphasized-title-medium-weight:600;--md-sys-typescale-title-small-size:.875rem;--md-sys-typescale-title-small-line-height:1.25rem;--md-sys-typescale-title-small-tracking:.00625rem;--md-sys-typescale-title-small-weight:500;--ioc-type-emphasized-title-small-weight:600;--md-sys-typescale-body-large-size:1rem;--md-sys-typescale-body-large-line-height:1.5rem;--md-sys-typescale-body-large-tracking:.03125rem;--md-sys-typescale-body-large-weight:400;--ioc-type-emphasized-body-large-weight:500;--md-sys-typescale-body-medium-size:.875rem;--md-sys-typescale-body-medium-line-height:1.25rem;--md-sys-typescale-body-medium-tracking:.015625rem;--md-sys-typescale-body-medium-weight:400;--ioc-type-emphasized-body-medium-weight:500;--md-sys-typescale-body-small-size:.75rem;--md-sys-typescale-body-small-line-height:1rem;--md-sys-typescale-body-small-tracking:.025rem;--md-sys-typescale-body-small-weight:400;--ioc-type-emphasized-body-small-weight:500;--md-sys-typescale-label-large-size:.875rem;--md-sys-typescale-label-large-line-height:1.25rem;--md-sys-typescale-label-large-tracking:.00625rem;--md-sys-typescale-label-large-weight:500;--ioc-type-emphasized-label-large-weight:600;--md-sys-typescale-label-medium-size:.75rem;--md-sys-typescale-label-medium-line-height:1rem;--md-sys-typescale-label-medium-tracking:.03125rem;--md-sys-typescale-label-medium-weight:500;--ioc-type-emphasized-label-medium-weight:600;--md-sys-typescale-label-small-size:.6875rem;--md-sys-typescale-label-small-line-height:1rem;--md-sys-typescale-label-small-tracking:.03125rem;--md-sys-typescale-label-small-weight:500;--ioc-type-emphasized-label-small-weight:600}@font-face{font-family:Noto Sans Sinhala;font-style:normal;font-weight:400;font-display:swap;src:url(/m3/assets/noto-sans-sinhala-sinhala-400-normal-B-I-Ey6b.woff2)format("woff2")}@font-face{font-family:Noto Sans Sinhala;font-style:normal;font-weight:600;font-display:swap;src:url(/m3/assets/noto-sans-sinhala-sinhala-600-normal-Ds44rdly.woff2)format("woff2")}@font-face{font-family:Noto Sans Tamil;font-style:normal;font-weight:400;font-display:swap;src:url(/m3/assets/noto-sans-tamil-tamil-400-normal-cIr4vgaa.woff2)format("woff2")}@font-face{font-family:Noto Sans Tamil;font-style:normal;font-weight:600;font-display:swap;src:url(/m3/assets/noto-sans-tamil-tamil-600-normal-CL0EX-O6.woff2)format("woff2")}body{font-family:Roboto Flex Variable,Roboto,Noto Sans Sinhala,Noto Sans Tamil,Arial,sans-serif}:lang(si){--md-ref-typeface-brand:"Noto Sans Sinhala";--md-ref-typeface-plain:"Noto Sans Sinhala";font-family:Noto Sans Sinhala,Roboto Flex Variable,sans-serif}:lang(ta){--md-ref-typeface-brand:"Noto Sans Tamil";--md-ref-typeface-plain:"Noto Sans Tamil";font-family:Noto Sans Tamil,Roboto Flex Variable,sans-serif}@font-face{font-family:Noto Sans Sinhala;font-style:normal;font-weight:500;font-display:swap;src:url(/m3/assets/noto-sans-sinhala-sinhala-500-normal-jksuUY-V.woff2)format("woff2")}@font-face{font-family:Noto Sans Tamil;font-style:normal;font-weight:500;font-display:swap;src:url(/m3/assets/noto-sans-tamil-tamil-500-normal-BVAU6dDX.woff2)format("woff2")}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/m3/assets/roboto-flex-cyrillic-ext-wght-normal-CVcCQn0y.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/m3/assets/roboto-flex-cyrillic-wght-normal-BJ-nQEdz.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/m3/assets/roboto-flex-greek-wght-normal-DeN4rzfy.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/m3/assets/roboto-flex-vietnamese-wght-normal-AVFfiTln.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/m3/assets/roboto-flex-latin-ext-wght-normal-gysdOMcS.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/m3/assets/roboto-flex-latin-wght-normal-n-dP9qr2.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Material Symbols Rounded;src:url(/m3/assets/material-symbols-rounded-COVj9WUs.woff2)format("woff2");font-style:normal;font-weight:100 700;font-display:block}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-orange:#ff5a00;--brand-ink:#28190f;--md-ref-typeface-brand:"Roboto Flex Variable","Roboto","Noto Sans Sinhala","Noto Sans Tamil",Arial,sans-serif;--md-ref-typeface-plain:"Roboto Flex Variable","Roboto","Noto Sans Sinhala","Noto Sans Tamil",Arial,sans-serif;--md-sys-motion-duration-short4:.2s;--md-sys-motion-duration-medium2:.3s;--md-sys-motion-duration-long2:.5s;--md-sys-motion-easing-standard:cubic-bezier(.2,0,0,1);--surface-page:#fffaf6;font-family:Roboto Flex Variable,Roboto,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--md-sys-color-surface,#fffaf6);min-width:320px;color:var(--md-sys-color-on-surface,#201b18);margin:0;font-family:Roboto Flex Variable,Roboto,Noto Sans Sinhala,Noto Sans Tamil,Arial,sans-serif;line-height:1.5}body[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-page:#17120f}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.04}h1{font-weight:720}h2{font-weight:680}h3{font-weight:660}p{line-height:1.55}.material-symbols-rounded{letter-spacing:normal;white-space:nowrap;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Rounded;font-size:23px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.skip-link{z-index:1000;color:#141414;background:#fff;border-radius:20px;padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.site-shell{min-height:100vh;display:flex}.navigation-rail{z-index:40;background:var(--md-sys-color-surface-container-low,#f5f0ed);border-right:1px solid var(--md-sys-color-outline-variant,#e7dcd4);flex-direction:column;flex:0 0 104px;align-items:center;width:104px;padding:20px 8px 16px;display:flex;position:fixed;inset:0 auto 0 0}.navigation-rail nav{flex-direction:column;align-items:center;gap:9px;width:100%;display:flex}.navigation-rail nav a{width:100%;min-height:66px;color:var(--md-sys-color-on-surface-variant,#5e5650);outline-offset:2px;flex-direction:column;align-items:center;gap:5px;padding:4px;font-size:10px;font-weight:560;text-decoration:none;display:flex}.rail-icon{min-width:62px;height:36px;transition:background var(--md-sys-motion-duration-short4),border-radius var(--md-sys-motion-duration-short4),transform var(--md-sys-motion-duration-short4);border-radius:18px;place-items:center;display:grid}.navigation-rail nav a:hover .rail-icon{background:var(--md-sys-color-surface-container-high,#e8dcd5);transform:scale(1.05)}.navigation-rail nav a[aria-current=page]{color:var(--md-sys-color-on-surface,#292018);font-weight:740}.navigation-rail nav a[aria-current=page] .rail-icon{background:var(--md-sys-color-secondary-container,#f3decf);color:var(--md-sys-color-on-secondary-container,#422c1c);border-radius:22px}.rail-bottom{justify-items:center;gap:12px;margin-top:auto;display:grid}.rail-bottom button,.rail-bottom a,.top-icon-btn{width:42px;height:42px;color:var(--md-sys-color-on-surface,#271c14);background:0 0;border:0;border-radius:50%;place-items:center;text-decoration:none;display:grid}.rail-bottom button:hover,.rail-bottom a:hover,.top-icon-btn:hover{background:var(--md-sys-color-surface-container-high,#e9dcd3)}.content-shell{width:calc(100% - 104px);min-width:0;margin-left:104px}.brand-digit{color:var(--brand-orange)}main{max-width:1800px;min-height:calc(100vh - 175px);margin:0 auto;padding:12px clamp(24px,5vw,70px) 100px}.page[hidden]{display:none!important}.page{animation:page-enter .38s var(--md-sys-motion-easing-standard) both}@keyframes page-enter{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.eyebrow,.kicker{letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800}.home-section{margin-top:70px}.section-intro{justify-content:space-between;align-items:end;gap:22px;margin-bottom:26px;display:flex}.section-intro h2{margin-bottom:0;font-size:clamp(32px,4vw,58px)}.section-intro p{max-width:330px;color:var(--md-sys-color-on-surface-variant);margin:0;font-size:14px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-card{background:var(--md-sys-color-surface-container,#f3e8df);min-height:338px;transition:transform .28s var(--md-sys-motion-easing-standard),background .28s;border-radius:32px;flex-direction:column;padding:28px;text-decoration:none;display:flex;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{margin:8px 0 12px;font-size:clamp(23px,2.3vw,36px)}.feature-card p{color:var(--md-sys-color-on-surface-variant);font-size:13px}.card-icon{color:var(--md-sys-color-primary);font-size:28px}.card-footer{justify-content:space-between;align-items:center;margin-top:auto;font-size:12px;font-weight:710;display:flex}.card-footer .material-symbols-rounded{font-size:24px}.feature-card--orange{color:#201208;background:#ff6c1d}.feature-card--orange p{color:#382119}.feature-card--orange .card-icon{color:#201208}.feature-card--night{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.feature-card--night p,.feature-card--night .card-icon{color:inherit}.feature-card--cream{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.feature-card--cream p,.feature-card--cream .card-icon{color:inherit}.pill-row{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.pill{border:1px solid var(--md-sys-color-outline-variant);border-radius:100px;align-items:center;padding:7px 13px;font-size:12px;font-weight:650;display:inline-flex}.page-heading{max-width:900px;margin:46px 0 44px}.page-heading h1{margin:16px 0 20px;font-size:clamp(55px,6vw,92px)}.page-heading p{max-width:720px;color:var(--md-sys-color-on-surface-variant);font-size:clamp(15px,1.5vw,19px)}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.foundation-card,.stage,.role-panel,.wide-info{background:var(--md-sys-color-surface-container-low,#f9eee7);border-radius:28px;min-width:0;padding:clamp(20px,2.6vw,36px)}.foundation-card{flex-direction:column;min-height:260px;display:flex}.foundation-card .material-symbols-rounded{color:var(--md-sys-color-primary);font-size:36px}.foundation-card h2{margin:26px 0 12px;font-size:30px}.foundation-card p{color:var(--md-sys-color-on-surface-variant);font-size:14px}.stage{background:var(--md-sys-color-surface-container,#f2e8df);margin-bottom:18px}.stage h2{margin:0 0 8px;font-size:27px}.stage p{color:var(--md-sys-color-on-surface-variant);font-size:13px}.demo-controls,.button-row{flex-wrap:wrap;align-items:center;gap:16px;margin-top:25px;display:flex}.control-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0;display:grid}.control-row>*{min-width:0}.split-stage{grid-template-columns:1fr 1fr;gap:28px;display:grid}.type-display{letter-spacing:-.07em;font-size:clamp(48px,6vw,92px);font-weight:730;line-height:1}.type-headline{letter-spacing:-.05em;font-size:34px}.role-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.role-swatch{overflow-wrap:anywhere;border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:20px;flex-direction:column;justify-content:space-between;min-height:125px;padding:19px 15px;display:flex}.role-swatch small{font-size:11px;font-weight:710}.role-swatch span{font-size:10px}.code-inline{background:var(--md-sys-color-surface-container-high);border-radius:7px;padding:5px 8px;font-size:12px}.motion-row{align-items:center;gap:25px;margin-top:24px;display:flex}.motion-pill{background:var(--md-sys-color-primary-container);width:74px;height:74px;color:var(--md-sys-color-on-primary-container);transition:transform .4s var(--md-sys-motion-easing-standard),border-radius .4s;border-radius:22px;place-items:center;display:grid}.motion-pill:hover{border-radius:38px;transform:rotate(12deg)scale(1.12)}.notice{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);border-radius:22px;align-items:start;gap:12px;margin:22px 0;padding:17px 20px;font-size:13px;display:flex}.notice .material-symbols-rounded{flex:0 0 23px}.demo-hero{justify-content:space-between;align-items:flex-start;gap:28px;margin:34px 0 30px;display:flex}.demo-hero h1{margin:8px 0 15px;font-size:clamp(48px,5vw,76px)}.demo-hero p{color:var(--md-sys-color-on-surface-variant);font-size:15px}.demo-hero md-filled-button{margin-top:16px}.demo-stats{grid-template-columns:1.6fr 1fr 1fr;gap:16px;margin:24px 0;display:grid}.stat-card{background:var(--md-sys-color-surface-container);border-radius:30px;flex-direction:column;justify-content:space-between;min-height:186px;padding:28px;display:flex}.stat-card .stat-label{color:var(--md-sys-color-on-surface-variant);font-size:13px;font-weight:650}.stat-card .stat-value{letter-spacing:-.07em;font-size:clamp(30px,3vw,53px);font-weight:730;line-height:1.1}.stat-card .stat-sub{color:var(--md-sys-color-on-surface-variant);font-size:11px}.stat-card--accent{color:#281809;background:#ff6c20}.stat-card--accent .stat-label,.stat-card--accent .stat-sub{color:#432310}.currency-bubble{background:var(--md-sys-color-primary-container);width:42px;height:42px;color:var(--md-sys-color-on-primary-container);border-radius:50%;place-items:center;display:grid}.account-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0;display:grid}.account-card{background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:26px;flex-direction:column;gap:18px;min-height:160px;padding:24px;display:flex}.account-card strong{letter-spacing:-.04em;font-size:24px}.account-card small{color:var(--md-sys-color-on-surface-variant);font-size:12px}.account-top{justify-content:space-between;align-items:center;display:flex}.account-top strong{letter-spacing:0;font-size:14px}.activity-layout{grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:18px;margin:22px 0;display:grid}.activity-panel,.insight-panel{background:var(--md-sys-color-surface-container-low);border-radius:30px;min-width:0;padding:26px}.activity-panel h2,.insight-panel h2{margin:0 0 8px;font-size:24px}.activity-panel p,.insight-panel p{color:var(--md-sys-color-on-surface-variant);font-size:12px}.activity-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:22px 0 15px;display:flex}.activity-toolbar input{border:1px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-radius:100px;flex:1;min-width:130px;max-width:320px;padding:11px 17px;font-size:13px}.activity-row{border-bottom:1px solid var(--md-sys-color-outline-variant);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px 0;display:grid}.activity-row:last-child{border-bottom:0}.row-icon{background:var(--md-sys-color-secondary-container);width:42px;height:42px;color:var(--md-sys-color-on-secondary-container);border-radius:14px;place-items:center;display:grid}.activity-row h3{letter-spacing:0;margin:0 0 2px;font-size:14px;line-height:1.35}.activity-row small{color:var(--md-sys-color-on-surface-variant);font-size:11px}.activity-amount{text-align:right;font-size:13px;font-weight:760}.activity-amount small{font-weight:500;display:block}.insight-illustration{background:linear-gradient(135deg,#ffb87e,#ff610a,#f5d8b9);border-radius:24px;place-items:center;height:180px;margin:20px 0;display:grid;position:relative;overflow:hidden}.insight-illustration:before{content:"";border:23px solid #fff6df95;border-radius:42% 58% 37% 63%;width:145px;height:145px;position:absolute;transform:rotate(22deg)}.insight-illustration .material-symbols-rounded{color:#482318;z-index:2;font-size:80px}.empty-state{color:var(--md-sys-color-on-surface-variant);padding:28px 8px;font-size:14px}.site-footer{border-top:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:20px clamp(24px,5vw,70px) 0;padding:22px 0 30px;font-size:11px;display:flex}.toast{z-index:200;background:var(--md-sys-color-inverse-surface,#333);color:var(--md-sys-color-inverse-on-surface,#fff);border-radius:15px;padding:14px 20px;font-size:13px;position:fixed;bottom:28px;right:24px;box-shadow:0 14px 30px #0003}.toast[hidden]{display:none}.search-dialog{background:var(--md-sys-color-surface-container-high);width:100%;max-width:min(570px,100vw - 28px);color:var(--md-sys-color-on-surface);border:0;border-radius:28px;padding:0;position:fixed;box-shadow:0 22px 90px #0004}.search-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#24170988}.search-form{border-bottom:1px solid var(--md-sys-color-outline-variant);align-items:center;gap:12px;padding:18px 20px;display:flex}.search-form input{min-width:0;color:inherit;background:0 0;border:0;outline:0;flex:1}.search-form button{color:inherit;background:0 0;border:0}.search-options{gap:4px;padding:12px;display:grid}.search-options button{text-align:left;color:inherit;background:0 0;border:0;border-radius:13px;align-items:center;gap:12px;padding:13px;font-size:13px;display:flex}.search-options button:hover{background:var(--md-sys-color-surface-container)}:focus-visible{outline:3px solid var(--md-sys-color-primary,#a64717);outline-offset:3px}@media (width<=1220px){.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card:last-child{grid-column:span 2;min-height:260px}}@media (width<=900px){.navigation-rail{flex-basis:86px;width:86px}.content-shell{width:calc(100% - 86px);margin-left:86px}.navigation-rail nav a{font-size:9px}.demo-stats{grid-template-columns:repeat(2,1fr)}.stat-card:first-child{grid-column:span 2}.role-grid{grid-template-columns:repeat(3,1fr)}.activity-layout,.section-grid,.split-stage{grid-template-columns:1fr}}@media (width<=620px){body{min-width:0}.navigation-rail{width:100%;height:76px;padding:4px 6px calc(4px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);z-index:80;flex-direction:row;justify-content:center;inset:auto 0 0}.navigation-rail nav{flex-direction:row;justify-content:space-around;gap:2px}.navigation-rail nav a{gap:2px;width:25%;min-height:60px;padding:3px;font-size:10px}.rail-icon{min-width:54px;height:30px}.rail-icon .material-symbols-rounded{font-size:21px}.content-shell{width:100%;margin-left:0}.top-icon-btn{width:37px;height:37px}.top-icon-btn .material-symbols-rounded{font-size:21px}main{padding:5px 15px 90px}.site-footer{margin:12px 18px 80px;font-size:10px}.home-section{margin-top:43px}.section-intro{flex-direction:column;align-items:start;gap:10px}.section-intro h2{font-size:37px}.section-intro p{font-size:12px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card,.feature-card:last-child{grid-column:auto;min-height:260px;padding:24px}.feature-card h3{font-size:27px}.page-heading{margin:30px 2px}.page-heading h1{font-size:54px}.page-heading p{font-size:14px}.foundation-card,.stage,.role-panel{border-radius:24px;padding:22px}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.role-swatch{min-height:104px;padding:13px}.demo-hero{flex-direction:column;gap:5px}.demo-hero h1{font-size:45px}.demo-stats{gap:9px}.stat-card{border-radius:22px;min-height:140px;padding:18px}.stat-card .stat-value{font-size:29px}.account-grid{grid-template-columns:1fr}.account-card{min-height:120px;padding:19px}.activity-panel,.insight-panel{border-radius:24px;padding:20px}.activity-row{grid-template-columns:40px minmax(0,1fr) auto;gap:9px}.activity-amount{font-size:11px}.activity-row h3{font-size:12px}.control-row{grid-template-columns:1fr}.toast{bottom:90px;left:14px;right:14px}.site-footer{padding-bottom:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page{animation:none}.feature-card,.motion-pill,.rail-icon{transition:none}}:root{--docs-rail-width:88px;--docs-drawer-width:224px;--docs-panel-radius:28px;--docs-panel-gap:8px;--docs-heading-tracking:-.028em}.docs-mobile-bar{display:none}.navigation-rail{width:var(--docs-rail-width);flex-basis:var(--docs-rail-width);background:color-mix(in srgb, var(--md-sys-color-surface) 94%, var(--md-sys-color-on-surface));padding:18px 6px 16px;overflow-y:auto}.navigation-rail nav{gap:2px;margin-block:16px}.navigation-rail nav a{min-height:60px;font-size:11px}.rail-icon{min-width:56px;height:32px}#search-trigger{background:var(--md-sys-color-secondary-container);width:56px;height:56px;color:var(--md-sys-color-on-secondary-container);border-radius:16px;flex:none}.rail-bottom{margin-block-start:auto}#rail-theme{border:1px solid var(--md-sys-color-outline)}.content-shell{width:calc(100% - var(--docs-rail-width));margin-left:var(--docs-rail-width)}#section-nav{z-index:45;inset:0 auto 0 var(--docs-rail-width);width:var(--docs-drawer-width);background:var(--md-sys-color-surface-container-low);padding:12px;position:fixed;overflow:auto;box-shadow:4px 0 16px #0002}#section-nav a,.docs-contents a{border-radius:24px;padding:12px 16px;text-decoration:none;display:block}#section-nav a:hover,.docs-contents a:hover{background:var(--md-sys-color-surface-container-high)}#section-nav .section-overview{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-weight:650}.site-shell :focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:3px}.docs-hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:clamp(460px,41vw,620px);display:grid}main:has(#page-home:not([hidden])){max-width:none;padding:8px 8px 80px}:is(main:has(.topic-article:not([hidden])),main:has(.page:not([hidden])>.docs-article:not([hidden]) .section-hero)){padding:12px clamp(12px,2.2vw,36px) 80px}.docs-hero-copy,.article-intro{--intro-surface:color-mix(in srgb, var(--md-sys-color-surface) 92%, var(--md-sys-color-on-surface))}.docs-hero-copy,.docs-hero-art{border-radius:var(--docs-panel-radius);overflow:hidden}.docs-hero-copy{background:var(--intro-surface);flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(30px,4.2vw,76px);display:flex}.docs-hero-copy h1{letter-spacing:var(--docs-heading-tracking);margin-bottom:24px;font-size:clamp(48px,6.4vw,96px);font-weight:440;line-height:1.06}.docs-hero-copy p{max-width:36ch;font-size:clamp(18px,1.7vw,26px);line-height:1.32}.docs-hero-copy md-filled-button{--md-filled-button-container-height:72px;--md-filled-button-label-text-size:22px;--md-filled-button-leading-space:44px;--md-filled-button-trailing-space:44px}.docs-hero-art{isolation:isolate;background:var(--md-sys-color-primary-container);position:relative}#hero-motion{z-index:1;position:absolute;bottom:16px;right:16px}.expressive-art{pointer-events:none;background:radial-gradient(ellipse at 76% 84%, var(--md-sys-color-primary-container), var(--md-sys-color-surface-container-high));position:absolute;inset:0;overflow:hidden;container-type:inline-size}.expressive-art i{transform:rotate(var(--turn,0deg));background:linear-gradient(145deg, var(--shape-light), var(--shape-ink));display:block;position:absolute;box-shadow:inset 0 1px 2px #ffffff40,0 18px 32px #20213529}.art-home{--shape-light:#fff1ce;--shape-ink:#ef6534;background:radial-gradient(at 82% 94%,#ffad69 0%,#0000 61%),linear-gradient(150deg,#eae3fb,#9d80c0 52%,#55558a)}body[data-palette=blue] .art-home{--shape-light:#eff5ff;--shape-ink:#3d67ce;background:radial-gradient(at 78% 84%,#8bc7ee 0%,#0000 62%),linear-gradient(145deg,#dce8ff,#615d9f 64%,#3055a6)}body[data-palette=fusion] .art-home{--shape-light:#e6f0ff;--shape-ink:#284dad;background:radial-gradient(at 74% 84%,#e7effc 0%,#0000 62%),#829acb}body[data-palette=fusion] .art-home i:nth-child(2){background:linear-gradient(145deg,#ffedd7,#ff7d35 65%,#d5481e)}.art-home i:first-child{--turn:-20deg;background:linear-gradient(138deg, var(--shape-light), var(--shape-ink) 74%, #603e72);border-radius:43% 57% 58% 42%/40% 35% 65% 60%;width:78cqw;height:73cqw;animation:11s cubic-bezier(.4,0,.2,1) infinite ioc-orbit;top:9%;left:12%}.art-home i:nth-child(2){background:linear-gradient(140deg,#fff2e4,#bf90ce 60%,#7156a1);border-radius:50%;width:31cqw;height:31cqw;animation:8s cubic-bezier(.4,0,.2,1) infinite reverse ioc-orbit;top:-10%;right:-5%}.art-home i:nth-child(3){--turn:-19deg;background:linear-gradient(140deg,#fffceb,#c1b8eb 65%,#765493);border-radius:52% 48% 44% 56%;width:40cqw;height:29cqw;animation:9s cubic-bezier(.4,0,.2,1) infinite ioc-orbit;bottom:-7%;left:3%}.art-home i:nth-child(4){display:none}.docs-hero-art.motion-paused .expressive-art i{animation-play-state:paused}@keyframes ioc-orbit{0%,to{transform:rotate(var(--turn,0deg))}50%{transform:translateY(-15px) rotate(calc(var(--turn,0deg) + 18deg))}}.overview-art,.article-showcase{isolation:isolate;position:relative;overflow:hidden}.overview-art .expressive-art,.article-showcase .expressive-art{z-index:-1}.art-foundations,.art-styles,.art-components{--shape-light:var(--md-sys-color-tertiary-container);--shape-ink:var(--md-sys-color-tertiary)}.art-foundations i{--turn:-14deg;border-radius:26px;width:42%;height:37%;top:31%;left:29%}.art-foundations i:first-child{translate:-24% 28%}.art-foundations i:nth-child(2){--shape-light:var(--md-sys-color-secondary-container);--shape-ink:var(--md-sys-color-secondary);translate:0 -4%}.art-foundations i:nth-child(3){--shape-light:var(--md-sys-color-primary-container);--shape-ink:var(--md-sys-color-primary);translate:22% -34%}.art-foundations i:nth-child(4){display:none}.art-styles i,.art-components i{--turn:-18deg;border-radius:42% 58% 48% 52%;width:36%;height:62%;top:19%;left:13%}.art-styles i:nth-child(2),.art-components i:nth-child(2){--turn:24deg;--shape-ink:var(--md-sys-color-secondary);--shape-light:var(--md-sys-color-secondary-container);top:10%;left:34%}.art-styles i:nth-child(3),.art-components i:nth-child(3){--shape-ink:var(--md-sys-color-primary);--shape-light:var(--md-sys-color-primary-container);top:30%;left:56%}.art-styles i:nth-child(4),.art-components i:nth-child(4){display:none}.art-components i{border-radius:80px;height:42%}.art-components i:nth-child(2){border-radius:36px}.overview-art .expressive-art i{animation:.48s cubic-bezier(.2,0,0,1) both art-reveal}.overview-art .expressive-art i:nth-child(2){animation-delay:45ms}.overview-art .expressive-art i:nth-child(3){animation-delay:90ms}@keyframes art-reveal{0%{opacity:0;transform:translateY(16px) rotate(var(--turn,0deg)) scale(.92)}to{opacity:1;transform:rotate(var(--turn,0deg))}}.example-canvas{background:var(--md-sys-color-surface-container-low);border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;min-width:0;padding:clamp(14px,2vw,26px);display:flex}.article-showcase{padding:clamp(14px,2.4vw,34px)}@media (prefers-reduced-motion:reduce){.docs-hero-art .expressive-art i,.overview-art .expressive-art i{animation:none}}#page-home .home-section{width:min(86%,1440px);margin:clamp(54px,9vw,130px) auto 0}.eyebrow{color:var(--md-sys-color-primary)}.docs-article{min-width:0}.docs-article .page-heading h1{letter-spacing:-.015em;font-size:clamp(45px,5vw,76px);font-weight:440;line-height:1.12}.docs-article .page-heading p{max-width:62ch;font-size:clamp(16px,1.5vw,19px);line-height:1.6}.docs-article :is(h2,h3){letter-spacing:-.01em;line-height:1.2}.docs-contents{display:none}.docs-pagination{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-block:32px;display:flex}.docs-pagination a{background:var(--md-sys-color-surface-container);border-radius:24px;flex:160px;padding:18px 24px;text-decoration:none}.docs-pagination a:hover{background:var(--md-sys-color-surface-container-high)}.docs-pagination small{color:var(--md-sys-color-on-surface-variant);display:block}#theme-picker{border:1px solid var(--md-sys-color-outline);max-width:100%;color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface);border-radius:12px;margin-block:8px 20px;padding:12px;display:block}@media (width>=1180px){.page:has(>.docs-article):not([hidden]){grid-template-columns:minmax(0,1fr) 180px;gap:28px;display:grid}.docs-contents{align-self:start;padding-top:18px;font-size:14px;display:block;position:sticky;top:28px}.docs-contents strong{padding-inline:16px}}@media (width<=900px){.docs-hero{grid-template-columns:minmax(0,1fr)}.docs-hero-art{min-height:300px}}@media (width<=620px){.docs-mobile-bar{z-index:90;background:var(--md-sys-color-surface-container-low);justify-content:space-between;align-items:center;gap:8px;height:60px;padding:0 12px;display:flex;position:fixed;inset:0 0 auto}.docs-mobile-bar a{font-weight:650;text-decoration:none}.content-shell{width:100%;margin:60px 0 0}.navigation-rail{border-top:0;flex-direction:column;justify-content:flex-start;align-items:stretch;width:min(272px,90vw);height:auto;padding:12px;display:none;inset:60px auto 0 0}.navigation-rail.is-open{display:flex}.navigation-rail nav{flex-direction:column;align-items:stretch}.navigation-rail nav a,.navigation-rail nav a[data-page=foundations],.navigation-rail nav a[data-page=patterns]{flex-direction:row;width:100%;min-height:48px;font-size:14px;display:flex}#section-nav{width:min(272px,90vw);inset:60px auto 0 0}.docs-hero-copy{padding:36px 24px}.docs-hero-copy h1{font-size:clamp(42px,10.8vw,64px)}.docs-hero-copy md-filled-button{--md-filled-button-container-height:56px;--md-filled-button-label-text-size:18px}.docs-hero-art{min-height:230px}#page-home .home-section{width:calc(100% - 24px)}.docs-article .page-heading h1{overflow-wrap:anywhere;font-size:clamp(36px,10vw,48px)}.site-footer{margin-bottom:20px}}.search-options button[hidden]{display:none}.top-icon-btn .material-symbols-rounded{inline-size:1em;overflow:hidden}@media (width<=620px){.docs-mobile-bar .top-icon-btn{flex:0 0 44px;height:44px}.docs-article h2{scroll-margin-top:76px}}md-assist-chip{--md-assist-chip-outline-color:var(--md-sys-color-outline)}md-filter-chip{--md-filter-chip-outline-color:var(--md-sys-color-outline)}md-suggestion-chip{--md-suggestion-chip-outline-color:var(--md-sys-color-outline)}.search-form:focus-within{box-shadow:inset 0 0 0 2px var(--md-sys-color-primary)}.search-form input::placeholder,.activity-toolbar input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:1}.page.has-topic:not([hidden]){display:block}.page [hidden]{display:none!important}.article-trail{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;font-size:14px;display:flex}.article-intro{border-radius:var(--docs-panel-radius);background:var(--intro-surface);padding:clamp(24px,4vw,56px)}.article-intro h1{letter-spacing:var(--docs-heading-tracking);overflow-wrap:anywhere;margin-bottom:16px;font-size:clamp(36px,5.2vw,76px);font-weight:430;line-height:1.08}.article-intro p{max-width:38ch;margin-bottom:0;font-size:clamp(16px,1.6vw,21px);line-height:1.48}.article-hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:clamp(330px,31vw,500px);display:grid}.article-hero .article-intro{align-content:center;display:grid}.article-source{background:var(--md-sys-color-secondary-container);width:fit-content;color:var(--md-sys-color-on-secondary-container);border-radius:24px;margin-top:20px;padding:6px 12px;font-size:13px}.article-example{background:var(--md-sys-color-surface-container-high);border-radius:28px;flex-wrap:wrap;place-content:center;align-items:center;gap:14px;min-width:0;padding:clamp(16px,3vw,40px);display:flex}.article-example :is(md-slider,md-linear-progress,md-list,md-tabs,.article-swatches){width:100%}.article-example :is(md-chip-set,md-outlined-select,md-outlined-text-field,md-filled-text-field){min-width:0;max-width:100%}.article-swatches{grid-template-columns:repeat(auto-fit,minmax(min(100%,100px),1fr))}.article-swatches .role-swatch:nth-child(n+9){display:none}.article-tabs{background:var(--md-sys-color-surface-container-low);border-radius:28px;margin-block:10px 0;display:flex;overflow:auto}.article-tabs md-primary-tab{flex:1 0 auto;min-width:0}.article-reading{grid-template-columns:minmax(0,66ch) minmax(130px,176px);justify-content:center;gap:clamp(24px,5vw,80px);padding-block:clamp(28px,6vw,84px) 20px;display:grid}.article-reading h2,.topic-group h2,.lab-heading{letter-spacing:-.015em;font-size:clamp(24px,3vw,36px);font-weight:480;line-height:1.2}.article-reading h2{scroll-margin-top:78px}.article-contents{align-content:start;align-self:start;gap:8px;font-size:14px;display:grid;position:sticky;top:24px}.topic-group,.lab-heading{margin-block:clamp(32px,5vw,72px) 18px}.topic-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr));gap:8px;padding:0;list-style:none;display:grid}.topic-grid a{background:var(--intro-surface,var(--md-sys-color-surface-container-low));border-radius:24px;gap:12px;height:100%;padding:24px;text-decoration:none;display:grid}.topic-grid a:hover{background:var(--md-sys-color-surface-container-high)}.topic-grid a strong{font-size:20px;font-weight:520}.topic-nav-group{margin-top:18px}.topic-nav-group strong{padding:8px 16px;font-size:13px;display:block}#section-nav a[aria-current=page]{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-weight:600}.type-sample{gap:8px;display:grid}.type-sample strong{font-size:42px;font-weight:430}.type-sample span{font-size:28px}.layout-example,.shape-samples,.elevation-samples{flex-wrap:wrap;gap:8px;display:flex}.layout-example span,.shape-samples span,.elevation-samples span{background:var(--md-sys-color-surface);padding:14px}.shape-samples span:first-child{border-radius:8px}.shape-samples span:nth-child(2){border-radius:16px}.shape-samples span:nth-child(3){border-radius:28px}.elevation-samples span:nth-child(2){background:var(--md-sys-color-surface-container)}.elevation-samples span:nth-child(3){background:var(--md-sys-color-surface-container-highest)}@media (width>=621px){.has-section-navigation .content-shell{width:calc(100% - var(--docs-rail-width) - var(--docs-drawer-width));margin-left:calc(var(--docs-rail-width) + var(--docs-drawer-width))}#section-nav{box-shadow:none;border-right:1px solid var(--md-sys-color-outline-variant)}}@media (width<=950px){.article-reading{grid-template-columns:minmax(0,1fr)}.article-contents{grid-row:1;position:static}}@media (width<=800px){.article-hero{grid-template-columns:minmax(0,1fr)}.article-example{min-height:165px}}.example-card{background:var(--md-sys-color-surface);border-radius:16px;padding:22px}.example-card h3{letter-spacing:0;font-weight:520}.example-date{gap:12px;max-width:100%;display:grid}.example-date label{gap:4px;display:grid}.example-date input{max-width:100%;min-height:44px;color:inherit;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:4px;padding:8px}.example-status:not(:empty){background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);border-radius:8px;padding:12px 16px}.color-example{width:100%}.color-example p{margin-bottom:10px}.example-app-bar,.badge-example{align-items:center;gap:8px;display:flex}.example-app-bar{background:var(--md-sys-color-surface);border-radius:16px;justify-content:space-between;width:100%;padding:8px 16px}.badge-example span{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error);border-radius:20px;padding:2px 8px}.section-hero{min-height:clamp(340px,38vw,540px)}.overview-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.mobile-topics{display:none}@media (width<=620px){.mobile-topics{border:1px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface);min-height:44px;color:inherit;border-radius:20px;padding:6px 12px;display:inline-block}}.example-nav{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.example-nav [aria-current]{font-weight:650}.carousel-example{width:100%}.carousel-example output{margin-top:8px;display:block}.example-sheet{background:var(--md-sys-color-surface-container-high);width:min(100%,560px);max-width:100%;color:var(--md-sys-color-on-surface);border:0;border-radius:28px 28px 0 0;margin:auto auto 0;padding:26px}.example-sheet::backdrop{background:#0007}.example-sheet form{justify-content:end;display:flex}.example-tooltip{justify-items:center;gap:10px;display:grid}.example-tooltip button{min-height:44px;font:inherit;padding-inline:12px}.example-tooltip span{opacity:0;background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);border-radius:8px;padding:8px 12px}.example-tooltip:not(.tooltip-dismissed):is(:hover,:focus-within) span{opacity:1}.article-tabs{--md-primary-tab-container-height:60px;--md-primary-tab-container-shape:28px;--md-primary-tab-container-color:transparent;--md-primary-tab-active-indicator-height:0px;--md-primary-tab-label-text-font:"Roboto Flex Variable", Roboto, sans-serif}.article-tabs md-primary-tab[data-selected]{--md-primary-tab-container-color:var(--md-sys-color-secondary-container);--md-primary-tab-active-label-text-color:var(--md-sys-color-on-secondary-container);--md-primary-tab-active-focus-label-text-color:var(--md-sys-color-on-secondary-container);--md-primary-tab-active-hover-label-text-color:var(--md-sys-color-on-secondary-container);--md-primary-tab-active-pressed-label-text-color:var(--md-sys-color-on-secondary-container);border-radius:28px}.article-reading [role=tabpanel]{min-width:0}.article-reading [role=tabpanel] section+section{margin-top:34px}.article-reading [role=tabpanel] pre{background:var(--md-sys-color-surface-container);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;max-width:100%;padding:18px;overflow:auto}#hero-motion[hidden]{display:none}.motion-example{width:100%}.motion-example summary{cursor:pointer;background:var(--md-sys-color-secondary-container);min-height:44px;color:var(--md-sys-color-on-secondary-container);border-radius:16px;padding:12px}.motion-example div{margin-top:10px;padding:12px}@media (prefers-reduced-motion:no-preference){.motion-example[open] div{animation:.22s cubic-bezier(.2,0,0,1) both ioc-details-enter}}@keyframes ioc-details-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}#page-home .section-intro h2{letter-spacing:-.025em;font-weight:480;line-height:1.1}.overview-art .art-foundations{background:linear-gradient(120deg, var(--md-sys-color-secondary-container), var(--md-sys-color-primary-container))}.overview-art .art-foundations i{border-radius:24% 48% 26% 40%;width:48%;height:49%;top:27%;left:25%}body[data-palette=orange] :is(.art-foundations,.art-styles,.art-components) i:first-child{--shape-light:#e5defc;--shape-ink:#7461b4}body[data-palette=orange] .overview-art .art-foundations i:nth-child(3){--shape-light:#ffd4a9;--shape-ink:#ef703c}.article-showcase .example-canvas{background:var(--md-sys-color-surface);box-shadow:0 12px 32px color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent)}.article-reading p{line-height:1.65}.article-contents{border-inline-start:1px solid var(--md-sys-color-outline-variant);padding-inline-start:16px}.article-contents a{color:var(--md-sys-color-on-surface-variant)}@media (width<=620px){.docs-hero,.article-hero{gap:var(--docs-panel-gap)}.article-intro{padding:28px 22px}.article-intro h1{font-size:clamp(34px,10vw,48px)}.article-hero,.section-hero{min-height:0}.section-hero .overview-art{min-height:206px}.article-reading{gap:24px}.article-contents{padding-inline-start:12px}}.topic-grid a{grid-template-rows:auto 1fr;gap:0;padding:0;overflow:hidden}.topic-card-copy{align-content:start;gap:9px;padding:20px 22px;display:grid}.topic-card-copy>span:not(.topic-card-arrow){color:var(--md-sys-color-on-surface-variant);line-height:1.48}.topic-card-arrow{color:var(--md-sys-color-primary);justify-self:end;font-size:20px}.topic-art{aspect-ratio:2.25;background:var(--md-sys-color-secondary-container);--topic-ink:var(--md-sys-color-secondary);--topic-accent:var(--md-sys-color-primary);--topic-base:var(--md-sys-color-surface);place-items:center;min-height:130px;display:grid;overflow:hidden}.topic-art:is([data-art=color],[data-art=shape],[data-art=interaction],[data-art=customization]){background:var(--md-sys-color-tertiary-container);--topic-ink:var(--md-sys-color-tertiary)}.topic-art svg{width:min(100%,300px);height:100%;max-height:158px;fill:var(--topic-base);display:block}.topic-art .ink{fill:var(--topic-ink)}.topic-art .accent{fill:var(--topic-accent)}.topic-art :is(.line,.outline){fill:none;stroke:var(--topic-ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:8px}.example-caption{color:var(--md-sys-color-on-surface-variant);flex-basis:100%;font-size:13px;font-weight:600}.art-home i{box-shadow:inset 0 1px 2px #ffffff70,inset 14px 14px 40px #ffffff25,0 18px 32px #20213529}.reporting-card{background:var(--md-sys-color-surface-container);width:min(100%,340px);padding:0;overflow:hidden}.reporting-card>div{padding:16px 18px}.reporting-card .topic-art{aspect-ratio:3;min-height:100px}.reporting-card .topic-art svg{max-height:112px}.home-transaction-showcase{border-radius:var(--docs-panel-radius);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);align-items:center;gap:clamp(24px,5vw,76px);padding:clamp(20px,4vw,52px);display:grid}.home-transaction-showcase h2{margin:14px 0;font-size:clamp(28px,4vw,52px);font-weight:500;line-height:1.1}.transaction-example{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);width:100%;min-width:0;color:var(--md-sys-color-on-surface);border-radius:20px;gap:12px;padding:clamp(12px,2vw,20px);display:grid}.transaction-example header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;display:flex}.transaction-example header>strong{font-size:18px}.transaction-example :is(header>span,output,small){color:var(--md-sys-color-on-surface-variant);font-size:13px}.transaction-example md-chip-set{flex-wrap:wrap;gap:8px;display:flex}.transaction-example [hidden]{display:none!important}.transaction-example ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.transaction-example li{background:var(--md-sys-color-surface-container-low);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;padding:9px 11px;display:flex}.transaction-example li small{display:block}.lesson-comparison{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px;display:grid}.lesson-comparison>div{background:var(--md-sys-color-surface-container-low);border-radius:14px;gap:9px;padding:16px;display:grid}.lesson-comparison>div:last-child{border:1px dashed var(--md-sys-color-outline)}.lesson-state{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-radius:8px;justify-self:start;padding:6px 12px}@media (width<=760px){.home-transaction-showcase{grid-template-columns:1fr}}.component-feedback{color:var(--md-sys-color-on-surface-variant);flex-basis:100%}.component-feedback:empty{display:none}.example-canvas fieldset{min-width:0}.example-canvas fieldset label{align-items:center;gap:8px;display:flex}.reporting-card.card-elevated{background:var(--md-sys-color-surface-container-low);box-shadow:0 3px 9px #0003}.reporting-card.card-outlined{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline)}.home-topic-card{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);padding:0 0 24px;overflow:hidden}.home-topic-card .topic-art{border-radius:0;width:100%;min-height:200px;margin-bottom:12px}.home-topic-card>:is(h3,p,.card-footer){margin-inline:24px}.home-topic-card h3{font-size:clamp(28px,3vw,40px);font-weight:480}.home-topic-card .card-footer{margin-top:auto;padding-top:24px}.home-topic-card:hover{background:var(--md-sys-color-surface-container-high)}.home-topic-card:nth-child(3) .topic-art{background:var(--md-sys-color-primary-container)}.anatomy-figure{background:var(--md-sys-color-surface-container-low);border-radius:24px;margin:0;overflow:hidden}.anatomy-specimen{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:clamp(20px,4vw,44px);display:flex}.anatomy-specimen>:is(md-list,.transaction-example,.carousel-example,.divider-sample){width:100%}.anatomy-figure figcaption{padding:20px 24px 0}.anatomy-key{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px 32px;margin:0;padding:20px 24px 24px 48px;display:grid}.anatomy-key li::marker{color:var(--md-sys-color-primary);font-weight:700}.spec-table-wrap{border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;width:100%;overflow-x:auto}.spec-table-wrap table{border-collapse:collapse;width:100%;font-size:15px}.spec-table-wrap caption{text-align:left;color:var(--md-sys-color-on-surface-variant);padding:16px}.spec-table-wrap :is(th,td){text-align:left;vertical-align:top;overflow-wrap:anywhere;border-top:1px solid var(--md-sys-color-outline-variant);padding:14px 16px}.spec-table-wrap thead{background:var(--md-sys-color-surface-container)}.spec-table-wrap tbody th{width:30%;font-weight:550}.visual-guidelines{gap:16px}.visual-guidelines figure{background:var(--md-sys-color-surface-container-low);border-radius:20px;margin:0;overflow:hidden}.visual-guidelines figcaption{border-top:3px solid var(--md-sys-color-primary);padding:20px}.visual-guidelines figure:last-child figcaption{border-color:var(--md-sys-color-error)}.visual-guidelines figcaption p{margin:8px 0 0}.guideline-specimen{background:var(--md-sys-color-surface-container-high);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:180px;padding:24px;display:flex}.guideline-specimen>:is(md-tabs,md-slider,md-linear-progress,md-list){width:100%}.guideline-specimen label{align-items:center;gap:8px;display:flex}.guide-mini-card{background:var(--md-sys-color-surface);width:100%;color:var(--md-sys-color-on-surface);border-radius:16px;gap:12px;padding:18px;display:grid}.spec-note{color:var(--md-sys-color-on-surface-variant);font-size:14px}.example-context{border-bottom:1px solid var(--md-sys-color-outline-variant);flex-basis:100%;gap:6px;margin-bottom:4px;padding-bottom:16px;display:grid}.example-context strong{font-size:clamp(21px,2.2vw,30px);font-weight:500;line-height:1.15}.example-context>span:not(.eyebrow){color:var(--md-sys-color-on-surface-variant);font-size:13px}.example-context p{margin:4px 0 0;font-size:14px;line-height:1.5}.example-canvas [data-created-drafts]{flex-basis:100%;margin:0;padding-left:24px}.example-variants{border-top:1px solid var(--md-sys-color-outline-variant);flex-basis:100%;min-width:0;padding:14px 0}.example-variants summary{cursor:pointer;color:var(--md-sys-color-primary);margin-bottom:10px;padding:6px}.example-variants :is(md-outlined-text-field,md-filled-text-field,md-fab){max-width:calc(100% - 12px);margin:6px}.availability-note{border-left:4px solid var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-low);border-radius:0 20px 20px 0;padding:20px 24px}.availability-note>p:last-child{font-size:14px}.anatomy-diagram{width:min(100%,480px);height:auto;overflow:visible}.anatomy-diagram .surface{fill:var(--md-sys-color-surface);stroke:var(--md-sys-color-outline-variant)}.anatomy-diagram .accent{fill:var(--md-sys-color-primary-container);stroke:var(--md-sys-color-primary)}.anatomy-diagram .diagram-label{fill:var(--md-sys-color-on-surface);font-family:inherit;font-size:16px}.anatomy-diagram .diagram-line{fill:none;stroke:var(--md-sys-color-outline);stroke-width:3px}.anatomy-diagram .diagram-pin circle{fill:var(--md-sys-color-primary)}.anatomy-diagram .diagram-pin text{fill:var(--md-sys-color-on-primary);font:600 12px sans-serif}#home-component-results{flex-wrap:wrap;gap:8px 16px;margin-top:20px;display:flex}#home-component-results a{color:var(--md-sys-color-primary);padding-block:8px}#home-component-count{color:var(--md-sys-color-on-surface-variant);margin-top:8px;font-size:13px;display:block}.guideline-specimen>*{min-width:0;max-width:100%}.guideline-specimen fieldset{width:100%;min-width:0}.example-canvas fieldset label{min-height:48px}body[data-palette=orange] .topic-art,body[data-palette=fusion] .topic-art{--topic-accent:#ff5a00;--topic-ink:#022b73}body[data-mode=dark][data-palette=orange] .topic-art,body[data-mode=dark][data-palette=fusion] .topic-art{--topic-ink:#a6c8ff}.example-variants .reporting-card{margin-block:12px}.article-reading :is(p,li,dd,figcaption){overflow-wrap:anywhere}body[data-mode=dark][data-palette=orange] .topic-art,body[data-mode=dark][data-palette=fusion] .topic-art{--topic-base:#edf2ff;background:#24324a}.guideline-specimen .example-app-bar{justify-content:space-between;align-items:center;display:flex}.guideline-specimen .example-nav a[aria-current=page]{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-radius:20px;padding:8px 12px}.fab-variant{justify-items:center;gap:8px;display:grid}.fab-variant small{color:var(--md-sys-color-on-surface-variant)}.example-canvas [data-consent-group]{flex-basis:100%}.learning-lab{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);overflow-wrap:anywhere;border-radius:24px;padding:clamp(16px,3vw,28px)}.learning-lab p:first-child{margin-top:0}.learning-lab output{min-height:2.8em;margin-top:20px;font-size:14px;display:block}.learning-caption{color:var(--md-sys-color-on-surface-variant);font-size:12px}.learning-controls{flex-wrap:wrap;gap:12px;margin-block:20px;display:flex}.motion-tracks{gap:24px;margin-top:24px;display:grid}.motion-track{background:var(--md-sys-color-surface-container-highest);border-radius:32px;height:56px;padding:8px;position:relative;overflow:hidden}.motion-track span{background:var(--md-sys-color-primary);border-radius:50%;width:32px;height:32px;display:block;position:absolute;top:8px;left:8px}.adaptive-lab{width:100%;margin-top:20px;container-type:inline-size}.adaptive-lab.is-compact{max-width:280px}.adaptive-panes{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px;display:grid}.adaptive-panes nav,.adaptive-panes article{background:var(--md-sys-color-surface-container-highest);border-radius:16px;min-width:0;padding:16px}.adaptive-panes nav{flex-direction:column;align-items:start;display:flex}@container (width<=440px){.adaptive-panes{grid-template-columns:minmax(0,1fr)}}.shape-lab{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);border-radius:16px;margin-top:24px;padding:24px}.type-lab h3{font-size:clamp(24px,4vw,40px);font-weight:400;line-height:1.2}.type-lab h3.is-emphasised{font-weight:750}.learning-menu-anchor{max-width:100%;display:inline-block;position:relative}.learning-progress{align-items:center;gap:20px;margin-block:24px;display:flex}.learning-progress md-linear-progress{flex:1;min-width:0}.learning-progress md-circular-progress{flex-shrink:0}@media (prefers-reduced-motion:reduce){.learning-lab *,.learning-lab :before,.learning-lab :after{transition:none!important;animation:none!important}}.catalogue-audit{max-width:100%;margin-block:64px}.catalogue-audit>p{max-width:80ch}.catalogue-table{max-width:100%}.catalogue-table table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14px}.catalogue-table th,.catalogue-table td{text-align:start;vertical-align:top;border-bottom:1px solid var(--md-sys-color-outline-variant);overflow-wrap:anywhere;padding:16px 12px}.catalogue-table th:first-child{width:22%}.catalogue-table caption{text-align:start;padding-block:16px;font-weight:600}@media (width<=600px){.catalogue-table th,.catalogue-table td{padding:12px 6px;font-size:12px}}.learning-switch{align-items:center;gap:16px;margin-block:20px;display:flex}.guide-anatomy{background:var(--md-sys-color-surface-container-low);border-radius:24px;margin:0;overflow:hidden}.guide-anatomy svg{width:100%;height:auto;color:var(--md-sys-color-on-surface);display:block}.guide-anatomy svg .ground{fill:var(--md-sys-color-surface-container-low)}.guide-anatomy svg .paper{fill:var(--md-sys-color-secondary-container);stroke:var(--md-sys-color-outline)}.guide-anatomy svg .accent{fill:var(--md-sys-color-primary)}.guide-anatomy svg .rule{fill:none;stroke:var(--md-sys-color-on-secondary-container);stroke-width:2px}.guide-anatomy svg text{fill:var(--md-sys-color-on-surface);font:16px var(--docs-font,sans-serif)}.guide-anatomy figcaption{padding:16px 20px;font-size:14px;line-height:1.6}.guide-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.guide-comparison figure{border-top:4px solid var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-low);border-radius:16px;margin:0;padding:20px}.guide-comparison figure+figure{border-color:var(--md-sys-color-error)}.guide-comparison figure p{margin-bottom:0}.guide-choice{align-items:center;gap:12px;min-height:48px;line-height:1.5;display:flex}[data-special-lab]{overflow-wrap:anywhere;width:100%;min-width:0}[data-special-lab] fieldset{border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;min-width:0;margin:16px 0;padding:12px 16px}[data-special-lab] legend{padding-inline:6px}[data-special-lab] output{margin-top:20px;font-size:14px;line-height:1.6;display:block}[data-special-lab] md-outlined-select,[data-special-lab] md-outlined-text-field{width:100%;max-width:100%;margin-block:16px;display:block}[data-special-lab] md-chip-set{max-width:100%}.guide-menu-origin{display:inline-block;position:relative}[data-report-context]{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-radius:16px;margin-top:16px;padding:16px}[data-report-context][hidden],[data-short-spinner][hidden]{display:none}.spacing-hero{border:1px dashed var(--md-sys-color-outline);flex-wrap:wrap;gap:16px;padding:24px;display:flex}.spacing-hero span{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-radius:8px;padding:16px}.spacing-lab-frame{border:1px dashed var(--md-sys-color-outline);border-radius:16px;margin-top:20px;padding:8px}.spacing-lab-content{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);border-radius:12px;gap:16px;padding:16px;display:grid}.spacing-lab-content span{border:1px solid;border-radius:8px;padding:8px}.canonical-frame{margin-top:20px;container-type:inline-size}.canonical-canvas{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.canonical-canvas article{background:var(--md-sys-color-secondary-container);min-width:0;color:var(--md-sys-color-on-secondary-container);border-radius:16px;padding:16px}.canonical-canvas h3{margin:0 0 12px;font-size:16px}.canonical-canvas p{margin-bottom:0;font-size:14px}.canonical-canvas[data-pattern=list-detail]{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}.canonical-canvas[data-pattern=supporting]{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}@container (width<=440px){.canonical-canvas,.canonical-canvas[data-pattern]{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.guide-comparison{grid-template-columns:minmax(0,1fr)}.guide-anatomy svg text{font-size:18px}}.guide-anatomy svg text.on-accent{fill:var(--md-sys-color-on-primary)}@media (width<=600px){.guide-measurements :is(th,td){padding:12px 8px}.guide-measurements tbody th{width:40%}}.adaptive-strategies{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:20px;display:grid}.adaptive-strategies figure,.family-diagram{background:var(--md-sys-color-surface-container-low);border-radius:20px;margin:0;padding:16px}.adaptive-strategies svg,.family-diagram svg{width:100%;height:auto;max-height:200px;font:14px sans-serif}:is(.adaptive-strategies,.family-diagram) .frame{fill:var(--md-sys-color-surface);stroke:var(--md-sys-color-outline)}:is(.adaptive-strategies,.family-diagram) .pane{fill:var(--md-sys-color-secondary-container)}:is(.adaptive-strategies,.family-diagram) .detail{fill:var(--md-sys-color-primary-container)}:is(.adaptive-strategies,.family-diagram) text{fill:var(--md-sys-color-on-surface)}.guide-rule{fill:none;stroke:var(--md-sys-color-on-surface);stroke-width:2px}.breakpoint-preview{gap:12px;margin-block:20px;display:grid}.breakpoint-preview article,.breakpoint-preview aside{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-radius:12px;padding:16px}.breakpoint-preview[data-band="0"] :not(article:first-child),.breakpoint-preview[data-band="1"] :not(article:first-child),.breakpoint-preview:not([data-band="4"]) aside{display:none}.breakpoint-preview[data-band="2"],.breakpoint-preview[data-band="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.breakpoint-preview[data-band="4"]{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=600px){.breakpoint-preview[data-band]{grid-template-columns:1fr}}.type-specimens{gap:24px;display:grid}.type-specimens article{border:1px solid var(--md-sys-color-outline-variant);border-radius:20px;min-width:0;padding:20px}.type-specimens h3{letter-spacing:0;text-transform:capitalize;font-size:20px;line-height:1.4}.type-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.type-role-specimen{background:var(--md-sys-color-surface-container-low);border-radius:12px;min-width:0;padding:12px}.type-role-specimen p{overflow-wrap:anywhere;margin-block:16px}.type-metrics,.type-role-specimen small{font-size:14px;line-height:1.5}.language-specimen{border:1px solid var(--md-sys-color-outline);border-radius:16px;gap:20px;min-width:0;margin-block:20px;padding:20px;display:grid}.language-specimen h3{letter-spacing:0;font-size:1.5rem;font-weight:600;line-height:1.6}.language-specimen p{font-size:1rem;line-height:1.6}.language-specimen a{overflow-wrap:anywhere;text-decoration:underline}.language-specimen md-outlined-text-field{width:100%;max-width:100%}.language-specimen.type-enlarged{--md-filled-button-label-text-size:1.75rem;--md-filter-chip-label-text-size:1.75rem;--md-outlined-text-field-input-text-size:2rem;--md-outlined-text-field-label-text-size:1.5rem;font-size:2rem}.language-specimen.type-enlarged h3{font-size:3rem}.language-specimen.type-enlarged p{font-size:2rem}.language-specimen :is(md-filled-button,md-filter-chip){max-width:100%}.language-specimen.long-labels{overflow:auto}.type-hierarchy{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:24px;display:grid}.type-editorial{letter-spacing:-.03em;font-size:clamp(2rem,4vw,4rem);font-weight:650;line-height:1.1!important}.type-numbers{font-variant-numeric:tabular-nums}@media (width<=700px){.type-pair,.type-hierarchy{grid-template-columns:1fr}}.colour-screen{border:1px solid var(--md-sys-color-outline);border-radius:20px;max-width:100%;margin-block:24px;overflow:hidden}.colour-region{border-radius:12px;min-width:0;margin-block:12px;padding:16px;position:relative}.colour-region small{overflow-wrap:anywhere;margin-bottom:12px;font-size:13px;line-height:1.5;display:block}.colour-region h3,.colour-region h4{letter-spacing:0;font-size:22px;line-height:1.4}.colour-region p:last-child{margin:0}.colour-region .role-inspected,.colour-region.role-inspected{outline-offset:-5px;outline:3px dashed}.colour-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.colour-outlines{border:2px solid var(--md-sys-color-outline);border-bottom:1px solid var(--md-sys-color-outline-variant);padding:12px}@media (width<=600px){.colour-pair{grid-template-columns:1fr}}.chip-family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.chip-family-grid section{min-width:0}.chip-family-grid md-outlined-text-field{width:100%;max-width:100%}.chip-family-grid fieldset{min-width:0;margin:12px 0}.chip-family-grid svg text{font-size:15px}.card-treatment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.teaching-card{min-width:0;color:var(--md-sys-color-on-surface);border-radius:12px;overflow:hidden}.teaching-card>header{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);padding:16px}.teaching-card svg{width:100%;height:auto;display:block}.teaching-card>div{padding:16px}.teaching-card h3{letter-spacing:0;font-size:22px;line-height:1.4}.teaching-card-filled{background:var(--md-sys-color-surface-container-highest)}.teaching-card-elevated{background:var(--md-sys-color-surface-container-low);box-shadow:0 2px 4px #0000003d}.teaching-card-outlined{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline)}.compact-article-hero{grid-template-columns:minmax(0,1fr) 180px;min-height:0}.compact-article-hero .article-intro{min-height:0;padding:28px}.compact-article-hero h1{font-size:clamp(36px,4vw,56px)}.compact-topic-art{background:var(--md-sys-color-secondary-container);border-radius:24px;place-items:center;display:grid}.compact-topic-art svg{width:100%;max-height:180px}.compact-live-example{margin-block:24px}.compact-live-example .article-showcase{background:var(--md-sys-color-surface-container-low);min-height:0;padding:24px}.compact-live-example .article-showcase>.expressive-art{display:none}.compact-live-example .example-canvas{width:100%;max-width:100%;box-shadow:none;background:0 0;padding:0}[data-compact-live][hidden],[data-chip-extra][hidden],[data-chip-help][hidden],[data-tag-suggestion][hidden]{display:none!important}@media (width<=800px){.card-treatment-grid,.chip-family-grid{grid-template-columns:1fr}.compact-article-hero{grid-template-columns:minmax(0,1fr)}.compact-topic-art{display:none}}.language-specimen{max-width:100%;overflow:auto}.language-specimen>*{min-width:0}.language-specimen.type-enlarged{--md-filled-button-container-height:80px;--md-filled-button-label-text-line-height:2.5rem;--md-filter-chip-container-height:64px;--md-filter-chip-label-text-line-height:2.5rem}[data-special-lab=multiline] md-outlined-text-field,[data-special-lab=exact-slider] md-outlined-text-field{width:100%;max-width:100%}[data-special-lab=required-radio] label{align-items:center;gap:12px;margin-block:12px;display:flex}[data-alt-art]{width:min(260px,100%);height:auto;display:block}[data-alt-table][hidden]{display:none!important}[data-alt-table]{border-collapse:collapse;width:100%}[data-alt-table] :is(th,td){text-align:start;border-bottom:1px solid var(--md-sys-color-outline-variant);padding:10px}[data-special-lab=reorder] li{border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;margin-block:8px;padding:12px}.direction-arrow{display:inline-block}[dir=rtl] .direction-arrow{transform:scaleX(-1)}.teaching-grid{border:1px dashed var(--md-sys-color-outline);grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:24px;margin-block:20px;padding:24px;display:grid}.teaching-grid article{background:var(--md-sys-color-secondary-container);min-width:0;color:var(--md-sys-color-on-secondary-container);border-radius:12px;padding:16px}.teaching-grid h3{letter-spacing:0;font-size:22px;line-height:1.4}.teaching-grid a{min-height:44px;padding-block:10px;text-decoration:underline;display:block}.motion-context-scene{background:var(--md-sys-color-secondary-container);min-height:180px;color:var(--md-sys-color-on-secondary-container);border-radius:16px;margin-block:20px;padding:20px;overflow:hidden}.motion-context-scene h3{letter-spacing:0;font-size:24px;line-height:1.4}.shape-role-grid,.guide-storyboards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.shape-role-grid figure,.guide-storyboards figure{background:var(--md-sys-color-surface-container-low);border-radius:20px;margin:0;padding:16px}.shape-role-grid svg{width:100%;height:130px;fill:var(--md-sys-color-secondary-container)}.guide-storyboards svg{width:100%;height:auto;color:var(--md-sys-color-on-surface);font:14px sans-serif}.guide-storyboards .frame{fill:var(--md-sys-color-surface);stroke:var(--md-sys-color-outline)}.guide-storyboards .pane{fill:var(--md-sys-color-secondary-container)}.guide-storyboards text{fill:var(--md-sys-color-on-surface)}.shape-text-fit{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:24px;padding:20px}.shape-text-tight{background:var(--md-sys-color-secondary-container);width:90px;color:var(--md-sys-color-on-secondary-container);border-radius:45px;padding:20px 8px}@media (width<=650px){.shape-role-grid,.guide-storyboards{grid-template-columns:1fr}}.home-interface-composition>header h3{letter-spacing:0;margin-block:8px 12px;font-size:24px;line-height:1.35}.home-interface-composition>header p{margin-bottom:20px;font-size:15px}.home-interface-composition small{font-size:13px;line-height:1.5}.compact-topic-art .topic-art{width:100%;height:100%;max-height:180px}@media (width>=750px){.colour-screen>[data-role-region=surface]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.colour-screen>[data-role-region=surface]>:is(small,h3,.colour-pair,details,.colour-outlines),.colour-screen>[data-role-region=surface]>[data-role-region=container],.colour-screen>[data-role-region=surface]>[data-role-region=low]{grid-column:1/-1}}[data-colour-advanced]{border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;padding:12px}[data-colour-advanced] summary{cursor:pointer}.card-treatment-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:24px}.teaching-card h3{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.teaching-card>header{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.teaching-card>header svg{flex:none;width:72px;height:28px}.legacy-card-example{border-top:1px solid var(--md-sys-color-outline-variant);margin-top:40px;padding-top:24px}.chip-family-grid{grid-template-columns:1fr;gap:32px}.chip-family-row{border-bottom:1px solid var(--md-sys-color-outline-variant);padding-block:8px 24px}.chip-family-row h3{letter-spacing:0;margin-top:0;font-size:24px;line-height:1.3}.chip-family-row .family-purpose{margin:8px 0 20px}.chip-family-row .family-diagram{margin:20px 0 0}.chip-anatomy{border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;padding:16px}.chip-anatomy svg{width:100%;max-width:420px;min-height:90px;display:block}.chip-anatomy svg text{font-size:16px}.chip-anatomy .anatomy-marker{fill:var(--md-sys-color-primary)}.chip-anatomy .anatomy-number{fill:var(--md-sys-color-on-primary);font-size:14px}.chip-anatomy ol{padding-inline-start:24px;font-size:15px;line-height:1.6}.chip-anatomy li+li{margin-top:8px}.family-outcome{border-inline-start:3px solid var(--md-sys-color-primary);padding:12px;font-size:15px}.type-scale-index{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:12px;margin-block:24px;display:grid}.type-scale-index>div{background:var(--md-sys-color-surface-container);border-radius:12px;gap:4px;padding:12px;display:grid}.type-scale-index strong{text-transform:capitalize}.type-scale-index a{padding-block:8px;font-size:14px;text-decoration:underline;display:block}.type-specimens h3{scroll-margin-top:90px}.language-controls,.colour-controls{flex-wrap:wrap;align-items:center;gap:20px 24px;display:flex}.language-controls>md-outlined-select{flex:15rem;min-width:0}.language-controls>label,.colour-controls>label{flex-wrap:wrap;align-items:center;gap:12px;min-height:48px;display:flex}.language-controls md-switch,.colour-controls md-switch{flex:none}.colour-controls{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:16px;display:grid}.colour-controls>md-outlined-select{width:100%;min-width:0}.colour-inspector-bar{z-index:2;background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;padding:12px;position:sticky;top:72px}.colour-inspector-bar output{border-top:1px solid var(--md-sys-color-outline-variant);min-height:0;margin-top:12px;padding-top:12px;font-size:14px;line-height:1.6}.colour-screen{overscroll-behavior:contain;max-height:26rem;margin-block:16px;scroll-padding:12px;overflow:auto}.colour-screen>.colour-region{margin:0}.colour-region{margin-block:8px;padding:12px}.colour-region small{margin-bottom:6px}.colour-region h3,.colour-region h4{font-size:20px}.colour-region p{margin-block:8px}@media (width<=600px){.colour-inspector-bar{position:relative;top:66px}.colour-screen{max-height:20rem}.language-controls{align-items:stretch}.language-controls>label{width:100%}}.colour-screen{overflow-anchor:none;height:22rem}@media (width<=600px){.colour-inspector-bar{position:sticky;top:66px}.colour-screen{height:18rem}}.motion-continuity{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));align-items:start;gap:20px;padding:16px;display:grid;overflow:hidden}.motion-report-list{gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.motion-report-list li{border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;gap:6px;padding:12px;display:grid}.motion-report-list small{font-size:13px;line-height:1.5}.motion-selected{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-inline-start:4px solid var(--md-sys-color-primary)!important}.motion-destination{border:1px dashed var(--md-sys-color-outline);border-radius:16px;min-width:0;min-height:230px;padding:12px}.motion-destination article{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);z-index:1;border-radius:12px;padding:16px;position:relative}.motion-destination h3{overflow-wrap:normal;font-size:22px}.motion-static-sequence{border-inline-start:3px solid var(--md-sys-color-primary);margin-top:20px;padding:16px}[data-motion-static][hidden],[data-motion-context-panel][hidden],[data-motion-placeholder][hidden]{display:none!important}.elevation-controls{gap:20px;margin-bottom:24px;display:grid}.elevation-controls md-outlined-select{width:100%}.elevation-controls label{gap:12px;display:grid}.elevation-levels{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:24px;padding:12px;display:grid}.elevation-levels figure{min-width:0;margin:0}.elevation-tile{background:var(--elevation-tone);border-radius:12px;gap:8px;min-height:110px;padding:20px 12px;display:grid;position:relative}.elevation-levels figcaption{overflow-wrap:anywhere;padding-block:12px;font-size:13px}.level-inspected{outline:2px dashed var(--md-sys-color-primary);outline-offset:4px}.elevation-workspace{isolation:isolate;margin-block:24px;padding:16px 8px 24px;position:relative}.elevation-base{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;padding:20px 20px 80px}.elevation-floating{z-index:1;background:var(--elevation-tone,var(--md-sys-color-surface-container));border-radius:16px;margin:-56px 12px 0 28px;padding:20px;position:relative}.elevation-floating h3,.elevation-interaction h3{letter-spacing:0;overflow-wrap:normal;font-size:22px;line-height:1.4}.elevation-interaction{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:24px;margin-block:24px;display:grid}.elevation-interaction article{background:var(--md-sys-color-surface-container-low);--md-elevation-level:1;border-radius:16px;padding:20px;position:relative}.elevation-responsive:is(:hover,:focus-within){--md-elevation-level:3}[data-separation=tone] :is(.elevation-tile,.elevation-floating)>md-elevation{opacity:0}[data-separation=shadow] :is(.elevation-tile,.elevation-floating){background:var(--md-sys-color-surface)}.teaching-link-icon{vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1em;height:1em;margin-inline-start:.2em;display:inline-block}.shape-context-comparison{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:24px;margin-block:24px;display:grid}.shape-context-comparison figure{min-width:0;margin:0}.shape-content-good{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:24px;padding:24px}.shape-content-good h3{letter-spacing:0;overflow-wrap:normal;font-size:24px;line-height:1.4}.shape-content-good span{border-top:1px solid;padding-top:12px;display:block}.shape-content-tight{background:var(--md-sys-color-secondary-container);width:120px;height:160px;color:var(--md-sys-color-on-secondary-container);border-radius:80px;padding:24px;overflow:hidden}.shape-content-tight h3{letter-spacing:0;width:240px;font-size:24px;line-height:1.4}.storyboard-notes{gap:12px;margin-block:24px;display:grid}.storyboard-notes>div{background:var(--md-sys-color-surface-container-low);border-inline-start:3px solid var(--md-sys-color-primary);padding:12px 16px}.storyboard-notes dt{font-weight:600}.storyboard-notes dd{margin:6px 0 0}.button-emphasis-grid,.navigation-continuity{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:20px;margin-block:24px;display:grid}.button-emphasis-grid figure,.navigation-continuity figure{border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;align-content:start;gap:16px;min-width:0;margin:0;padding:16px;display:grid}.navigation-destination{gap:8px;font-size:15px;display:grid}.navigation-destination>span{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-radius:16px;padding:12px}.chip-anatomy .anatomy-number{font-size:20px}