@font-face{font-family:Inter;src:url('/assets/inter.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#142033;background:#fafcfd;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#142033;--muted:#5f6c7d;--line:#dce4ec;--brand:#123455;--paper:#fff;--sidebar:246px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button svg,a svg{flex-shrink:0}img{max-width:100%}button{color:inherit}input,select{min-width:0}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--p-action,var(--brand))}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:650}h2{letter-spacing:-.03em}p{line-height:1.65}code,kbd{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}code{font-size:.84em}button{border:0;background:none}:where(a,button,input,select,textarea,[tabindex],summary):focus-visible{outline:3px solid #1678c2;outline-offset:4px}button:disabled{opacity:.55}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:1000;padding:12px 18px;background:#123455;color:white;border-radius:6px;transform:translateY(-150%)}.skip-link:focus{transform:none}.initial-loading,.load-error{max-width:600px;margin:100px auto;padding:24px}.load-error h1{font-size:28px;margin-bottom:20px}.load-error a{display:block;color:#1678c2;margin-top:20px}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:.14em;line-height:1.6;text-transform:uppercase;color:#63758b}.reference-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;background:white;border-right:1px solid var(--line);padding:29px 18px 18px;z-index:40;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 28px}.brand img{width:36px;height:42px;object-fit:contain}.brand strong{display:block;letter-spacing:.13em;font-size:12px;font-weight:700}.brand span{display:block;margin-top:5px;color:var(--muted);font-size:11px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:11px;min-height:41px;padding:11px 12px;color:#5e6c7e;border-radius:7px;font-size:12px;font-weight:530;transition:background .15s}.sidebar nav a svg{opacity:.8}.sidebar nav a small{margin-left:auto;font-size:10px;padding:2px 6px;border-radius:4px;background:#e4ecf4;color:#49627d}.sidebar nav a:hover,.sidebar-products a:hover{background:#f4f7fa;color:var(--ink)}.sidebar nav a.is-active{color:#123455;background:#eaf1f7;font-weight:700}.sidebar-products{border-top:1px solid #e8edf2;margin:23px 8px 24px;padding-top:22px;display:grid;gap:2px}.nav-label{font-size:9px;font-weight:750;letter-spacing:.1em;color:#60738a;text-transform:uppercase;display:block;margin-bottom:10px}.sidebar-products a{display:flex;align-items:center;gap:10px;padding:6px 4px;color:#677487;font-size:11px;border-radius:5px}.sidebar-products i{height:6px;width:6px;flex-shrink:0;border-radius:50%}.sidebar-footer{margin-top:auto;padding:14px 8px 0;border-top:1px solid var(--line);font-size:9px;color:#677487;line-height:1.7;letter-spacing:.02em}.sidebar-footer small{display:block;padding-left:12px;font-size:9px;color:#60738a}.version-dot{display:inline-block;vertical-align:middle;width:5px;height:5px;background:#2f7b3a;border-radius:50%;margin-right:5px}.main-shell{grid-column:2;min-width:0}.topbar{height:77px;padding:0 clamp(24px,4vw,62px);display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(250,252,253,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.breadcrumb{display:flex;align-items:center;gap:10px;color:#60738a;font-size:11px;white-space:nowrap}.breadcrumb svg{opacity:.7}.topbar-actions{display:flex;align-items:center;gap:20px}.search-trigger{display:flex;align-items:center;gap:8px;color:#60738a;font-size:11px;padding:8px 11px;border:1px solid var(--line);border-radius:6px;background:#fff}.search-trigger kbd{font-size:10px;background:#f5f7fa;border:1px solid #e5eaf0;border-radius:3px;padding:2px 4px;margin-left:16px;color:#60738a}.theme-control{display:flex;align-items:center;gap:8px;font-size:10px;color:#60738a}.theme-control select{font-size:11px;font-weight:650;color:#123455;border:1px solid var(--line);background:white;border-radius:6px;padding:9px 26px 9px 9px;max-width:165px}.menu-toggle{display:none}.main-shell main{max-width:1460px;margin:0 auto;padding:55px clamp(24px,4vw,62px) 60px;min-height:calc(100vh - 140px)}main:focus{outline:none}.page-heading{margin-bottom:35px;max-width:850px}.page-heading>.eyebrow{margin-bottom:18px;color:#60738a}.page-heading h1{font-size:clamp(30px,3.65vw,53px);line-height:1.1;letter-spacing:-.045em;font-weight:590;max-width:760px;text-wrap:balance}.page-heading p{font-size:14px;line-height:1.85;color:#6a7889;margin-top:18px;max-width:660px}.heading-actions{display:flex;gap:24px;align-items:center;margin-top:27px}.solid-link,.outline-button,.quiet-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:11px;font-weight:650;line-height:1.4;min-height:38px}.solid-link{background:#123455;color:white;padding:13px 18px;border-radius:6px;box-shadow:0 4px 12px #12345510}.solid-link:hover{background:#194b74}.quiet-link{color:#3d5671}.quiet-link:hover{text-decoration:underline}.outline-button{padding:10px 15px;border:1px solid var(--line);background:white;border-radius:6px;color:#435a73}.family-board{border:1px solid var(--line);border-radius:10px;background:white;overflow:hidden;margin-top:40px}.family-board-title{display:flex;justify-content:space-between;padding:18px 21px;font-size:10px;color:#60738a}.family-board-title span:first-child{font-weight:650;color:#344960}.family-strips{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;padding:0 6px}.family-strips>a{display:block;min-width:0}.family-strip{position:relative;display:flex;flex-direction:column;align-items:flex-start;height:186px;padding:23px 15px;border-radius:5px;overflow:hidden}.family-strip>span{opacity:.85;margin-bottom:auto}.family-strip strong{font-size:13px;line-height:1.2;font-weight:650}.family-strip small{font-size:9px;opacity:.6;display:block;margin:5px 0 16px;text-transform:capitalize}.family-strip i{height:3px;width:33px;border-radius:10px}.family-strip:after{position:absolute;right:-22px;top:36px;width:90px;height:90px;border:1px solid currentColor;opacity:.08;border-radius:50%;content:''}.family-strips a:hover .family-strip:after{transform:scale(1.3)}.family-board-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;font-size:9px;color:#60738a}.family-board-caption a{display:flex;align-items:center;gap:9px;color:#435a73;white-space:nowrap}.reference-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:27px 0 29px;border-bottom:1px solid var(--line);margin-bottom:40px;gap:20px}.reference-stats>div{display:flex;align-items:center;gap:12px}.reference-stats strong{font-size:27px;font-weight:550;letter-spacing:-.05em;color:#183b5c}.reference-stats span{font-size:10px;color:#60738a}.section-block{margin-top:43px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.section-title .eyebrow{margin-bottom:8px}.section-title h2,.section-block>h2{font-size:23px;font-weight:590}.section-title>a{font-size:10px;color:#526c87;display:flex;align-items:center;gap:8px}.section-block>h2{margin-bottom:20px}.section-block>p{font-size:12px;margin-bottom:22px}.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.entry-card{border:1px solid var(--line);border-radius:8px;background:white;padding:24px;position:relative;transition:box-shadow .15s,transform .15s}.entry-card:hover{box-shadow:0 10px 25px #14203308;transform:translateY(-2px)}.entry-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:9px;background:#eef4f8;color:#214765;margin-bottom:30px}.entry-card h3{font-size:15px;margin-bottom:10px;letter-spacing:-.02em}.entry-card p{font-size:11px;color:#60738a;max-width:200px}.card-arrow{position:absolute;right:20px;bottom:22px;color:#60738a}.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:29px;row-gap:30px}.principle-number{display:block;font:10px ui-monospace,monospace;color:#60738a;margin-bottom:14px}.principle-grid article{padding-top:19px;border-top:1px solid var(--line)}.principle-grid h3{font-size:13px;margin-bottom:12px}.principle-grid p{font-size:11px;color:#60738a;line-height:1.85}.editorial-note{display:flex;align-items:flex-start;gap:13px;padding:21px;background:#eef3f7;border-radius:8px;margin-top:40px;color:#5c7188}.editorial-note>svg{margin-top:3px;flex-shrink:0}.editorial-note p{font-size:11px;flex:1;max-width:660px}.editorial-note a{display:inline-flex;align-items:center;gap:6px;font-size:10px;white-space:nowrap;margin-top:3px}.site-footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:22px clamp(24px,4vw,62px);font-size:9px;color:#60738a}.site-footer a{display:inline-flex;gap:7px;align-items:center;color:#60738a;margin-left:16px}.foundation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.foundation-card{padding:27px;border:1px solid var(--line);border-radius:8px;background:white;position:relative;min-height:195px}.foundation-card h2{font-size:18px;margin-bottom:11px}.foundation-card p{font-size:12px;color:#60738a}.foundation-card>svg{position:absolute;right:20px;bottom:18px;color:#60738a}.foundation-card:hover{border-color:#9db5ca}.foundation-layout{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:35px}.page-contents{display:flex;flex-direction:column;align-self:start;position:sticky;top:112px;border-left:1px solid var(--line);padding-left:20px}.page-contents a{font-size:11px;padding:9px 0;color:#60738a}.page-contents a.is-active{color:#123455;font-weight:700}.guide-panel{border:1px solid var(--line);border-radius:8px;background:white;padding:25px;margin-bottom:22px;min-width:0}.guide-panel h2{font-size:16px;margin-bottom:18px;letter-spacing:-.02em}.guide-panel h3{font-size:12px;margin-top:23px;margin-bottom:12px}.guide-panel p{font-size:12px;color:#60738a;margin-bottom:14px}.guide-panel p:last-child{margin-bottom:0}.guide-list{margin:0;padding-left:17px;display:grid;gap:15px;color:#65758a;font-size:12px;line-height:1.8}.guide-list li::marker{color:#60738a}.guide-list code{overflow-wrap:anywhere}.sources{margin:26px 0;padding:16px 19px;border:1px solid var(--line);background:white;border-radius:7px;font-size:11px;color:#60738a;overflow-wrap:anywhere}.sources summary{cursor:pointer;display:flex;gap:9px;align-items:center;color:#59718b;font-weight:550}.sources summary>span{margin-left:auto;font-size:10px;color:#60738a}.sources ul{margin-top:20px;padding:0;list-style:none;display:grid;gap:12px}.sources li{display:flex;justify-content:space-between;gap:12px}.sources li>code{color:#405f7d}.sources li>span{font-size:10px}.sources>p{margin:12px 0;font-size:11px}.colour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.colour-tile{display:grid;text-align:left;grid-template-columns:1fr auto;padding:0 0 15px;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:white}.colour-tile>span{height:100px;grid-column:1/-1}.colour-tile strong{margin:15px 15px 6px;font-size:12px;grid-column:1/-1}.colour-tile code{margin-left:15px;font-size:11px;color:#60738a}.colour-tile svg{margin-right:15px;color:#60738a}.type-sheet,.spacing-sheet,.shape-sheet,.icon-sheet,.motion-sheet,.writing-sheet,.device-sheet{margin:25px 0;padding:28px;border:1px solid var(--line);background:white;border-radius:8px}.type-sheet{display:grid;gap:24px}.type-caption{font-size:10px;color:#60738a}.type-sheet h2{font-size:36px;max-width:500px}.type-sheet h3{font-size:22px}.type-sheet p{font-size:14px;color:#64768b;max-width:500px}.type-sheet code{font-size:13px;color:#123455}.spacing-sheet{display:grid;gap:13px}.spacing-sheet>div{display:flex;align-items:center;gap:30px}.spacing-sheet code{width:45px;font-size:11px;color:#60738a}.spacing-sheet span{background:#a3bacd;border-radius:3px;display:block;height:18px;max-width:70%}.shape-sheet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.shape-sheet>div{padding:25px 12px;background:#eaf1f7;border:1px solid #bfd0df;display:grid;gap:15px;text-align:center}.shape-sheet strong{font-size:17px}.shape-sheet small{font-size:9px;color:#60738a}.icon-sheet{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:25px;text-align:center;color:#456984}.icon-sheet>div{display:grid;justify-items:center;gap:10px}.icon-sheet small{font-size:10px;color:#60738a}.motion-sheet{display:grid;gap:22px;justify-items:start}.motion-sample{padding:28px;background:#eaf1f7;border-radius:8px;border:1px solid #cbdbe8;font-size:12px;color:#496984}.motion-sample.play{animation:motion-in .18s ease-out both}.device-sheet{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.device-sheet>div{border:2px solid #b2c6d7;border-radius:8px;display:grid;gap:8px;padding:10px;background:#f3f7fa}.device-sheet span{font-size:9px;color:#60738a}.device-sheet i{height:12px;background:#c6d8e7;border-radius:3px}.device-sheet b{height:70px;background:#e0eaf2;border-radius:3px}.device-wide{width:50%;height:145px}.device-tablet{width:28%;height:165px}.device-phone{width:17%;height:185px}.writing-sheet{display:grid;gap:24px}.writing-sheet strong{display:block;margin-top:8px;font-size:13px;font-weight:600}.filter-controls{display:flex;gap:14px;align-items:center;margin:25px 0 19px;flex-wrap:wrap}.inline-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;background:white;padding:10px 13px;min-height:40px;color:#60738a;flex:1;min-width:190px;max-width:440px}.inline-search input{border:0;background:transparent;outline:none;width:100%;font-size:11px;color:#263f5a}.inline-search:focus-within{outline:2px solid #1678c280;outline-offset:1px}.inline-search input::placeholder{color:#60738a}.filter-select{display:flex;align-items:center;gap:9px;font-size:10px;color:#60738a}.filter-select select{padding:10px 12px;background:white;border:1px solid var(--line);border-radius:6px;font-size:11px;color:#4f6882}.category-tabs{display:flex;flex-wrap:wrap;gap:5px;border-bottom:1px solid var(--line);padding-bottom:15px}.category-tabs button{padding:8px 10px;font-size:10px;color:#60738a;border-radius:5px}.category-tabs button[aria-pressed=true]{background:#e7eff6;color:#123455;font-weight:650}.result-count{font-size:10px;color:#60738a;margin:19px 0}.component-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.component-card{border:1px solid var(--line);background:white;border-radius:8px;overflow:hidden;min-width:0;transition:border-color .15s}.component-card:hover{border-color:#9db7ce}.component-card-preview{height:174px;overflow:hidden;border-bottom:1px solid var(--line);padding:15px!important;display:flex;align-items:center;justify-content:center}.component-card-preview .specimen-content{transform:scale(.82);transform-origin:center;min-width:220px;width:100%;max-height:170px;overflow:hidden}.component-card-preview .p-map{height:165px}.component-card-copy{padding:21px}.component-card-copy>span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#60738a}.component-card-copy h2{font-size:14px;letter-spacing:-.02em;margin-top:8px;margin-bottom:10px;line-height:1.4}.component-card-copy p{font-size:10px;color:#60738a;line-height:1.8}.component-card-copy small{display:block;font-size:9px;color:#60738a;margin-top:16px}.product-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.product-tags a,.state-tags span{padding:6px 9px;border:1px solid var(--line);background:white;border-radius:5px;font-size:9px;color:#60738a}.product-tags a:hover{border-color:#94aec5;color:#123455}.specimen-panel{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:white;margin:26px 0}.specimen-panel>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 21px;font-size:11px;border-bottom:1px solid var(--line)}.specimen-panel>header>div{display:flex;gap:13px;align-items:center}.specimen-panel>header strong{font-weight:600}.specimen-panel>header span{font-size:10px;color:#60738a}.specimen-panel>header label{display:flex;align-items:center;gap:10px;font-size:10px;color:#60738a}.specimen-panel>header select{max-width:190px;border:1px solid var(--line);border-radius:5px;background:white;font-size:10px;padding:7px;color:#526b83}.specimen-panel>footer{padding:13px 21px;font-size:9px;color:#60738a;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.anatomy-list{display:grid;gap:17px;padding:0;list-style:none;margin:0}.anatomy-list li{font-size:12px;color:#61748a;display:flex;align-items:center;gap:13px}.anatomy-list span{display:flex;justify-content:center;align-items:center;width:23px;height:23px;border-radius:50%;background:#eef3f7;border:1px solid #dce6ee;color:#60738a;font-size:10px;flex-shrink:0}.state-tags{display:flex;flex-wrap:wrap;gap:7px}.related-block{margin-top:40px}.related-block h2{font-size:19px;margin-bottom:18px}.related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.related-links a{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;color:#55718a;padding:12px 15px;border:1px solid var(--line);border-radius:5px;background:white}.related-links a:hover{border-color:#a4bbcd}.pattern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pattern-card{border:1px solid var(--line);border-radius:8px;background:white;padding:25px;display:flex;flex-direction:column}.pattern-number{font-size:10px;color:#60738a;font-family:ui-monospace,monospace;margin-bottom:23px}.pattern-card h2{font-size:16px;line-height:1.4;margin-bottom:11px}.pattern-card p{font-size:11px;color:#60738a;flex:1}.pattern-apps{font-size:9px;color:#60738a;margin-top:20px}.pattern-card>span{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#60738a;border-top:1px solid #e7edf2;padding-top:14px;margin-top:14px}.pattern-card:hover{border-color:#99b3c8}.workflow-steps{list-style:none;padding:0;display:grid;gap:9px;margin:30px 0}.workflow-steps li{display:flex;align-items:center;gap:23px;border:1px solid var(--line);border-radius:7px;padding:22px;background:white;font-size:13px;color:#546d85}.workflow-steps li>span{font:11px ui-monospace,monospace;color:#60738a}.workflow-steps li>svg{margin-left:auto;color:#60738a;flex-shrink:0}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.product-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:white}.product-card:hover{border-color:#8fadc6}.product-cover{display:flex;align-items:center;gap:15px;position:relative;height:133px;padding:26px!important}.product-cover>span{display:flex;align-items:center;justify-content:center;height:50px;width:50px;border-radius:12px;background:color-mix(in srgb,var(--p-text) 8%,transparent)}.product-cover>strong{font-size:24px;letter-spacing:-.045em}.product-cover>i{position:absolute;right:24px;bottom:24px;height:5px;width:37px;border-radius:5px}.product-card-copy{padding:25px 25px 37px;position:relative}.product-card-copy h2{font-size:16px;margin:10px 0}.product-card-copy p{font-size:11px;color:#60738a;max-width:350px}.product-meta{display:flex;align-items:center;gap:9px;font-size:10px;color:#60738a;margin-top:20px;flex-wrap:wrap}.product-meta>a{display:inline-flex;align-items:center;gap:8px;margin-left:12px;color:#4e6a84}.product-dot{width:7px;height:7px;border-radius:50%}.product-intro{font-size:13px;color:#60738a;max-width:750px;display:grid;gap:25px;margin-bottom:25px}.product-intro strong{display:block;font-size:12px;color:#4f6882;margin-top:10px;font-weight:500;line-height:1.8}.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.screenshot-grid button{border:1px solid var(--line);border-radius:8px;overflow:hidden;padding:0;background:white;text-align:left}.screenshot-grid img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;background:#eaf1f7}.screenshot-grid span{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#60738a;padding:13px 15px;line-height:1.5}.screenshot-grid.is-mobile{grid-template-columns:repeat(3,minmax(0,1fr))}.screenshot-grid.is-mobile img{aspect-ratio:9/16;object-fit:cover;object-position:top}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.theme-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:white}.theme-card:hover{border-color:#9bb4ca}.theme-card-preview{padding:25px!important}.theme-card-preview h2{font-size:25px;font-weight:600;margin:23px 0 8px;letter-spacing:-.04em}.theme-card-preview p{font-size:11px;margin-bottom:20px}.theme-card-preview .p-button{font-size:10px;min-height:33px}.theme-colour-row{display:flex;gap:7px;margin-top:26px}.theme-colour-row i{height:21px;width:21px;border:1px solid color-mix(in srgb,var(--p-text) 12%,transparent);border-radius:5px}.theme-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;font-size:10px;color:#60738a}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.template-card{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0}.template-card>div:last-child{padding:19px}.template-card h3{font-size:13px;margin-bottom:9px}.template-card p{font-size:10px;color:#60738a;margin-bottom:12px}.template-card details{margin-top:14px;font-size:10px;color:#60738a}.template-card summary{cursor:pointer;font-weight:600;line-height:1.6}.template-card dl{display:grid;gap:6px;margin-top:15px}.template-card dt{font-weight:600;margin-top:8px}.template-card dd{margin:0;overflow-wrap:anywhere;color:#60738a}.template-schematic{padding:14px;background:var(--t-bg);border-bottom:1px solid var(--line);height:167px}.template-schematic>header{display:flex;gap:6px;align-items:center;padding-bottom:13px;border-bottom:1px solid var(--t-line)}.template-schematic>header i{height:11px;width:32px;background:var(--t-primary);margin-right:auto;border-radius:2px}.template-schematic>header span{width:20px;height:3px;background:var(--t-primary);opacity:.5}.template-schematic-body{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px;align-items:center}.template-schematic-body b{display:block;background:var(--t-primary);height:6px;width:90%;margin-bottom:6px;border-radius:2px}.template-schematic-body b:nth-child(2){width:70%}.template-schematic-body i{display:block;width:26px;height:10px;background:var(--t-accent);margin-top:13px;border-radius:3px}.template-schematic-body aside{height:59px;background:var(--t-surface);border:1px solid var(--t-line);border-radius:min(var(--t-radius),12px)}.template-schematic>footer{display:flex;gap:8px;margin-top:14px}.template-schematic>footer i{height:15px;flex:1;background:var(--t-surface);border:1px solid var(--t-line);border-radius:2px}.theme-intro{display:grid;grid-template-columns:1fr 1.1fr;border:1px solid var(--line);background:white;border-radius:9px;overflow:hidden}.theme-summary{padding:27px;min-width:0}.theme-summary h2{font-size:22px;margin-top:15px;margin-bottom:12px;line-height:1.4}.theme-summary p{font-size:12px;margin-bottom:12px}.theme-summary code{overflow-wrap:anywhere;font-size:10px}.theme-summary-preview{display:flex;align-items:center;justify-content:center}.theme-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.theme-role{border:1px solid var(--line);border-radius:6px;background:white;padding:12px;display:flex;align-items:center;gap:10px;text-align:left;min-width:0}.theme-role>i{width:32px;height:32px;border-radius:6px;flex-shrink:0;border:1px solid #14203313}.theme-role>span{font-size:10px;color:#60738a;display:grid;gap:5px;flex:1;min-width:0}.theme-role code{font-size:9px;color:#60738a;overflow-wrap:anywhere}.theme-role svg{color:#60738a}.reference-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:7px;background:white;margin:17px 0}.reference-table{border-collapse:collapse;width:100%;text-align:left;font-size:11px;line-height:1.6}.reference-table th{padding:13px 17px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#60738a;background:#f5f8fa;border-bottom:1px solid var(--line);font-weight:650}.reference-table td{padding:14px 17px;border-bottom:1px solid #e9eef3;color:#60738a;vertical-align:top}.reference-table tr:last-child td{border-bottom:0}.reference-table code{font-size:10px;overflow-wrap:anywhere;white-space:normal}.token-table th:first-child{width:30%}.token-table td:nth-child(2){max-width:330px}.token-dot{display:inline-block;width:11px;height:11px;margin-right:7px;border:1px solid #14203320;border-radius:3px;vertical-align:middle}.token-search{max-width:370px;margin-bottom:16px}.contrast-table td:nth-child(2){min-width:240px}.contrast-swatch{display:inline-grid;place-items:center;font-size:11px;height:29px;width:33px;margin-right:10px;border-radius:3px;border:1px solid #14203315}.contrast-result{font-size:9px;padding:5px 7px;border-radius:4px;display:inline-block;white-space:nowrap}.contrast-result.passes{color:#2f7b3a;background:#edf7ef}.contrast-result.needs-review{color:#835e18;background:#fbf3df}.section-block .small{font-size:10px}.section-block .small a{color:#376889;text-decoration:underline}.audit-downloads{display:flex;flex-wrap:wrap;gap:12px;margin:23px 0}.audit-table td:first-child{max-width:350px}.audit-table td:nth-child(2){white-space:nowrap}.audit-table td:nth-child(3){max-width:370px}.reference-table details{min-width:100px;max-width:440px}.reference-table summary{cursor:pointer}.reference-table h4{font-size:10px;color:#60738a;margin:15px 0 9px}.observed-values{display:flex;flex-wrap:wrap;gap:5px}.observed-values code{padding:4px 6px;border:1px solid #e0e8ef;border-radius:3px;font-size:8px;max-width:220px;overflow-wrap:anywhere}.observed-values small{color:#60738a}.scope-row{display:grid;grid-template-columns:210px 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--line);font-size:11px}.scope-row strong{font-weight:600;color:#566c83}.scope-row p{color:#60738a}.embedded-schematic{align-self:center;max-width:350px;width:100%;margin:auto;border:10px solid #252b32;background:black;color:#fff;font-family:ui-monospace,monospace;box-shadow:0 9px 22px #00000015;border-radius:10px;overflow:hidden}.embedded-schematic header{padding:6px;background:white;color:black;font-size:10px;display:flex;justify-content:space-between}.embedded-schematic header span{color:#60738a}.embedded-schematic>div{display:grid;padding:13px;grid-template-columns:1fr 1fr;column-gap:15px;row-gap:7px}.embedded-schematic small{font-size:10px;color:#60738a}.embedded-schematic strong{color:#60738a;grid-column:1;font-size:22px;font-weight:400}.embedded-schematic b{color:#60738a;font-size:25px;font-weight:400;grid-column:2;grid-row:2}.embedded-schematic small:nth-of-type(2){grid-column:2;grid-row:1}.plain-steps{padding-left:19px;display:grid;gap:15px;font-size:12px;color:#60738a;line-height:1.8}.no-results{padding:40px 24px;border:1px dashed var(--line);border-radius:8px;color:#60738a;font-size:12px;text-align:center}

/* Specimens deliberately use a scoped product theme, not the reference chrome. */
.specimen{background:var(--p-bg,#f7fafc);color:var(--p-text,#142033);font-family:var(--p-font,system-ui,sans-serif);padding:35px;color-scheme:light;min-width:0}.specimen-content{max-width:700px;margin:auto;display:grid;gap:17px;width:100%}.specimen-content:has(.p-map){max-width:none}.specimen .p-muted{color:var(--p-muted);font-size:11px;line-height:1.7}.specimen h2,.specimen h3{color:var(--p-text);font-weight:750;letter-spacing:-.035em}.specimen h2{font-size:26px}.specimen h3{font-size:19px}.p-eyebrow{display:block;font-size:9px;letter-spacing:.1em;font-weight:800;text-transform:uppercase;color:var(--p-muted);line-height:1.6}.p-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.p-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid var(--p-line);background:var(--p-surface);color:var(--p-text);padding:9px 13px;border-radius:min(var(--p-radius,8px),10px);font-size:11px;font-weight:700;line-height:1.5;position:relative}.p-button:hover:not(:disabled){filter:brightness(.96);box-shadow:0 3px 9px #0000000b}.p-button:active:not(:disabled){transform:translateY(1px)}.p-button--primary{color:var(--p-action-text,#fff);background:var(--p-action-gradient,var(--p-action));border-color:transparent}.p-button--danger{background:var(--p-danger);color:white;border-color:transparent}.p-button--icon{width:41px;height:41px;padding:8px}.p-button--icon>span{display:none}.p-between{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.p-card{background:var(--p-surface);border:1px solid var(--p-line);border-radius:var(--p-radius);padding:22px;display:grid;gap:18px;min-width:0}.p-card>p{font-size:12px;line-height:1.65}.p-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;border:1px solid color-mix(in srgb,var(--p-muted) 20%,transparent);background:color-mix(in srgb,var(--p-muted) 10%,var(--p-surface));color:var(--p-text);padding:4px 8px;font-size:9px;font-weight:750;line-height:1.5;white-space:nowrap}.p-badge--success{background:color-mix(in srgb,var(--p-success) 13%,var(--p-surface));color:var(--p-success);border-color:color-mix(in srgb,var(--p-success) 25%,var(--p-line))}.p-badge--warning{background:color-mix(in srgb,var(--p-warning) 15%,var(--p-surface));color:color-mix(in srgb,var(--p-warning) 45%,var(--p-text));border-color:color-mix(in srgb,var(--p-warning) 50%,var(--p-line))}.p-badge--danger{background:color-mix(in srgb,var(--p-danger) 14%,var(--p-surface));color:var(--p-danger);border-color:color-mix(in srgb,var(--p-danger) 35%,var(--p-line))}.p-badge--info{background:color-mix(in srgb,var(--p-info) 13%,var(--p-surface));color:color-mix(in srgb,var(--p-info) 65%,var(--p-text));border-color:color-mix(in srgb,var(--p-info) 25%,var(--p-line))}.p-divider{height:1px;width:100%;background:var(--p-line);margin:6px 0}.p-header{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%}.p-header h2{margin-top:4px}.p-form{display:grid;gap:13px;max-width:500px;width:100%;margin:auto}.p-form>.p-button{justify-self:start}.p-field{display:grid;gap:8px;font-size:10px;color:var(--p-muted);font-weight:600;min-width:0}.p-field>span{text-transform:uppercase;letter-spacing:.04em;font-size:9px}.p-field input,.p-field select{width:100%;min-height:42px;min-width:0;padding:10px 11px;background:var(--p-surface);color:var(--p-text);border:1px solid var(--p-line);border-radius:min(var(--p-radius,8px),10px);font-weight:500;font-size:12px}.p-field input::placeholder{color:var(--p-muted);opacity:.65}.p-field input:focus,.p-field select:focus{border-color:var(--p-accent)}.p-field input[type=range]{padding:0;background:transparent;border:0}.p-field input[aria-invalid=true]{border-color:var(--p-danger)}.p-password{position:relative}.p-password input{padding-right:45px}.p-password button{position:absolute;inset:3px 3px 3px auto;width:35px;display:grid;place-items:center;color:var(--p-muted)}.p-phone,.p-date-fields{display:grid;grid-template-columns:1fr 1.3fr;gap:12px}.p-date-fields{grid-template-columns:1.3fr 1fr 1fr}.p-choices{display:grid;gap:12px;border:1px solid var(--p-line);border-radius:var(--p-radius);padding:16px 20px;background:var(--p-surface);font-size:12px}.p-choices legend{font-size:10px;color:var(--p-muted);font-weight:700;padding:0 5px}.p-choices label{display:flex;align-items:center;gap:9px;min-height:30px}.p-choices input{width:16px;height:16px;margin:0;flex-shrink:0}.p-tabs,.p-segment{display:flex;border:1px solid var(--p-line);border-radius:8px;background:var(--p-surface);padding:4px;gap:4px;overflow:auto}.p-tabs button,.p-segment button{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;min-height:40px;flex:1;font-size:11px;color:var(--p-muted);white-space:nowrap;border-radius:5px}.p-tabs button[aria-pressed=true],.p-segment button[aria-pressed=true]{background:var(--p-action);color:var(--p-action-text);font-weight:700}.p-selected-panel{font-size:11px;color:var(--p-muted);padding:14px;border:1px solid var(--p-line);border-radius:6px;background:var(--p-surface)}.p-menu-demo{position:relative;min-height:180px;border:1px solid var(--p-line);border-radius:8px;background:var(--p-surface);padding:20px}.p-menu-demo>p{margin-top:23px;max-width:50%}.p-menu{position:absolute;right:20px;top:67px;min-width:200px;background:var(--p-surface);border:1px solid var(--p-line);border-radius:7px;padding:5px;box-shadow:0 15px 35px #0002;z-index:3}.p-menu[hidden]{display:none}.p-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:11px;font-size:11px;border-radius:4px;color:var(--p-text);text-align:left}.p-menu button:hover{background:color-mix(in srgb,var(--p-accent) 10%,var(--p-surface))}.p-danger-text{color:var(--p-danger)!important}.p-tooltip-demo{position:relative;min-height:125px;padding:15px}.p-tooltip{background:var(--p-text);color:var(--p-bg);padding:12px 15px;border-radius:7px;box-shadow:0 5px 15px #0001;font-size:11px;margin-top:12px;max-width:340px}.p-tags-demo{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.p-tag{display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--p-accent) 10%,var(--p-surface));border:1px solid var(--p-line);border-radius:5px;padding:6px 9px;font-size:10px;color:var(--p-text)}.p-tag button{padding:0 3px;margin:-3px -3px -3px 2px;font-size:15px}.p-scope-list{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:11px;color:var(--p-muted)}.p-scope-list li{display:flex;align-items:center;gap:9px}.p-scope-list svg{color:var(--p-success)}.p-upload{display:grid;justify-items:center;gap:14px;padding:25px;text-align:center;background:var(--p-surface);border:1px dashed var(--p-line);border-radius:var(--p-radius)}.p-upload strong{font-size:15px}.p-upload label{position:relative;overflow:hidden;cursor:pointer}.p-upload input{opacity:0;position:absolute;inset:0;width:100%;cursor:pointer}.p-upload label:focus-within{outline:3px solid var(--p-accent);outline-offset:3px}.p-file-result{font-size:11px;color:var(--p-muted);overflow-wrap:anywhere}.p-editor{border:1px solid var(--p-line);border-radius:8px;overflow:hidden;background:var(--p-surface)}.p-editor-toolbar{display:flex;gap:5px;padding:7px;border-bottom:1px solid var(--p-line);align-items:center;background:color-mix(in srgb,var(--p-muted) 5%,var(--p-surface))}.p-editor-toolbar button{padding:7px;width:32px;height:32px;border:1px solid var(--p-line);border-radius:4px;background:var(--p-surface)}.p-editor-toolbar button[aria-pressed=true]{background:var(--p-action);color:var(--p-action-text)}.p-editor-toolbar span{margin-left:auto;font-size:9px;color:var(--p-muted)}.p-editor-surface{padding:22px;min-height:170px;font-size:13px;line-height:1.8}.p-editor-surface h3{font-size:17px;margin-bottom:14px}.p-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.p-stat-grid>div{display:grid;gap:9px;border:1px solid var(--p-line);background:var(--p-surface);border-radius:var(--p-radius);padding:18px 14px}.p-stat-grid strong{font-size:25px;letter-spacing:-.04em;line-height:1.2}.p-stat-grid strong small{font-size:13px}.p-stat-grid span{font-size:10px;color:var(--p-muted);line-height:1.5}.p-stat-grid svg{color:var(--p-accent)}.p-table-wrap{overflow-x:auto;border:1px solid var(--p-line);border-radius:8px;background:var(--p-surface)}.p-table{border-collapse:collapse;width:100%;font-size:11px;text-align:left;white-space:nowrap}.p-table th{color:var(--p-muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:14px 15px;border-bottom:1px solid var(--p-line);background:color-mix(in srgb,var(--p-muted) 5%,var(--p-surface))}.p-table td{padding:15px;border-bottom:1px solid var(--p-line)}.p-table tr:last-child td{border:0}.p-table tr[hidden]{display:none}.p-table input{width:15px;height:15px}.p-avatar{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:12px;background:color-mix(in srgb,var(--p-accent) 15%,var(--p-surface));border:1px solid var(--p-line);color:var(--p-text);font-size:18px;font-weight:700;flex-shrink:0}.p-avatar--small{width:25px;height:25px;border-radius:6px;font-size:8px;margin-right:5px}.p-identity{display:flex;align-items:center;gap:14px;min-width:0}.p-identity>div{min-width:0}.p-identity h3{font-size:19px}.p-identity strong{font-size:13px}.p-identity small{display:block;margin-top:5px}.p-brand{width:54px;height:54px;object-fit:contain;padding:7px;background:white;border-radius:9px;border:1px solid var(--p-line)}.p-filter-demo{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.p-graph svg{display:block;width:100%;max-height:210px}.p-chart{width:100%;height:auto;max-height:200px;margin-top:5px}.p-file-item{display:flex;align-items:center;gap:15px;padding:20px;background:var(--p-surface);border:1px solid var(--p-line);border-radius:var(--p-radius)}.p-file-item>div{flex:1;min-width:0}.p-file-item strong{font-size:12px;overflow-wrap:anywhere}.p-file-item small{display:block;margin-top:5px}.p-calendar{background:var(--p-surface);padding:21px;border:1px solid var(--p-line);border-radius:var(--p-radius);max-width:380px;width:100%;margin:auto}.p-calendar header{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-bottom:17px}.p-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.p-weekday{font-size:9px;color:var(--p-muted);text-align:center;padding:8px 0}.p-calendar-grid button{height:35px;display:grid;place-items:center;color:var(--p-text);border-radius:5px;font-size:11px;position:relative}.p-calendar-grid button.has-event:after{content:'';position:absolute;bottom:4px;height:3px;width:3px;border-radius:50%;background:var(--p-accent)}.p-calendar-grid button.is-selected{background:var(--p-action);color:var(--p-action-text)}.p-calendar-result{border-top:1px solid var(--p-line);padding-top:14px;margin-top:16px;font-size:10px;color:var(--p-muted)}.p-empty{display:grid;justify-items:center;text-align:center;gap:15px;padding:28px 18px;max-width:430px;margin:auto}.p-empty>svg{color:var(--p-muted)}.p-empty h3{font-size:21px}.p-empty small{font-size:9px}.spinner{display:inline-block;width:27px;height:27px;border:2px solid var(--p-line,#d9e2ea);border-top-color:var(--p-accent,#2196f3);border-radius:50%;animation:spin .9s linear infinite}.p-alert-stack{display:grid;gap:12px}.p-alert{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:color-mix(in srgb,var(--p-info) 8%,var(--p-surface));border:1px solid color-mix(in srgb,var(--p-info) 20%,var(--p-line));border-radius:7px;font-size:11px;color:var(--p-text);line-height:1.6}.p-alert svg{margin-top:1px;flex-shrink:0;color:var(--p-info)}.p-alert--error{background:color-mix(in srgb,var(--p-danger) 7%,var(--p-surface));border-color:color-mix(in srgb,var(--p-danger) 25%,var(--p-line))}.p-alert--error svg{color:var(--p-danger)}.p-alert--success{background:color-mix(in srgb,var(--p-success) 7%,var(--p-surface));border-color:color-mix(in srgb,var(--p-success) 25%,var(--p-line))}.p-alert--success svg{color:var(--p-success)}.p-alert--warning{background:color-mix(in srgb,var(--p-warning) 8%,var(--p-surface));border-color:color-mix(in srgb,var(--p-warning) 25%,var(--p-line))}.p-alert--warning svg{color:var(--p-warning)}.p-error{color:var(--p-danger);font-size:11px;line-height:1.6}.p-error[hidden]{display:none}.p-result{font-size:11px;color:var(--p-muted)}.p-result:empty{display:none}.p-notification{display:flex;align-items:center;gap:13px;border:1px solid var(--p-line);border-radius:8px;background:var(--p-surface);padding:16px;box-shadow:0 8px 20px #0001;max-width:420px;margin:auto;width:100%}.p-notification>svg{color:var(--p-success)}.p-notification>div{flex:1}.p-notification strong{font-size:12px}.p-notification p{font-size:10px;color:var(--p-muted);margin-top:4px}.p-notification button{display:grid;place-items:center;height:32px;width:32px;color:var(--p-muted)}.p-dialog-schematic{max-width:480px;margin:auto;border:1px solid var(--p-line);background:var(--p-surface);border-radius:var(--p-radius);box-shadow:0 15px 35px #0002;overflow:hidden}.p-dialog-schematic header{padding:18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--p-line);font-size:15px}.p-dialog-schematic>p{padding:22px;font-size:12px;color:var(--p-muted)}.p-dialog-schematic footer{padding:15px;border-top:1px solid var(--p-line);display:flex;justify-content:flex-end;gap:9px}.p-drawer{max-width:370px;width:100%;margin-left:auto;border:1px solid var(--p-line);background:var(--p-surface);border-radius:var(--p-radius);box-shadow:-6px 0 25px #0000000b}.p-drawer header{padding:20px;display:flex;justify-content:space-between;border-bottom:1px solid var(--p-line)}.p-drawer header h3{font-size:18px;margin-top:5px}.p-drawer dl{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:11px}.p-drawer dt{color:var(--p-muted)}.p-drawer dd{margin:0}.p-drawer footer{padding:17px;border-top:1px solid var(--p-line)}.p-sheet{background:var(--p-surface);border:1px solid var(--p-line);border-radius:22px 22px 0 0;padding:14px 21px 24px;max-width:390px;width:100%;margin:auto;display:grid;gap:18px;box-shadow:0 -8px 25px #0001}.p-sheet-handle{display:block;width:35px;height:4px;background:var(--p-line);border-radius:3px;margin:auto}.p-sheet header{display:flex;align-items:center;justify-content:space-between}.p-sheet h3{font-size:17px}.p-auth{max-width:340px;margin:auto}.p-auth .p-brand{justify-self:start}.p-auth h3{font-size:23px;line-height:1.25}.p-icon-text{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--p-muted)}.p-map{position:relative;background:color-mix(in srgb,var(--p-bg) 94%,var(--p-accent));height:300px;border:1px solid var(--p-line);border-radius:var(--p-radius);overflow:hidden;isolation:isolate}.p-map>svg{position:absolute;width:100%;height:100%;color:var(--p-muted)}.p-contour{stroke:var(--p-muted);stroke-width:.8;fill:none;opacity:.18}.p-road{stroke:var(--p-muted);stroke-width:3;fill:none;opacity:.3}.p-sector{stroke:var(--p-accent);stroke-width:1;fill:var(--p-accent);fill-opacity:.08}.p-track{stroke:var(--p-accent);stroke-width:3;fill:none}.p-runner{stroke:#f59e3d;stroke-width:2.5;stroke-dasharray:4 3;fill:none}.p-map-label{position:absolute;top:14px;left:14px}.p-marker{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);height:29px;width:29px;border-radius:50%;background:var(--p-action);color:var(--p-action-text);border:2px solid var(--p-text);font-size:9px;font-weight:800;box-shadow:0 0 0 5px color-mix(in srgb,var(--p-accent) 14%,transparent)}.p-marker--other{background:#f59e3d;color:#332315}.p-marker.is-selected{box-shadow:0 0 0 7px color-mix(in srgb,var(--p-accent) 35%,transparent)}.p-map-controls{position:absolute;top:14px;right:14px;display:grid;gap:6px}.p-map-controls .p-button{background:var(--p-surface)}.p-map-detail{position:absolute;left:14px;bottom:14px;right:14px;padding:10px 12px;background:var(--p-surface);border:1px solid var(--p-line);border-radius:5px;font-size:10px;color:var(--p-muted)}.p-coordinates{display:grid;grid-template-columns:1fr 1.2fr;gap:16px;font-size:12px;margin:0}.p-coordinates dt{color:var(--p-muted);font-size:10px}.p-coordinates dd{margin:0;font-family:ui-monospace,monospace;white-space:nowrap}.p-qr-demo{display:flex;align-items:center;justify-content:center;gap:28px;padding:15px}.p-qr-demo svg{flex-shrink:0}.p-qr-demo h3{margin-bottom:9px}.p-qr-demo .p-badge{margin-top:15px}.p-recording{font-size:11px;font-weight:700;color:var(--p-danger)}.p-recording.is-stopped{color:var(--p-muted)}.p-alarm h3{font-size:19px}.p-alarm .p-card p{font-size:13px}.p-date{font-size:10px;color:var(--p-muted);line-height:1.6;text-align:right}.p-chat{display:grid;gap:12px;max-width:400px;margin:auto;width:100%}.p-bubble{background:var(--p-surface);border:1px solid var(--p-line);padding:13px 15px;border-radius:7px;max-width:90%;font-size:12px;line-height:1.6;justify-self:start}.p-bubble small{display:block;font-size:8px;color:var(--p-muted);margin-top:7px}.p-bubble--own{background:color-mix(in srgb,var(--p-accent) 9%,var(--p-surface));justify-self:end}.p-chat-form{display:flex;gap:7px;margin-top:12px}.p-chat-form input{flex:1;min-width:0;background:var(--p-surface);border:1px solid var(--p-line);border-radius:6px;padding:11px;color:var(--p-text);font-size:11px}.p-theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.p-theme-options>button{display:grid;gap:11px;text-align:left;border:1px solid var(--p-line);border-radius:8px;background:var(--p-surface);padding:10px;color:var(--p-text);font-size:10px}.p-theme-options>button[aria-pressed=true]{outline:2px solid var(--p-accent);outline-offset:1px}.p-theme-options .p-card{padding:16px;gap:13px}.p-theme-options .p-card h3{font-size:13px}.p-theme-strip{display:flex;gap:5px;padding:18px 9px;border:1px solid;border-radius:5px}.p-theme-strip i{width:18px;height:18px;border-radius:4px}.p-gallery-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:370px;overflow:hidden}.p-gallery-preview button{padding:0;border:1px solid var(--p-line);border-radius:8px;overflow:hidden}.p-gallery-preview img{width:100%;display:block}.p-hero{padding:12px;display:grid;gap:19px;max-width:550px}.p-hero h2{font-size:39px;font-weight:550;line-height:1.08;max-width:420px}.p-hero .p-button{justify-self:start}.p-shell{border:1px solid var(--p-line);border-radius:9px;background:var(--p-surface);overflow:hidden}.p-shell header{padding:15px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--p-line);font-size:11px}.p-shell header img{width:22px;height:27px;object-fit:contain;background:#fff;border-radius:3px}.p-shell header .p-badge{margin-left:auto}.p-shell nav{display:flex;gap:4px;padding:8px;background:var(--p-bg);border-bottom:1px solid var(--p-line);font-size:10px}.p-shell nav span{padding:7px 12px}.p-shell nav .active{background:var(--p-action);color:var(--p-action-text);border-radius:5px}.p-shell-main{display:grid;grid-template-columns:120px 1fr;min-height:170px}.p-shell-main>aside{padding:20px 15px;border-right:1px solid var(--p-line);font-size:9px;color:var(--p-muted);line-height:3}.p-shell-main>section{padding:20px}.p-shell-main h3{font-size:16px;margin-bottom:15px}.p-shell-main .p-stat-grid{grid-template-columns:1fr 1fr}.p-shell-main .p-stat-grid>div{padding:12px}.p-shell-main .p-stat-grid strong{font-size:24px}.p-busy{pointer-events:none;opacity:.45}.is-disabled{opacity:.65}.is-mini input,.is-mini select,.is-mini [contenteditable]{pointer-events:none}.is-mini .p-table td,.is-mini .p-table th{padding:10px}.is-mini .p-card{padding:16px;gap:12px}.is-mini .p-card h3{font-size:15px}.is-mini .p-calendar{padding:12px}.is-mini .p-calendar-result{display:none}.is-mini .p-calendar-grid button{height:22px;font-size:9px}.is-mini .p-calendar-grid{gap:2px}.is-mini .p-empty{padding:20px}.is-mini .p-stat-grid{gap:6px}.is-mini .p-stat-grid>div{padding:10px}.is-mini .p-stat-grid strong{font-size:22px}.is-mini .p-graph svg{height:175px}.is-mini .p-shell-main>aside{display:none}.is-mini .p-shell-main{grid-template-columns:1fr}.is-mini .p-shell header{padding:10px}.is-mini .p-form{gap:8px}.is-mini .p-field input{min-height:35px}.is-mini .p-dialog-schematic{box-shadow:none}.is-mini .p-dialog-schematic>p{padding:15px}.is-mini .p-hero h2{font-size:26px}.is-mini .p-card .p-coordinates{gap:12px}.is-mini .p-bubble{font-size:10px;padding:10px}.is-mini .p-chat-form{margin-top:5px}.is-mini .p-sheet{padding:10px}.is-mini .p-menu-demo{min-height:130px}.is-mini .p-upload{padding:16px;gap:7px}.is-mini .p-permission{padding:12px}

dialog{border:1px solid var(--line);border-radius:12px;padding:0;color:var(--ink);background:white;box-shadow:0 25px 100px #10203033;max-width:calc(100vw - 32px)}dialog::backdrop{background:rgba(10,26,44,.44);backdrop-filter:blur(4px)}.search-dialog{width:620px;max-height:80vh;overflow:hidden;margin-top:12vh}.search-dialog>header{display:flex;align-items:center;gap:13px;padding:20px;border-bottom:1px solid var(--line)}.search-dialog>header>svg{color:#60738a}.search-dialog input{border:0;outline:0;font-size:14px;flex:1;color:#294864}.search-dialog header button{display:grid;place-items:center;height:30px;width:30px;color:#60738a}.search-dialog footer{padding:13px 20px;border-top:1px solid var(--line);font-size:9px;color:#60738a}.search-help{padding:25px;font-size:12px;color:#60738a}.search-result{display:flex;align-items:center;justify-content:space-between;padding:14px 23px;border-bottom:1px solid #eef2f6;color:#60738a}.search-result:hover{background:#f3f7fa}.search-result>div{display:grid;gap:6px}.search-result small{font-size:9px;color:#60738a}.search-result strong{font-size:12px;font-weight:600;color:#44617b}#search-results{max-height:55vh;overflow:auto}.sample-modal{width:470px;border:0}.sample-modal>.specimen{padding:0}.sample-modal header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px;border-bottom:1px solid var(--p-line);background:var(--p-surface)}.sample-modal header h2{font-size:20px}.sample-modal header button{height:32px;width:32px;display:grid;place-items:center;color:var(--p-muted)}.sample-modal-body{padding:25px;background:var(--p-surface);display:grid;gap:20px}.sample-modal-body>p{font-size:12px;color:var(--p-muted)}.sample-failure{font-size:10px;color:var(--p-muted);display:flex;align-items:center;gap:7px}.sample-modal footer{display:flex;justify-content:flex-end;gap:10px;padding:17px 20px;border-top:1px solid var(--p-line);background:var(--p-surface)}.image-dialog{width:max-content;max-width:calc(100vw - 50px);max-height:calc(100vh - 50px);padding:15px;background:#fff;overflow:auto}.image-dialog>button{position:absolute;right:19px;top:19px;display:grid;place-items:center;width:39px;height:39px;background:#fff;box-shadow:0 4px 12px #0002;border-radius:50%;z-index:1;color:#143857}.image-dialog>img{display:block;max-height:calc(100vh - 130px);max-width:calc(100vw - 90px);object-fit:contain;margin:auto;border-radius:4px}.image-dialog p{font-size:11px;color:#60738a;text-align:center;margin-top:15px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes motion-in{from{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:none}}
@media(min-width:1600px){.main-shell main{padding-top:65px}.page-heading h1{font-size:59px}.family-strip{height:210px}.component-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1180px){:root{--sidebar:218px}.sidebar{padding-inline:14px}.topbar-actions{gap:10px}.theme-control>span{display:none}.search-trigger kbd{margin-left:8px}.search-trigger>span{font-size:10px}.reference-stats>div{gap:8px}.reference-stats span{font-size:9px}.reference-stats strong{font-size:24px}.component-grid,.foundation-grid,.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.family-strip{padding:21px 10px}.family-strip strong{font-size:11px}.family-board-caption{font-size:8px}.principle-grid{column-gap:22px}.theme-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foundation-layout{grid-template-columns:minmax(0,1fr) 145px;gap:20px}.editorial-note{flex-wrap:wrap}.editorial-note>a{padding-left:33px}.shape-sheet{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-card{padding:21px 17px}.entry-card h3{font-size:13px}.topbar{padding-inline:27px}}
@media(max-width:900px){:root{--sidebar:200px}.topbar{height:66px;padding-inline:22px}.breadcrumb{font-size:10px}.search-trigger>span,.search-trigger kbd{display:none}.search-trigger{height:34px;padding:7px 10px}.theme-control select{max-width:133px;font-size:10px}.main-shell main{padding:40px 25px}.page-heading h1{font-size:39px}.page-heading p{font-size:12px}.family-strips{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:4px}.family-strip{height:140px;padding:18px 15px}.family-board-caption{align-items:flex-start}.family-board-caption>span{max-width:65%;line-height:1.7}.reference-stats{gap:15px;grid-template-columns:repeat(2,minmax(0,1fr))}.reference-stats>div{gap:12px}.entry-grid{grid-template-columns:1fr}.entry-card{padding:20px 20px 20px 85px;min-height:122px}.entry-icon{position:absolute;left:20px;top:26px}.entry-card p{max-width:90%}.principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foundation-layout{grid-template-columns:1fr}.page-contents{display:none}.detail-grid{grid-template-columns:1fr;gap:0}.product-grid{grid-template-columns:1fr}.product-cover{height:125px}.theme-grid{grid-template-columns:1fr}.theme-intro{grid-template-columns:1fr}.theme-summary-preview{border-top:1px solid var(--line)}.specimen{padding:25px}.specimen-panel>header>div{display:grid;gap:5px}.related-links{grid-template-columns:1fr}.screenshot-grid.is-mobile{grid-template-columns:repeat(2,minmax(0,1fr))}.scope-row{grid-template-columns:1fr;gap:6px}.product-card-copy p{max-width:100%}.component-card-copy{padding:17px}.component-card-copy h2{font-size:13px}.icon-sheet{grid-template-columns:repeat(4,minmax(0,1fr))}.site-footer{padding:20px 25px;flex-wrap:wrap}.section-title{align-items:flex-start}.section-title>a{max-width:140px;line-height:1.6}.section-title h2{font-size:21px}}
@media(max-width:720px){.reference-shell{display:block}.sidebar{transform:translateX(-100%);width:250px;transition:transform .18s ease-out;box-shadow:8px 0 30px #14203320;inset:66px auto 0 0;z-index:60;padding-top:24px}.nav-open .sidebar{transform:none}.main-shell{grid-column:auto}.topbar{height:66px;padding:0 18px;gap:12px;background:#fff}.menu-toggle{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:5px;color:#496980;flex-shrink:0}.breadcrumb{margin-right:auto;gap:7px}.breadcrumb>svg{display:none}.theme-control select{font-size:10px;max-width:130px;min-height:34px;padding:7px 22px 7px 8px}.topbar-actions{gap:8px}.main-shell main{padding:36px 21px}.page-heading>.eyebrow{font-size:9px;margin-bottom:14px}.page-heading h1{font-size:38px}.page-heading p{font-size:12px;margin-top:17px}.heading-actions{gap:16px;margin-top:22px}.heading-actions .solid-link{font-size:10px;padding:12px 14px}.heading-actions .quiet-link{font-size:10px}.family-board{margin-top:30px}.family-board-title{padding:15px;font-size:9px}.family-strip{height:148px}.family-strip strong{font-size:12px}.family-board-caption{padding:14px;font-size:8px;gap:7px}.reference-stats{padding-top:23px}.principle-grid{gap:25px}.principle-grid p{font-size:11px}.section-block{margin-top:35px}.section-title h2{font-size:22px}.theme-grid,.foundation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-card-preview{padding:20px!important}.theme-card-preview h2{font-size:23px}.theme-card-preview .p-button{font-size:9px;padding:7px 9px}.theme-grid{gap:13px}.foundation-grid{gap:12px}.foundation-card{padding:24px 19px;min-height:180px}.foundation-card h2{font-size:17px}.foundation-card p{font-size:11px}.specimen-panel>header{padding:13px 15px}.specimen-panel>footer{padding:12px 15px}.specimen{padding:24px}.theme-summary-preview{padding:25px!important}.guide-panel{padding:23px}.sources li{display:grid;gap:5px}.template-grid{gap:12px}.template-card>div:last-child{padding:17px}.reference-table th,.reference-table td{padding:12px 14px}.filter-select select{max-width:150px}.component-grid{gap:13px}.category-tabs button{font-size:9px;padding:8px}.component-card-preview{height:155px}.component-card-preview .specimen-content{transform:scale(.75);min-width:200px}.component-card-copy h2{font-size:13px}.screenshot-grid.is-mobile{grid-template-columns:repeat(3,minmax(0,1fr))}.screenshot-grid span{font-size:8px;padding:10px}.site-footer span:first-child{width:100%}.editorial-note{margin-top:30px}.search-dialog{margin-top:7vh}.product-meta{line-height:1.7}.audit-table{min-width:610px}.token-table{min-width:570px}.contrast-table{min-width:670px}.icon-sheet{grid-template-columns:repeat(6,minmax(0,1fr))}.type-sheet h2{font-size:32px}}
@media(max-width:480px){.breadcrumb{font-size:9px}.topbar{padding:0 12px;gap:9px}.theme-control select{max-width:117px;font-size:9px}.search-trigger{padding:7px;width:32px}.main-shell main{padding:31px 17px 45px}.page-heading{margin-bottom:28px}.page-heading h1{font-size:34px}.page-heading p{font-size:11px;line-height:1.9}.heading-actions{gap:13px;flex-wrap:wrap}.family-board-title span:last-child{display:none}.family-strips{padding:0 4px}.family-strip{height:131px;padding:16px 11px}.family-strip strong{font-size:11px}.family-strip small{font-size:8px;margin-bottom:13px}.family-strip>span svg{height:22px;width:22px}.family-board-caption{display:grid;gap:9px}.family-board-caption>span{max-width:none}.family-board-caption a{font-size:9px}.reference-stats{margin-bottom:28px}.reference-stats strong{font-size:24px}.reference-stats span{font-size:9px}.section-title{display:grid;gap:14px}.section-title>a{max-width:none;font-size:9px}.section-title h2{font-size:21px}.principle-grid{grid-template-columns:1fr}.principle-grid article{display:grid;grid-template-columns:25px 1fr;gap:0 10px}.principle-grid .principle-number{grid-row:1/3;margin:4px 0}.principle-grid h3{font-size:13px}.principle-grid p{grid-column:2;font-size:11px}.component-grid,.foundation-grid,.pattern-grid,.theme-grid{grid-template-columns:1fr}.component-card{display:grid;grid-template-columns:130px 1fr}.component-card-preview{height:100%;min-height:155px;border-bottom:0;border-right:1px solid var(--line);padding:5px!important}.component-card-preview .specimen-content{min-width:185px;transform:scale(.58)}.component-card-copy{padding:17px}.component-card-copy h2{font-size:12px}.component-card-copy p{font-size:9px}.component-card-copy small{margin-top:10px;font-size:8px}.component-card-copy>span{font-size:7px}.filter-controls{gap:10px}.inline-search{max-width:none;min-width:100%;font-size:10px}.filter-select{font-size:9px}.category-tabs{gap:3px}.category-tabs button{font-size:8px;padding:7px 8px}.foundation-card{min-height:152px}.foundation-card p{max-width:85%}.foundation-card .principle-number{margin-bottom:11px}.guide-panel{padding:20px}.guide-list{font-size:11px;gap:13px}.detail-grid{margin-top:22px}.specimen-panel>header span{font-size:8px}.specimen-panel>header label{font-size:9px;gap:6px}.specimen-panel>header select{max-width:135px;font-size:9px}.specimen{padding:21px 16px}.specimen-panel>footer{font-size:8px}.p-stat-grid{gap:7px}.p-stat-grid>div{padding:14px 10px}.p-stat-grid strong{font-size:23px}.p-stat-grid span{font-size:8px}.p-card{padding:18px;gap:16px}.p-card h3{font-size:17px}.p-badge{font-size:8px}.p-button{font-size:10px;min-height:42px;padding:10px 12px}.p-between{gap:12px}.p-phone{grid-template-columns:1fr}.p-date-fields{grid-template-columns:1fr 1fr}.p-date-fields .p-field:first-child{grid-column:1/-1}.p-choices{font-size:11px;padding:14px}.p-filter-demo{grid-template-columns:1fr}.p-actions{gap:7px}.p-header h2{font-size:24px}.p-tabs button,.p-segment button{padding:9px 10px;font-size:10px}.p-menu-demo>p{max-width:100%}.p-qr-demo{gap:20px}.p-qr-demo svg{width:99px;height:99px}.p-qr-demo h3{font-size:17px}.p-hero h2{font-size:33px}.p-coordinates{font-size:11px;gap:13px}.p-coordinates dt{font-size:9px}.p-map{height:250px}.p-map-detail{font-size:9px;left:10px;right:10px;bottom:10px}.p-shell-main{grid-template-columns:82px 1fr}.p-shell-main>aside{padding:15px 9px;font-size:8px}.p-shell-main>section{padding:14px}.p-shell nav span{padding:7px;font-size:9px}.p-shell header strong{font-size:10px}.p-shell .p-badge{font-size:7px}.p-theme-options{gap:8px}.p-theme-options .p-card{padding:10px}.p-theme-options .p-card h3{font-size:10px}.p-theme-options>button{font-size:9px;padding:8px}.p-theme-strip{padding:15px 7px}.p-theme-strip i{height:15px;width:15px}.p-table th,.p-table td{padding:12px 11px;font-size:10px}.p-table .p-avatar--small{display:none}.p-date{font-size:9px}.p-card .p-identity{gap:10px}.p-card .p-identity>svg{width:23px}.p-card .p-identity h3{font-size:16px}.p-bubble{font-size:11px}.theme-card-preview h2{font-size:27px}.theme-card-preview .p-button{font-size:10px}.theme-role-grid{gap:8px}.theme-role{padding:10px;gap:8px}.theme-role>i{width:26px;height:26px}.theme-role>svg{display:none}.theme-summary{padding:23px}.theme-summary-preview{padding:22px 15px!important}.template-grid{grid-template-columns:1fr}.template-card{display:grid;grid-template-columns:130px 1fr}.template-schematic{height:100%;min-height:185px;padding:12px;border-bottom:0;border-right:1px solid var(--line)}.template-schematic>header span:last-child{display:none}.template-schematic-body{grid-template-columns:1fr}.template-schematic-body aside{height:47px}.template-schematic>footer{gap:4px}.template-card>div:last-child{padding:17px}.template-card h3{font-size:12px}.template-card p{font-size:9px}.screenshot-grid{grid-template-columns:1fr}.screenshot-grid.is-mobile{grid-template-columns:repeat(2,minmax(0,1fr))}.product-cover>strong{font-size:27px}.product-intro{font-size:11px}.product-card-copy h2{font-size:15px}.product-card-copy p{font-size:11px}.workflow-steps li{padding:19px 17px;gap:18px;font-size:12px}.pattern-card{padding:22px}.pattern-card h2{font-size:16px}.pattern-card p{font-size:11px}.sources{padding:15px;font-size:10px}.sources summary>span{font-size:8px}.sources li>span{font-size:9px}.sources li code{font-size:9px}.colour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.colour-tile>span{height:80px}.type-sheet,.spacing-sheet,.shape-sheet,.icon-sheet,.motion-sheet,.writing-sheet,.device-sheet{padding:21px}.type-sheet h2{font-size:29px}.type-sheet h3{font-size:20px}.type-sheet p{font-size:12px}.icon-sheet{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.device-sheet{gap:12px}.device-sheet>div{padding:8px}.device-wide{width:44%}.device-tablet{width:28%}.device-phone{width:24%}.theme-role code{font-size:8px}.audit-downloads{gap:9px}.audit-downloads a{font-size:10px}.reference-table th,.reference-table td{padding:12px;font-size:10px}.editorial-note{padding:18px}.editorial-note p{font-size:10px}.site-footer{padding:20px 17px;font-size:8px}.site-footer a{margin-left:8px}.sample-modal header{padding:17px}.sample-modal header h2{font-size:18px}.sample-modal-body{padding:20px}.sample-modal footer{padding:15px}.image-dialog{max-width:calc(100vw - 24px);padding:10px}.image-dialog>img{max-width:calc(100vw - 46px)}.search-dialog>header{padding:16px;gap:10px}.search-dialog input{font-size:12px}.search-dialog footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.motion-sample.play{animation:none}}
@media(forced-colors:active){a,button,input,select{forced-color-adjust:auto}.family-strip,.p-card,.p-button,.p-badge,.colour-tile,.specimen-panel{border:1px solid ButtonText}.p-track,.p-runner{stroke:CanvasText}:where(a,button,input,select,[tabindex]):focus-visible{outline-color:Highlight}.p-marker{background:Highlight;color:HighlightText}}
@media print{.sidebar,.topbar,.site-footer,.search-dialog,.sample-modal,.heading-actions{display:none!important}.reference-shell{display:block}.main-shell main{padding:0}.page-heading h1{font-size:30px}.guide-panel,.sources,.specimen-panel{break-inside:avoid}.specimen{print-color-adjust:exact}.main-shell{width:100%}}
.component-card{position:relative}.component-card-link{display:block;min-width:0}.component-card-link::after{content:'';position:absolute;inset:0;z-index:2}.component-card:focus-within{outline:3px solid #1678c2;outline-offset:3px}.p-schematic-fields{padding:20px;display:grid;gap:15px}.p-switch{position:relative;height:28px;width:48px;background:var(--p-line);border:1px solid var(--p-line);border-radius:999px;padding:3px;flex-shrink:0}.p-switch i{display:block;width:20px;height:20px;border-radius:50%;background:var(--p-text);transition:transform .15s}.p-switch[aria-checked=true]{background:var(--p-action);border-color:var(--p-action)}.p-switch[aria-checked=true] i{background:var(--p-action-text);transform:translateX(20px)}.p-block-list{display:grid;gap:7px}.p-block-list>div{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--p-line);border-radius:6px;font-size:11px}.p-block-list .p-badge{margin-left:auto}.template-card>.website-theme-mini{width:100%;height:175px;border:0;border-bottom:1px solid var(--line);border-radius:0}.template-card .website-theme-mini__shape{min-width:0}.template-card .website-theme-mini__copy{min-width:0}@media(max-width:480px){.template-card>.website-theme-mini{height:100%;min-height:185px;border-bottom:0;border-right:1px solid var(--line)}}
.foundation-layout>div,.reference-table-wrap{min-width:0}