@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.border-collapse{border-collapse:collapse}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#252629;--paper:#f0f0ef;--cream:#fafafa;--blue:#d41632;--blue-dark:#a91026;--teal:#5c5d5f;--lime:#ef4056;--line:#d5d5d3;--muted:#696a6d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-geist-sans), Arial, sans-serif;margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}.site-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#102a33;flex-direction:column;height:100vh;padding:30px 24px 24px;display:flex;position:sticky;top:0}.brand{letter-spacing:.08em;align-items:center;gap:11px;display:flex}.brand-mark{background:var(--lime);color:#102a33;border-radius:50% 50% 12%;place-items:center;width:38px;height:38px;font-size:21px;font-weight:900;display:grid}.brand strong{font-size:14px;line-height:1;display:block}.brand small{opacity:.58;letter-spacing:.12em;text-transform:uppercase;margin-top:5px;font-size:10px;display:block}.logo-brand{display:block}.logo-brand img{width:100%;max-width:200px;height:auto;display:block}.logo-brand>small{color:#fff;opacity:.62;margin-top:10px}.brand.compact.logo-brand img{max-width:178px}.brand.compact.logo-brand small{color:#fff}.sidebar nav{flex-direction:column;margin-top:42px;display:flex}.nav-group{display:grid}.nav-group+.nav-group{border-top:1px solid #ffffff24;margin-top:18px;padding-top:16px}.nav-group>small{color:#ffffff75;letter-spacing:.14em;margin:0 0 6px 4px;font-size:8px;font-weight:800}.sidebar nav a{color:#ffffffb3;border-bottom:1px solid #ffffff1a;align-items:center;gap:15px;padding:10px 4px;font-size:12px;transition:all .2s;display:flex}.sidebar nav a:hover,.sidebar nav a:focus-visible{color:#fff;padding-left:7px}.sidebar nav span{color:var(--lime);font:10px var(--font-geist-mono), monospace}.sidebar-foot{color:#ffffff94;border-top:1px solid #ffffff24;align-items:flex-start;gap:10px;margin-top:auto;padding-top:20px;font-size:10px;line-height:1.65;display:flex}.sidebar-foot p{margin:0}.sidebar-foot strong{color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.status-dot{background:var(--lime);border-radius:50%;width:7px;height:7px;margin-top:5px;box-shadow:0 0 0 4px #c8e25421}main{min-width:0}.topbar{border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;align-items:center;height:66px;padding:0 5vw;font-size:11px;display:flex}.topbar p{margin:0}.topbar p span{color:var(--teal);margin:0 4px}.topbar a{border-bottom:1px solid var(--ink);padding-bottom:3px;font-weight:700}.hero{background:radial-gradient(circle at 82% 26%,#00a99a1f,#0000 23%),linear-gradient(115deg,#0000 70%,#c8e2541f);flex-direction:column;justify-content:center;min-height:calc(100vh - 66px);padding:9vh 7vw 5vh;display:flex}.eyebrow,.kicker{color:var(--blue);text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.eyebrow span{background:var(--teal);width:32px;height:2px}.hero h1{letter-spacing:-.065em;max-width:900px;margin:22px 0 20px;font-size:clamp(58px,8vw,120px);line-height:.86}.hero h1 em{color:var(--blue);font-style:normal}.hero-copy{color:#485750;max-width:600px;font-size:clamp(17px,1.5vw,22px);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.button{cursor:pointer;text-transform:uppercase;letter-spacing:.07em;border:0;border-radius:3px;justify-content:space-between;align-items:center;gap:34px;min-width:210px;padding:15px 18px;font-size:12px;font-weight:800;display:inline-flex}.button.primary{background:var(--blue);color:#fff}.button.primary:hover{background:var(--blue-dark)}.button.secondary{border:1px solid var(--ink);color:var(--ink);background:0 0}.button span{font:11px var(--font-geist-mono),monospace}.principles{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);max-width:900px;margin-top:9vh;display:grid}.principles>div{gap:16px;padding:20px 30px 10px 0;display:flex}.principles b{color:var(--teal);font:11px var(--font-geist-mono),monospace}.principles p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.principles strong{color:var(--ink);font-size:13px;display:block}.content-section{border-top:1px solid var(--line);background:var(--cream);padding:100px 6vw;scroll-margin-top:0}.content-section:nth-of-type(2n){background:var(--paper)}.guide-phase{border-top:1px solid var(--line);color:#fff;background:#252629;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:28px;padding:54px 6vw;display:grid}.guide-phase>span{color:var(--blue);font:700 clamp(44px,7vw,96px)/.8 var(--font-geist-mono),monospace;letter-spacing:-.08em}.guide-phase small{color:#f4a9b4;letter-spacing:.16em;font-size:9px;font-weight:800}.guide-phase h2{letter-spacing:-.045em;margin:5px 0 6px;font-size:clamp(30px,4vw,54px);line-height:1}.guide-phase p{color:#ffffff94;max-width:650px;margin:0;font-size:12px;line-height:1.6}.web-phase{color:var(--ink);background:#ececeb}.web-phase small{color:var(--blue)}.web-phase p{color:var(--muted)}.guideline-banner{background:#f8e8eb;border-top:1px solid #edcbd0;border-bottom:1px solid #edcbd0;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:24px;padding:22px 6vw;display:grid}.guideline-banner strong{color:var(--blue);letter-spacing:.14em;font-size:9px}.guideline-banner p{max-width:900px;color:var(--muted);margin:0;font-size:11px;line-height:1.6}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px;display:flex}.section-heading h2,.content-section h2{letter-spacing:-.05em;margin:8px 0 0;font-size:clamp(34px,4.5vw,66px);line-height:.95}.section-heading.simple p{max-width:470px;color:var(--muted);margin:0;font-size:14px;line-height:1.55}.search{border:1px solid var(--line);background:#fff;align-items:center;gap:9px;width:260px;padding:11px 14px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.search span{color:var(--teal);font-size:20px}.rule-strip{color:#fff;background:#102a33;grid-template-columns:repeat(4,1fr);display:grid}.rule-strip div{border-right:1px solid #ffffff21;padding:18px 20px}.rule-strip span{color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;font-size:9px;display:block}.rule-strip strong{margin-top:5px;font-size:13px;display:block}.table-wrap{border:1px solid var(--line);background:#fff;border-top:0;max-width:100%;overflow-x:auto}.asset-grid{width:100%;min-width:1050px}.asset-row{border-top:1px solid #e5e5df;grid-template-columns:1.15fr 1fr 1fr .75fr .8fr .65fr 1.65fr;width:100%;display:grid}.asset-row>span{overflow-wrap:anywhere;color:#59645f;min-width:0;padding:17px 15px;font-size:12px;line-height:1.5}.asset-row>span:first-child{color:var(--ink)}.asset-head{background:#edf0ec;border-top:0}.asset-head>span{color:#5f6e67;text-transform:uppercase;letter-spacing:.09em;padding:13px 15px;font-size:9px;font-weight:700}.ratio{color:#08776e;white-space:nowrap;font:normal 10px var(--font-geist-mono),monospace;background:#e9f4f2;border-radius:3px;padding:4px 7px;display:inline-block}@media (max-width:1200px){.table-wrap{border-top:1px solid var(--line);background:0 0;overflow:visible}.asset-grid{grid-template-columns:1fr 1fr;gap:12px;min-width:0;display:grid}.asset-head{display:none}.asset-row:not(.asset-head){border:1px solid var(--line);background:#fff;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start}.asset-row>span{padding:13px}.asset-row>span:before{content:attr(data-label);color:#8a8b8d;font:700 8px var(--font-geist-mono),monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;display:block}.asset-row>span:first-child,.asset-row>span:last-child{grid-column:1/-1}.asset-row>span:first-child{border-bottom:1px solid var(--line);background:#f3f3f1}.asset-row>span:last-child{border-top:1px solid var(--line);color:#4f5053;background:#fafafa}.asset-row>span:last-child:before{color:var(--blue)}}.caption{color:var(--muted);margin:13px 0 0;font-size:11px}.empty{text-align:center;color:var(--muted);padding:30px}.srgb-note{color:#fff;background:#102a33;grid-template-columns:150px 1fr;gap:28px;margin-top:28px;padding:28px;display:grid}.srgb-note>span{color:var(--lime);font:800 10px var(--font-geist-mono),monospace;letter-spacing:.12em}.srgb-note h3{margin:0 0 8px;font-size:20px}.srgb-note p{color:#ffffff9e;max-width:900px;margin:0;font-size:12px;line-height:1.65}.photoshop-steps{border-top:1px solid #ffffff29;grid-template-columns:auto repeat(4,1fr);align-items:center;gap:10px;margin-top:20px;padding-top:18px;display:grid}.photoshop-steps>b{color:var(--lime);letter-spacing:.1em;font-size:9px}.photoshop-steps span{color:#ffffffb8;font-size:10px;line-height:1.4}.photoshop-steps strong{float:left;border:1px solid var(--lime);color:#fff;width:20px;height:20px;font:9px var(--font-geist-mono),monospace;border-radius:50%;place-items:center;margin-right:7px;display:grid}.profile-warning{color:#ffffff80;margin-top:13px;font-size:9px;display:block}.page-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.page-card{border:1px solid var(--line);background:#fff;flex-direction:column;min-height:200px;padding:22px;transition:all .2s;display:flex}.page-card:hover{border-color:var(--teal);transform:translateY(-2px)}.page-card>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.page-card h3{letter-spacing:-.03em;margin:auto 0 9px;font-size:22px}.page-card p{min-height:38px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.priority{letter-spacing:.1em;text-transform:uppercase;border-radius:2px;padding:4px 7px;font-size:8px;font-weight:900}.priority.medium{color:#6d5800;background:#f3eebf}.priority.low{color:#656b68;background:#e8eae8}.url{text-overflow:ellipsis;white-space:nowrap;color:var(--blue);font:10px var(--font-geist-mono),monospace;overflow:hidden}.seo-note{border-left:4px solid var(--teal);background:#e5efe7;grid-template-columns:90px 1fr;gap:10px;margin-top:12px;padding:22px;display:grid}.seo-note>span{color:#08776e;letter-spacing:.12em;font-size:10px;font-weight:900}.seo-note p{color:#4b5a53;margin:0;font-size:13px;line-height:1.6}.seo-note strong{color:var(--ink)}.seo-note code{background:#fff9;padding:2px 5px}.wp-baseline{color:#fff;background:#102a33;grid-template-columns:repeat(4,1fr);margin-bottom:18px;display:grid}.wp-baseline div{border-right:1px solid #ffffff1f;padding:22px}.wp-baseline span,.wp-baseline small{color:#ffffff87;font-size:9px;line-height:1.5;display:block}.wp-baseline span{text-transform:uppercase;letter-spacing:.09em}.wp-baseline strong{color:var(--lime);letter-spacing:-.03em;margin:12px 0 4px;font-size:21px;display:block}.template-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.template-card{border:1px solid var(--line);background:#fff;padding:26px}.template-title{align-items:center;gap:15px;display:flex}.template-title>span{color:#08776e;width:38px;height:38px;font:11px var(--font-geist-mono),monospace;background:#e2eeeb;border-radius:50%;place-items:center;display:grid}.template-title small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:9px}.template-title h3{font:700 17px var(--font-geist-mono),monospace;margin:3px 0 0}.template-card ol{margin:24px 0 0;padding-left:18px}.template-card li{color:var(--muted);border-bottom:1px solid #e7e7e1;padding:8px 0 8px 5px;font-size:11px;line-height:1.55}.template-card li::marker{color:var(--teal);font:10px var(--font-geist-mono),monospace}.template-card li strong{color:var(--ink)}.template-card code{color:var(--blue);font-size:10px}.wireframe{background:#ecf0ec;border:1px solid #dce1dc;height:210px;margin-top:22px;padding:22px;position:relative;overflow:hidden}.wf-line{background:#bdc9c3;height:12px;margin-bottom:10px}.wf-line.wide{width:42%}.wf-line.short{width:28%;height:7px}.wf-filters{gap:7px;margin:22px 0 12px;display:flex}.wf-filters i{background:#f8faf7;border:1px solid #aebdb5;width:24%;height:20px}.wf-cards{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.wf-cards i{background:linear-gradient(#c9d9d5 55%,#f8faf7 55%);border:1px solid #bfcbc4;height:70px;display:block}.product-wireframe{grid-template-columns:42% 1fr;gap:20px;display:grid}.wf-image{background:repeating-linear-gradient(135deg,#dfe5e0 0 10px,#e9ede9 10px 20px);position:relative}.wf-image i{background:#ffffff73;border:1px solid #92aaa1;position:absolute;inset:20%}.wf-copy{padding-top:10px}.wf-copy i{background:#b9c7c0;width:90%;height:10px;margin-bottom:10px;display:block}.wf-copy i:nth-child(2){width:65%;height:7px}.wf-copy i:nth-child(3){background:#d0d8d3;width:80%;height:34px;margin-top:22px}.wf-copy b{background:var(--blue);width:45%;height:28px;margin-top:22px;display:block}.build-stack{background:var(--line);border:1px solid var(--line);grid-template-columns:.9fr 1.1fr 1.4fr;gap:1px;margin-top:18px;display:grid}.build-stack>div{background:#f1f3ee;padding:22px}.build-stack b{color:var(--blue);letter-spacing:.1em;font-size:9px}.build-stack p{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.55}.build-stack strong{color:var(--ink)}.template-note{border-left:4px solid var(--teal);background:#dff0eb;gap:16px;margin-top:12px;padding:17px 20px;font-size:12px;display:flex}.template-note span{color:var(--muted)}.layouts-section{background:#f4f4f2!important}.engineer-source{background:var(--line);border:1px solid var(--line);grid-template-columns:1.15fr repeat(3,1fr);gap:1px;margin-bottom:18px;display:grid}.engineer-source>div{background:#fff;min-width:0;padding:20px}.engineer-source-title{color:#fff;align-items:center;gap:14px;display:flex;background:#252629!important}.engineer-source-title>span{background:var(--blue);color:#fff;width:48px;height:48px;font:800 13px var(--font-geist-mono),monospace;border-radius:50%;flex:0 0 48px;place-items:center;display:grid}.engineer-source small,.engineer-source b{color:var(--blue);letter-spacing:.11em;font-size:8px;font-style:normal;display:block}.engineer-source-title small{color:#ffffff7a}.engineer-source h3{margin:4px 0;font-size:22px}.engineer-source a{color:#f3b8c0;font-size:9px;text-decoration:none}.engineer-source p{color:var(--muted);margin:9px 0 0;font-size:10px;line-height:1.55}.layout-spec-key{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr 1fr auto;gap:1px;margin-bottom:18px;display:grid}.layout-spec-key>div{background:#f8f8f6;padding:16px 18px}.layout-spec-key b{color:var(--blue);letter-spacing:.11em;font-size:8px}.layout-spec-key p{color:var(--muted);margin:6px 0 0;font-size:9px;line-height:1.5}.layout-spec-key button{cursor:pointer;background:var(--blue);color:#fff;letter-spacing:.05em;text-transform:uppercase;border:0;min-width:190px;padding:0 18px;font-size:9px;font-weight:800}.layout-spec-key button span{color:#f7bdc5;font:8px var(--font-geist-mono),monospace;margin-left:14px}.layout-visual-key p{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.layout-visual-key p span,.layout-visual-key p i{font:700 7px var(--font-geist-mono),monospace;letter-spacing:.06em;border-radius:2px;padding:3px 5px;font-style:normal}.layout-visual-key p span{color:#4f5553;background:#e0e2df}.layout-visual-key p i{color:var(--blue);background:#fff;border:1px solid #e2c3c8}.composition-note{color:#fff;border-left:4px solid var(--blue);background:#252629;grid-template-columns:190px minmax(0,1fr);gap:8px 24px;margin:-2px 0 18px;padding:20px;display:grid}.composition-note>strong{color:#f4a9b4;letter-spacing:.11em;grid-row:1/3;font-size:9px}.composition-note p{color:#ffffffb8;margin:0;font-size:11px;line-height:1.6}.composition-note small{color:#ffffff80;font-size:9px;line-height:1.55}.composition-note small b{color:#fff}.layout-baseline{color:#fff;background:#252629;grid-template-columns:repeat(4,1fr);margin-bottom:18px;display:grid}.layout-baseline>div{border-right:1px solid #ffffff1f;padding:20px}.layout-baseline b{color:var(--lime);letter-spacing:.1em;font-size:9px}.layout-baseline p{color:#ffffff94;margin:9px 0 0;font-size:10px;line-height:1.55}.layout-gallery{grid-template-columns:1fr;gap:16px;display:grid}.layout-card{border:1px solid var(--line);break-inside:avoid;background:#fff;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:22px 28px;min-width:0;padding:24px;display:grid}.layout-card-head{grid-column:1/-1;align-items:center;gap:12px;min-width:0;display:flex}.layout-card-head>span{width:35px;height:35px;color:var(--blue);font:10px var(--font-geist-mono),monospace;background:#f8e6e9;border-radius:50%;flex:0 0 35px;place-items:center;display:grid}.layout-card-head small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:800;display:block}.layout-card-head h3{letter-spacing:-.025em;margin:2px 0;font-size:20px}.layout-card-head code{color:var(--blue);overflow-wrap:anywhere;font-size:9px;display:block}.layout-card-head em{color:#7a7b7e;letter-spacing:.06em;text-transform:uppercase;margin-top:5px;font-size:8px;font-style:normal;font-weight:800;display:block}.layout-card>p{color:var(--muted);overflow-wrap:anywhere;align-self:start;margin:0;font-size:11px;line-height:1.65}.builder-label{color:var(--muted);overflow-wrap:anywhere;align-self:end;font-size:9px;line-height:1.5}.builder-label b{color:var(--ink);letter-spacing:.1em;margin-bottom:4px;font-size:8px;display:block}.layout-section-specs{border-top:1px solid var(--line);grid-column:1/-1;min-width:0;margin-top:2px}.layout-section-specs h4{color:var(--blue);letter-spacing:.11em;text-transform:uppercase;margin:0;padding:14px 0 10px;font-size:8px}.layout-section-spec{border-top:1px solid #e7e7e4;grid-template-columns:28px minmax(105px,.8fr) minmax(0,1.35fr) minmax(0,1.35fr);align-items:start;gap:10px;padding:11px 0;display:grid}.layout-section-spec i{color:var(--blue);font:8px var(--font-geist-mono),monospace;font-style:normal}.layout-section-spec strong{color:var(--ink);font-size:9px;line-height:1.4}.layout-section-spec span{color:var(--muted);overflow-wrap:anywhere;font-size:8px;line-height:1.5}.layout-section-spec span b{color:#8a8b8e;letter-spacing:.08em;margin-bottom:3px;font-size:7px;display:block}.layout-diagram{background:#e6e6e3;border:1px solid #d0d0ce;grid-area:2/1/4;padding:8px}.site-chrome{color:#ffffffad;letter-spacing:.05em;text-transform:uppercase;background:#252629;place-items:center;min-height:22px;padding:5px;font-size:7px;display:grid}.footer-chrome{margin-top:4px}.layout-band{color:#55565a;background:#fff;border-left:3px solid #a7a8aa;min-height:58px;margin-top:4px;padding:7px;font-size:8px}.layout-band-title{align-items:center;gap:7px;padding-bottom:5px;display:flex}.layout-band-title b{color:var(--blue);font:7px var(--font-geist-mono),monospace}.layout-band-title span{color:#44474a;flex:1;font-weight:750;line-height:1.25}.layout-band-title i{color:var(--blue);font:6px var(--font-geist-mono),monospace;letter-spacing:.04em;text-align:right;background:#f3e7e9;border-radius:2px;padding:3px 4px;font-style:normal}.layout-band-zones{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:4px;display:grid}.layout-band.text-only .layout-band-zones{grid-template-columns:1fr}.layout-band.image-right .layout-band-zones{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.layout-band.image-right .layout-image-zone{order:2}.layout-band.image-right .layout-text-zone{order:1}.layout-band.image-above .layout-band-zones,.layout-band.image-wide .layout-band-zones,.layout-band.image-row .layout-band-zones{grid-template-columns:1fr}.layout-band.image-above .layout-image-zone,.layout-band.image-wide .layout-image-zone,.layout-band.image-row .layout-image-zone{order:1}.layout-band.image-above .layout-text-zone,.layout-band.image-wide .layout-text-zone,.layout-band.image-row .layout-text-zone{order:2}.layout-band.image-wide .layout-image-zone{min-height:68px}.layout-band.image-row .layout-image-zone{background:repeating-linear-gradient(90deg,#e0e2df 0 16%,#f2f2ef 16% 19%);min-height:34px}.layout-band.image-above .layout-image-zone{background:repeating-linear-gradient(90deg,#dfe1de 0 29%,#f1f2ef 29% 33%);min-height:52px}.layout-image-zone,.layout-text-zone{min-width:0;min-height:42px;padding:6px}.layout-image-zone{background:repeating-linear-gradient(135deg,#dfe1de 0 5px,#e9eae7 5px 10px);border:1px dashed #aeb3b0;flex-direction:column;justify-content:space-between;display:flex}.layout-text-zone{background:#fffafb;border:1px solid #ead7da}.layout-image-zone strong,.layout-text-zone strong{color:#747a77;font:6px var(--font-geist-mono),monospace;letter-spacing:.08em;display:block}.layout-text-zone strong{color:var(--blue)}.layout-image-zone small,.layout-text-zone small{color:#5e6361;overflow-wrap:anywhere;margin-top:5px;font-size:6.5px;line-height:1.35;display:block}.layout-text-zone small{color:#6b6264}.hero-band,.product-band{border-left-color:var(--blue)}.cta-band{border-left-color:var(--blue);background:#f8e6e9}.cta-band .layout-text-zone{background:#fff}.article-band .layout-text-zone{min-height:70px}.cards-band .layout-band-zones,.catalog-band .layout-band-zones{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}.layout-handoff{border-left:4px solid var(--blue);background:#f8e8eb;grid-template-columns:180px minmax(0,1fr);gap:18px;margin-top:16px;padding:20px;font-size:12px;display:grid}.layout-handoff strong{color:var(--blue)}.layout-handoff span{color:var(--muted);line-height:1.55}.content-standards-section{background:#fff!important}.content-principles{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:18px;display:grid}.content-principles article{background:#f5f5f2;min-height:220px;padding:22px}.content-principles span{color:var(--blue);font:10px var(--font-geist-mono),monospace}.content-principles h3{margin:42px 0 10px;font-size:17px}.content-principles p{color:var(--muted);margin:0;font-size:10px;line-height:1.65}.content-split{grid-template-columns:1.2fr .8fr;gap:16px;margin-bottom:18px;display:grid}.product-content-model{color:#fff;background:#252629;padding:28px}.product-content-model .kicker{color:#f4a9b4}.product-content-model h3{letter-spacing:-.035em;margin:26px 0 8px;font-size:29px}.product-content-model h3 strong{color:#f4a9b4}.product-content-model>p{color:#ffffffa6;max-width:640px;font-size:13px}.product-content-model>small{color:#ffffff7a;border-top:1px solid #ffffff24;margin-top:20px;padding-top:16px;font-size:9px;line-height:1.55;display:block}.content-badges{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.content-badges span{color:#fff;font:8px var(--font-geist-mono),monospace;border:1px solid #fff3;padding:6px 9px}.voice-rules{background:var(--line);border:1px solid var(--line);gap:1px;display:grid}.voice-rules>div{background:#f5f5f2;padding:20px}.voice-rules b{color:var(--blue);letter-spacing:.12em;font-size:8px}.voice-rules p{color:var(--muted);margin:8px 0 0;font-size:10px;line-height:1.55}.content-requirements{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.content-requirements article{border:1px solid var(--line);background:#fff;min-height:190px;padding:22px}.content-requirements b{color:var(--blue);letter-spacing:.11em;font-size:8px}.content-requirements h3{margin:28px 0 10px;font-size:17px}.content-requirements p{color:var(--muted);margin:0;font-size:10px;line-height:1.62}.technical-content-grid{background:#313235;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:18px;padding:1px;display:grid}.technical-content-grid>div{color:#fff;background:#252629;min-height:180px;padding:22px}.technical-content-grid span{color:#f4a9b4;font:9px var(--font-geist-mono),monospace}.technical-content-grid h3{margin:30px 0 9px;font-size:16px}.technical-content-grid p{color:#ffffff94;margin:0;font-size:10px;line-height:1.6}.migration-board{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:18px;display:grid}.migration-board>div{background:#f5f5f2;padding:20px}.migration-board b{color:var(--blue);letter-spacing:.12em;font-size:9px}.migration-board p{color:var(--muted);margin:10px 0 0;font-size:10px;line-height:1.55}.content-governance{background:var(--blue);color:#fff;grid-template-columns:1.1fr repeat(4,1fr);gap:1px;display:grid}.content-governance>strong,.content-governance>span{padding:18px}.content-governance>strong{align-items:center;font-size:12px;display:flex}.content-governance>span{color:#fff9;background:#252629;font-size:9px;line-height:1.5}.content-governance b{color:#fff;margin-bottom:4px;font-size:9px;display:block}.content-warning{border-left:4px solid var(--blue);color:var(--muted);background:#f8e8eb;margin:12px 0 0;padding:17px 20px;font-size:11px;line-height:1.6}.content-warning strong{color:var(--blue)}.cta-section{background:#f5f5f3!important}.cta-principles{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.cta-principles article{border-top:4px solid var(--blue);background:#fff;min-height:210px;padding:22px}.cta-principles span{color:var(--blue);font:10px var(--font-geist-mono),monospace}.cta-principles h3{margin:40px 0 10px;font-size:18px;line-height:1.2}.cta-principles p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.cta-principles p strong{color:var(--ink)}.cta-map{border:1px solid var(--line);background:#fff}.cta-map-row{border-top:1px solid var(--line);grid-template-columns:1fr .48fr .9fr 1.7fr;display:grid}.cta-map-row:first-child{border-top:0}.cta-map-row>span{min-width:0;color:var(--muted);overflow-wrap:anywhere;padding:15px 17px;font-size:11px;line-height:1.5}.cta-map-row strong{color:var(--ink)}.cta-map-head{background:#252629}.cta-map-head>span{color:#ffffffad;letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:800}.word-count-heading{grid-template-columns:170px minmax(0,1fr);align-items:end;gap:8px 24px;margin:56px 0 20px;display:grid}.word-count-heading .kicker{grid-row:1/3;align-self:start}.word-count-heading h3{letter-spacing:-.035em;margin:0;font-size:28px}.word-count-heading p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.word-count-grid{border:1px solid var(--line);background:var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.word-count-grid article{background:#fff;min-height:115px;padding:18px 20px}.word-count-grid article>div{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.word-count-grid strong{font-size:13px}.word-count-grid span{color:var(--blue);font:10px var(--font-geist-mono),monospace;flex:none}.word-count-grid p{color:var(--muted);margin:18px 0 0;font-size:10px;line-height:1.55}.cta-web-handoff{color:#fff;background:#252629;grid-template-columns:170px minmax(0,1fr);gap:24px;margin-top:14px;padding:20px;display:grid}.cta-web-handoff strong{color:#f4a9b4;letter-spacing:.12em;font-size:9px}.cta-web-handoff p{color:#ffffff9e;margin:0;font-size:11px;line-height:1.6}.faq-schema-section{background:#f5f5f3!important}.faq-principles{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.faq-principles article{border-top:4px solid var(--blue);background:#fff;min-height:210px;padding:22px}.faq-principles span{color:var(--blue);font:10px var(--font-geist-mono),monospace}.faq-principles h3{margin:40px 0 10px;font-size:18px;line-height:1.2}.faq-principles p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.faq-placement{border:1px solid var(--line);background:#fff}.faq-placement-row{border-top:1px solid var(--line);grid-template-columns:.8fr .5fr 1.45fr 1.45fr;display:grid}.faq-placement-row:first-child{border-top:0}.faq-placement-row>span{min-width:0;color:var(--muted);overflow-wrap:anywhere;padding:15px 17px;font-size:11px;line-height:1.5}.faq-placement-row strong{color:var(--ink)}.faq-placement-head{background:#252629}.faq-placement-head>span{color:#ffffffad;letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:800}.schema-model{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:20px;display:grid}.schema-model>div{background:#fff;min-height:200px;padding:24px}.schema-model b{color:var(--blue);letter-spacing:.11em;font-size:9px}.schema-model h3{margin:38px 0 10px;font-size:18px}.schema-model p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.faq-rich-result-note a{color:var(--blue);font-weight:800}.faq-ownership{color:#fff;background:#252629;grid-template-columns:170px minmax(0,1fr);gap:24px;margin-top:14px;padding:20px;display:grid}.faq-ownership>strong{color:#f4a9b4;letter-spacing:.12em;font-size:9px}.faq-ownership p{color:#ffffff9e;margin:0;font-size:11px;line-height:1.6}.faq-ownership b{color:#fff}.migration-section{background:#eef0e9!important}.seo-priorities{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.seo-priorities article{border-top:4px solid var(--teal);background:#fff;min-height:230px;padding:22px}.seo-priorities span{color:var(--teal);font:10px var(--font-geist-mono),monospace}.seo-priorities h3{margin:42px 0 12px;font-size:18px;line-height:1.2}.seo-priorities p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.seo-priorities code{overflow-wrap:anywhere;color:var(--blue);font-size:9px}.seo-scope-warning{margin-top:18px}.redirect-card{color:#fff;background:#102a33;margin-top:18px;padding:30px}.redirect-head{justify-content:space-between;align-items:flex-end;display:flex}.redirect-head .kicker{color:var(--lime)}.redirect-head h3{letter-spacing:-.03em;margin:7px 0 0;font-size:28px}.redirect-head>strong{color:var(--lime);letter-spacing:-.06em;font-size:52px}.redirect-example{background:#ffffff12;grid-template-columns:auto 1fr auto auto 1fr;align-items:center;gap:12px;margin:26px 0;padding:18px;display:grid}.redirect-example span{color:#ffffff73;letter-spacing:.1em;font-size:8px}.redirect-example code{overflow-wrap:anywhere;color:#fff;font-size:11px}.redirect-example b{color:var(--lime)}.redirect-rules{grid-template-columns:repeat(3,1fr);gap:0 28px;display:grid}.redirect-rules p{color:#ffffff94;border-top:1px solid #ffffff1f;margin:0;padding:15px 0;font-size:10px;line-height:1.6}.redirect-rules b{color:#fff;font-size:12px;display:block}.redirect-rules code{color:var(--lime)}.launch-checks{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:12px;display:grid}.launch-checks div{background:#fff;padding:20px}.launch-checks span{color:var(--blue);letter-spacing:.1em;font-size:9px;font-weight:900}.launch-checks p{color:var(--muted);margin:9px 0 0;font-size:11px;line-height:1.55}.split{grid-template-columns:1.1fr .9fr;gap:50px 70px;display:grid}.lede{color:var(--muted)}.filename{border:1px solid var(--line);background:#fff;max-width:630px;margin-top:35px;display:flex}.filename code{text-overflow:ellipsis;flex:1;padding:16px;font-size:12px;overflow:hidden}.filename button{cursor:pointer;border:0;border-left:1px solid var(--line);color:#0a6d64;text-transform:uppercase;background:#e6eee9;padding:0 18px;font-size:10px;font-weight:800}.formula{color:#64716b;font:9px var(--font-geist-mono),monospace;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px;display:flex}.formula span{background:#e8eae4;padding:4px 6px}.formula i{font-style:normal}.do-dont{gap:12px;display:grid}.do-dont>div{border:1px solid var(--line);background:#fff;padding:20px 22px}.do-dont b{color:#0c756b;letter-spacing:.1em;margin-bottom:13px;font-size:9px;display:block}.do-dont .dont b{color:#b54c37}.do-dont code{color:#485750;margin-top:7px;font-size:11px;display:block}.format-grid{background:var(--line);border:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.format-grid article{color:#fff;background:#102a33;min-height:180px;padding:24px}.format-grid b{color:var(--lime);font:11px var(--font-geist-mono),monospace}.format-grid h3{margin:35px 0 8px;font-size:16px}.format-grid p{color:#ffffff94;margin:0;font-size:11px;line-height:1.6}.alt-examples{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.alt-examples article{border:1px solid var(--line);background:#fff;padding:25px}.alt-examples span{text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:900}.alt-examples h3{min-height:100px;margin:36px 0 20px;font-size:20px;line-height:1.35}.alt-examples p{border-top:1px solid var(--line);color:var(--muted);margin:0;padding-top:15px;font-size:11px;line-height:1.55}.alt-examples .good{border-top:4px solid var(--teal)}.alt-examples .good span{color:#08776e}.alt-examples .bad{border-top:4px solid #d16d55}.alt-examples .bad span{color:#b54c37}.alt-examples .neutral{border-top:4px solid var(--blue)}.alt-examples .neutral span{color:var(--blue)}.alt-examples code{white-space:nowrap}.photo-section{color:#fff;grid-template-columns:.8fr 1.1fr .95fr;align-items:center;gap:5vw;display:grid;background:#102a33!important}.photo-copy .kicker{color:var(--lime)}.photo-copy p{color:#ffffff94;font-size:13px;line-height:1.7}.crop-demo{aspect-ratio:4/3;background:repeating-linear-gradient(135deg,#e7e9e3 0 12px,#eef0ec 12px 24px);place-items:center;display:grid;position:relative;overflow:hidden}.bag-shape{background:linear-gradient(120deg,#ffffffb8,#b5dce538);border:2px solid #0f5e9c61;border-radius:4px 4px 15px 15px;width:42%;height:75%;transform:rotate(-4deg);box-shadow:7px 12px 24px #14241f1f}.bag-shape span{border-top:3px double #0f5e9c4d;margin-top:17%;display:block}.safe-zone{border:1px dashed var(--teal);color:#08776e;font:10px/1.2 var(--font-geist-mono),monospace;text-align:center;place-items:center;display:grid;position:absolute;inset:16%}.crop-demo small{color:#52615b;font-size:9px;position:absolute;bottom:9px;left:12px}.photo-rules p{color:#fff9;border-bottom:1px solid #ffffff21;grid-template-columns:30px 1fr;gap:14px;margin:0;padding:18px 0;font-size:11px;line-height:1.55;display:grid}.photo-rules b{color:var(--lime);font:10px var(--font-geist-mono),monospace}.photo-rules strong{color:#fff;margin-bottom:3px;font-size:13px;display:block}.checklist-section{background:#e7ebe5!important}.checklist-head{justify-content:space-between;align-items:flex-end;display:flex}.checklist-head p{color:var(--muted)}.score{text-align:right}.score strong{color:var(--blue);letter-spacing:-.06em;font-size:50px;line-height:.8;display:block}.score span{text-transform:uppercase;letter-spacing:.13em;font-size:9px}.progress{background:#cfd5ce;height:5px;margin:27px 0 18px}.progress span{background:var(--teal);height:100%;transition:width .3s;display:block}.checklist{border:1px solid var(--line);background:#fff;grid-template-columns:1fr 1fr;display:grid}.checklist label{cursor:pointer;border-bottom:1px solid var(--line);border-right:1px solid var(--line);color:#46544e;grid-template-columns:40px 1fr;align-items:center;gap:15px;min-height:72px;padding:13px 20px;font-size:12px;transition:all .2s;display:grid}.checklist label.checked{color:#7f8984;background:#f4f7f3;text-decoration:line-through}.checklist input{opacity:0;pointer-events:none;position:absolute}.checkmark{color:#75817b;width:34px;height:34px;font:10px var(--font-geist-mono),monospace;border:1px solid #bdc5bf;place-items:center;display:grid}.checked .checkmark{background:var(--teal);color:#fff;border-color:var(--teal);text-decoration:none}.delivery{color:#fff;background:#102a33;grid-template-columns:1fr repeat(3,1.2fr);align-items:center;gap:20px;margin-top:16px;padding:18px 20px;display:grid}.delivery>span{color:var(--lime);letter-spacing:.12em;font-size:9px;font-weight:900}.delivery p{color:#ffffff8c;margin:0;font-size:10px}.delivery strong{color:#fff;font-size:11px;display:block}footer{color:#fff;background:#0c1f26;justify-content:space-between;align-items:center;gap:20px;padding:34px 6vw;display:flex}.brand.compact .brand-mark{width:32px;height:32px;font-size:17px}footer p{color:#ffffff73;font-size:11px}footer>a{color:var(--lime);text-transform:uppercase;letter-spacing:.09em;font-size:11px}@media (max-width:1000px){.site-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;justify-content:space-between;align-items:center;height:auto;padding:18px 5vw;position:relative}.sidebar nav{display:none}.sidebar-foot{border:0;margin:0;padding:0}.page-grid,.wp-baseline,.seo-priorities{grid-template-columns:repeat(2,1fr)}.template-grid{grid-template-columns:1fr}.photo-section{grid-template-columns:1fr 1fr}.photo-rules{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.principles{margin-top:6vh}.format-grid{grid-template-columns:repeat(2,1fr)}.redirect-rules{grid-template-columns:1fr 1fr}}@media (max-width:680px){.topbar{padding:0 20px}.topbar p span,.topbar p,.topbar a{font-size:9px}.hero{min-height:auto;padding:70px 20px 45px}.hero h1{font-size:56px}.hero-actions{flex-direction:column}.button{width:100%}.principles{grid-template-columns:1fr}.principles>div{border-bottom:1px solid var(--line)}.guide-phase{grid-template-columns:1fr;gap:16px;padding:40px 20px}.guideline-banner{grid-template-columns:1fr;gap:8px;padding:20px}.content-section{padding:70px 20px}.section-heading,.section-heading.simple,.checklist-head{flex-direction:column;align-items:flex-start}.search{width:100%}.rule-strip{grid-template-columns:1fr 1fr}.srgb-note,.page-grid,.wp-baseline,.template-grid,.build-stack,.seo-priorities,.split,.alt-examples,.photo-section,.checklist,.redirect-rules,.launch-checks{grid-template-columns:1fr}.page-card{min-height:170px}.format-grid{grid-template-columns:1fr 1fr}.alt-examples h3{min-height:0;margin-top:25px}.photo-rules{grid-template-columns:1fr}.photo-section{gap:38px}.delivery{grid-template-columns:1fr}.score{text-align:left}.checklist label{border-right:0}.sidebar-foot{display:none}footer{flex-direction:column;align-items:flex-start}.seo-note{grid-template-columns:1fr}.formula{display:none}.template-note{flex-direction:column}.redirect-card{padding:22px}.redirect-example{grid-template-columns:1fr}.redirect-example b{width:min-content;transform:rotate(90deg)}.redirect-head>strong{font-size:40px}.wireframe{height:190px}}@media (max-width:1000px){.engineer-source,.layout-spec-key{grid-template-columns:1fr 1fr}.layout-spec-key button{grid-column:1/-1;min-height:48px}.layout-baseline{grid-template-columns:repeat(2,1fr)}.layout-gallery{grid-template-columns:1fr}.content-principles,.migration-board,.content-requirements,.technical-content-grid,.content-governance{grid-template-columns:1fr 1fr}.content-governance>strong{grid-column:1/-1}.cta-principles,.faq-principles{grid-template-columns:1fr 1fr}.schema-model{grid-template-columns:1fr}}@media (max-width:680px){.engineer-source,.layout-spec-key{grid-template-columns:1fr}.layout-spec-key button{grid-column:auto}.layout-baseline,.layout-card{grid-template-columns:1fr}.layout-card-head,.layout-diagram{grid-column:1}.layout-diagram{grid-row:auto}.layout-handoff{grid-template-columns:1fr}.layout-section-spec{grid-template-columns:28px 1fr}.layout-section-spec span{grid-column:2}.content-principles,.content-split,.content-requirements,.technical-content-grid,.migration-board,.content-governance{grid-template-columns:1fr}.content-governance>strong{grid-column:auto}.content-principles article,.content-requirements article,.technical-content-grid>div{min-height:0}.cta-principles,.word-count-grid,.word-count-heading,.cta-web-handoff,.composition-note{grid-template-columns:1fr}.composition-note>strong{grid-row:auto}.faq-principles,.faq-ownership{grid-template-columns:1fr}.faq-principles article{min-height:0}.faq-placement{background:0 0;border:0;gap:10px;display:grid}.faq-placement-head{display:none}.faq-placement-row{border:1px solid var(--line);background:#fff;grid-template-columns:1fr 1fr}.faq-placement-row:first-child{border-top:1px solid var(--line)}.faq-placement-row>span:before{content:attr(data-label);color:#8a8b8d;font:700 8px var(--font-geist-mono),monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;display:block}.faq-placement-row>span:nth-child(n+3){border-top:1px solid var(--line);grid-column:1/-1}.cta-principles article{min-height:0}.word-count-heading .kicker{grid-row:auto}.cta-map{background:0 0;border:0;gap:10px;display:grid}.cta-map-head{display:none}.cta-map-row{border:1px solid var(--line);background:#fff;grid-template-columns:1fr 1fr}.cta-map-row:first-child{border-top:1px solid var(--line)}.cta-map-row>span:before{content:attr(data-label);color:#8a8b8d;font:700 8px var(--font-geist-mono),monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;display:block}.cta-map-row>span:last-child{border-top:1px solid var(--line);grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.sidebar,.rule-strip,.format-grid article,.photo-section,.redirect-card,.delivery,footer,.srgb-note{background:#252629!important}.ratio{color:#a91026;background:#f8e6e9}.seo-note,.template-note{border-left-color:var(--blue);background:#f8e8eb}.seo-note>span,.template-title>span,.filename button,.alt-examples .good span{color:var(--blue)}.template-title>span{background:#f8e6e9}.priority.high{color:#9f1026;background:#f8e6e9}.status-dot,.progress span,.checked .checkmark{background:var(--blue)}.checked .checkmark{border-color:var(--blue)}.alt-examples .good,.seo-priorities article{border-top-color:var(--blue)}.crop-demo .safe-zone{border-color:var(--blue);color:#a91026}@media (max-width:900px){.photoshop-steps{grid-template-columns:1fr 1fr}.photoshop-steps>b{grid-column:1/-1}}@media (max-width:560px){.photoshop-steps{grid-template-columns:1fr}.photoshop-steps>b{grid-column:auto}.srgb-note{padding:22px}}@media print{@page{size:letter;margin:.45in}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{background:#fff;font-size:9pt}.site-shell{display:block}.sidebar,.topbar,.hero-actions,.search,.print-button{display:none!important}.hero{background:#fff;min-height:0;padding:20pt 0 28pt}.hero h1{margin:12pt 0;font-size:44pt}.hero-copy{font-size:12pt}.principles{max-width:none;margin-top:24pt}.content-section{break-before:page;padding:28pt 0;background:#fff!important}.content-section#specs{break-before:auto}.section-heading h2,.content-section h2{font-size:30pt}.guide-phase{color:var(--ink);break-before:page;grid-template-columns:60pt 1fr;padding:24pt 0;background:#fff!important}.creative-phase{break-before:auto}.guide-phase>span{font-size:44pt}.guide-phase small{color:var(--blue)}.guide-phase p{color:var(--muted)}.web-phase+.content-section{break-before:auto}.rule-strip{grid-template-columns:repeat(4,1fr)}.rule-strip div{padding:10pt}.table-wrap{border:0}.asset-grid{grid-template-columns:1fr 1fr;gap:8pt;min-width:0;display:grid}.asset-row:not(.asset-head){break-inside:avoid;grid-template-columns:repeat(3,1fr);font-size:8pt}.asset-head{display:none}.asset-row>span{padding:7pt}.asset-row>span:first-child,.asset-row>span:last-child{grid-column:1/-1}.srgb-note,.photo-section,.redirect-card,.delivery{break-inside:avoid}.photo-section{color:#fff;background:#252629!important}.photo-section h2,.photo-rules strong{color:#fff}.photo-copy p,.photo-rules p{color:#ffffffad}.page-grid,.seo-priorities,.format-grid{grid-template-columns:1fr 1fr}.template-grid{grid-template-columns:1fr}.checklist label{min-height:44pt}.engineer-source{grid-template-columns:repeat(2,1fr)}.layout-spec-key{grid-template-columns:repeat(3,1fr)}.layout-spec-key button{display:none}.layout-baseline{grid-template-columns:repeat(2,1fr)}.layout-gallery{grid-template-columns:1fr}.layout-card{break-inside:avoid;grid-template-columns:220pt minmax(0,1fr)}.layout-diagram{grid-area:2/1/4}.layout-section-spec{grid-template-columns:24pt 90pt 1fr 1fr}.content-principles,.content-requirements,.technical-content-grid,.migration-board{grid-template-columns:repeat(2,1fr)}.content-split{grid-template-columns:1fr}.content-governance{grid-template-columns:1fr 1fr}.content-governance>strong{grid-column:1/-1}.content-principles article,.content-requirements article,.technical-content-grid>div{break-inside:avoid}.cta-principles,.word-count-grid,.faq-principles{grid-template-columns:1fr 1fr}.cta-principles article,.word-count-grid article,.cta-map-row,.faq-principles article,.faq-placement-row{break-inside:avoid}.cta-map-row{grid-template-columns:1fr .45fr .9fr 1.6fr}.faq-placement-row{grid-template-columns:.8fr .5fr 1.45fr 1.45fr}.schema-model{grid-template-columns:repeat(3,1fr)}.cta-web-handoff,.faq-ownership{break-inside:avoid}footer{display:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}