*{box-sizing:border-box}html{scroll-padding-top:100px;scrollbar-gutter:stable}*{scrollbar-color:#475569 #fff;scrollbar-width:auto}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#475569;border:3px solid #fff;border-radius:8px}::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active{background:#1D4ED8}@media (forced-colors: active){*{scrollbar-color:auto}}body{margin:0;color:#0F172A;background:#fff;font:16px/1.8 "Inter","Noto Sans SC",system-ui,sans-serif}a{color:#1D4ED8;text-underline-offset:.2em;overflow-wrap:anywhere;display:inline-block;max-width:100%;vertical-align:top}a:hover{text-decoration-thickness:2px}button,input{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid #1D4ED8;outline-offset:4px}.skip-link{position:absolute;top:-100px;left:12px;z-index:9;background:#fff;padding:12px}.skip-link:focus{top:12px}[hidden]{display:none !important}.wrapper{width:100%;max-width:1180px;margin:auto;padding:0 28px}.site-header{background:#fff;border-bottom:1px solid #CBD5E1}.header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding-top:16px;padding-bottom:16px}.brand{color:#0F172A;display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700}.brand-mark{background:#0F172A;color:#fff;font:600 19px "JetBrains Mono",ui-monospace,monospace;width:42px;height:42px;display:grid;place-items:center;border-radius:6px}.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:18px;font-size:14px}.site-nav a{color:#475569;text-decoration:none}.site-nav a:hover{color:#1D4ED8;text-decoration:underline}.site-nav .locale-link{color:#1D4ED8;border-left:1px solid #CBD5E1;padding-left:18px}main{min-height:65vh;padding:32px 0 64px}h1,h2,h3,h4{line-height:1.25;letter-spacing:-.025em}h1{font-size:clamp(1.75rem, 3vw, 2.25rem);margin:.4em 0 .6em;max-width:23ch}h2{font-size:1.5rem;margin-top:2em}h3{font-size:1.13rem}p{max-width:78ch}.eyebrow,.record-id{font:500 12px/1.5 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase;color:#475569}.lead{font-size:1rem;color:#475569;max-width:64ch}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:start;padding:12px 0 46px;border-bottom:1px solid #CBD5E1}.hero h1{max-width:none;font-size:clamp(1.65rem, 3vw, 2.25rem)}.hero h1>span{display:block}.hero-demo{background:#fff;border:1px solid #CBD5E1;border-radius:10px;overflow:hidden;box-shadow:0 12px 30px rgba(15,23,42,0.045)}.demo-row{padding:16px 22px;border-bottom:1px solid #CBD5E1;border-left:4px solid transparent}.demo-row:last-child{border-bottom:0}.demo-row.example--bad{border-left-color:#B91C1C}.demo-row.example--good{border-left-color:#15803D}.demo-row.example--bad .eyebrow{color:#B91C1C}.demo-row.example--good .eyebrow{color:#15803D}.demo-row p{margin:6px 0;font-size:14px}.demo-row code{font-size:13px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#1D4ED8;color:white;border:1px solid #1D4ED8;border-radius:6px;padding:10px 16px;text-decoration:none;font-size:14px;min-height:44px}.button:hover{color:white;background:#1E40AF;text-decoration:none}.button.secondary{background:#fff;color:#1D4ED8}.section-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:40px}.section-heading h2{margin:0}.card-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:18px;margin:22px 0}.theme-card,.pattern-card,.source-card{background:#fff;border:1px solid #CBD5E1;border-radius:8px;padding:22px}.theme-card{text-decoration:none;color:#0F172A}.theme-card:hover{border-color:#1D4ED8;box-shadow:0 3px 16px rgba(15,23,42,0.05)}.theme-card h3{margin:8px 0}.theme-card p,.pattern-card p,.source-card p{font-size:14px;color:#475569}.pattern-card h2,.pattern-card h3{margin:8px 0;font-size:1.12rem}.pattern-card h2 a,.pattern-card h3 a{color:#1D4ED8;text-decoration:underline}.pattern-card h2 a:hover,.pattern-card h3 a:hover{color:#1D4ED8;text-decoration:underline}.badge{display:inline-flex;align-items:center;border:1px solid #CBD5E1;border-radius:4px;padding:2px 7px;font:12px/1.5 "Inter","Noto Sans SC",system-ui,sans-serif;color:#475569;background:#fff}.badge.untraced{border-style:dashed;color:#0F172A}.meta-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:#475569}.page-layout{display:grid;grid-template-columns:210px minmax(0, 1fr);gap:42px}.topic-nav{font-size:14px;align-self:start;border-right:1px solid #CBD5E1;padding-right:22px}.topic-nav ul{list-style:none;margin:10px 0;padding:0}.topic-nav li{margin:10px 0}.topic-nav a{color:#475569;text-decoration:none}.topic-nav a:hover{color:#1D4ED8}.breadcrumb{font-size:13px;color:#475569;margin-bottom:28px}.pattern-heading h1{font-size:clamp(1.8rem, 3.5vw, 2.6rem);max-width:32ch}.pattern-content{margin-top:30px}.pattern-content h2{border-top:1px solid #CBD5E1;padding-top:22px}.pattern-content h2:first-child{border-top:0}.pattern-content pre{border-left:3px solid #CBD5E1}.pattern-content pre.example--bad,.pattern-content .example--bad pre{border-left-color:#B91C1C}.pattern-content pre.example--good,.pattern-content .example--good pre{border-left-color:#15803D}.evidence-panel{background:#fff;border:1px solid #CBD5E1;border-radius:8px;padding:24px;margin-top:36px}.evidence-panel li{margin:14px 0}.evidence-panel code{font-size:12px}.prose-page{max-width:900px}.post-meta{color:#475569;font-size:13px}.post-list{list-style:none;padding:0}.post-list li{padding:22px 0;border-bottom:1px solid #CBD5E1}.post-list h2{margin:8px 0;font-size:1.3rem}.post-list a{color:#0F172A}code{font:0.83em/1.65 "JetBrains Mono",ui-monospace,monospace;background:#EEF2F8;padding:.12em .25em;overflow-wrap:anywhere}pre{padding:20px;background:#EEF2F8;border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}pre code{padding:0;background:transparent;font-size:13px}blockquote{margin:20px 0;padding:12px 20px;border-left:3px solid #1D4ED8;background:#fff;color:#475569}table{border-collapse:collapse;width:100%;font-size:14px;margin:20px 0}th,td{text-align:left;border-bottom:1px solid #CBD5E1;padding:12px 10px;vertical-align:top;overflow-wrap:anywhere}th{color:#475569;font-weight:600}img{max-width:100%;height:auto}.site-footer{border-top:1px solid #CBD5E1;background:#fff;color:#475569;font-size:13px}.footer-inner{padding-top:24px;padding-bottom:24px;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}.catalog-toolbar{border-top:1px solid #CBD5E1;border-bottom:1px solid #CBD5E1;padding:20px 0;margin:24px 0}.search-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.search-row{display:flex;gap:10px}.search-row input{width:100%;min-width:0;min-height:46px;padding:9px 12px;border:1px solid #CBD5E1;border-radius:5px;background:#fff}.filter-group{border:0;padding:0;margin:20px 0 0}.filter-group legend{font-size:13px;color:#475569;padding:0;margin-bottom:8px}.filter-options{display:flex;flex-wrap:wrap;gap:7px}.filter-chip,.lang-button{color:#475569;border:1px solid #CBD5E1;border-radius:5px;background:#fff;padding:6px 10px;font-size:12px;min-height:38px}.filter-chip[aria-pressed='true'],.lang-button[aria-pressed='true']{border-color:#1D4ED8;color:#1D4ED8;background:#EFF6FF}.browser-status{min-height:34px;font-size:14px;color:#475569}.browser-results{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0, 1fr);gap:0}.browser-results>li{display:flex;flex-direction:column}.browser-results .scenario{margin:6px 0 0}.browser-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-top:20px}.browser-error,.browser-empty{padding:24px;border:1px solid #CBD5E1;background:#fff;border-radius:8px}.compat-list{font-size:14px}.compat-list li{scroll-margin-top:30px;padding:8px}@media (max-width: 1000px){.card-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}.hero{gap:26px}}@media (max-width: 767px){.wrapper{padding:0 18px}main{padding-top:30px}.header-inner{gap:12px}.site-nav{gap:12px;font-size:12px}.site-nav .locale-link{padding-left:12px}.hero{grid-template-columns:1fr}.card-grid,.browser-results{grid-template-columns:1fr}.page-layout{grid-template-columns:1fr;gap:18px}.topic-nav{border-right:0;border-bottom:1px solid #CBD5E1;padding-bottom:10px}.topic-nav ul{display:flex;flex-wrap:wrap;gap:10px 18px}.topic-nav li{margin:0}.theme-card,.pattern-card,.source-card{padding:18px}.search-row{flex-wrap:wrap}.search-row .button{flex:1}pre{padding:14px}th,td{padding:8px 5px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto !important;transition:none !important}}@media print{.site-header,.site-footer,.topic-nav,.hero-actions{display:none}body{background:white;color:black}.page-layout{display:block}main{padding:0}.wrapper{width:100%}a{color:black}}.pattern-page{max-width:780px;margin:auto}.pattern-page,.post,.prose-page{overflow-wrap:anywhere}.pattern-heading h1{font-size:clamp(1.65rem, 3vw, 2rem);margin-bottom:8px}.pattern-heading .lead{margin:16px 0}.pattern-toc{margin:24px 0;padding:12px 0;border-top:1px solid #CBD5E1;border-bottom:1px solid #CBD5E1}.pattern-toc-label{font-size:12px;color:#475569}.pattern-toc ul{display:flex;flex-wrap:wrap;gap:4px 14px;list-style:none;margin:4px 0 0;padding:0}.pattern-toc a{display:inline-block;padding:4px 0;font-size:13px}.english-name{font-size:13px;color:#475569;margin:4px 0 10px;letter-spacing:0}.pattern-content h2{font-size:1.2rem;border:0;padding:0;margin:28px 0 10px}.pattern-content p{margin:10px 0}.pattern-content blockquote{font-size:13px;padding:0 0 0 12px;margin:0 0 24px;border-color:#CBD5E1}.pattern-content pre{margin:10px 0 20px}.evidence-panel{border:0;border-top:1px solid #CBD5E1;border-radius:0;padding:18px 0 0;margin-top:32px}.evidence-panel h2{margin:0 0 14px;font-size:1.2rem}.evidence-panel ul{padding-left:20px}.evidence-panel li>a{display:inline-block;max-width:100%;vertical-align:top}.source-version{font-size:13px;min-height:28px;padding:2px 0}.source-card h2 a{display:block}.guide-references a{display:inline-block;max-width:100%;vertical-align:top}.browser-results .pattern-card{border:0;border-bottom:1px solid #CBD5E1;border-radius:0;padding:20px 0}.browser-results .pattern-card h2{font-size:1.2rem;margin:4px 0}.browser-results .pattern-card p{max-width:90ch;margin:6px 0}.browser-results .pattern-card .english-name{margin:0 0 8px}.search-row .button{flex-shrink:0;white-space:nowrap}#pb-lang{display:flex;gap:8px;margin-top:10px}.repository-filter{margin-top:18px;font-size:13px;color:#475569}.repository-filter summary{cursor:pointer;width:fit-content}.repository-filter .filter-group{margin-top:10px}@media (max-width: 767px){.search-row{flex-wrap:nowrap}.search-row .button{flex:0 0 auto}}.post{max-width:780px;margin:auto}.post-content h2{font-size:1.2rem;margin:28px 0 10px}.complete-index table{table-layout:fixed}.complete-index th:first-child{width:8%}.complete-index th:first-child,.complete-index td:first-child{white-space:nowrap}.complete-index th:nth-child(2){width:44%}.complete-index th:nth-child(3),.complete-index th:nth-child(4){width:24%}.complete-index td:nth-child(2)>a{display:block}@media (max-width: 767px){.complete-index table{font-size:13px}.complete-index th:first-child{width:12%}.complete-index th:nth-child(2){width:40%}.complete-index .english-name{font-size:12px}}.linked-card{position:relative}.linked-card .pattern-link::after{content:"";position:absolute;inset:0;border-radius:inherit}.linked-card .meta-line a,.linked-card .category-tag{position:relative;z-index:1}.linked-card:hover,.linked-card:focus-within{border-color:#1D4ED8}