@import "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia: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-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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{.absolute{position:absolute}.relative{position:relative}.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}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.h-full{height:100%}.min-h-full{min-height:100%}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-16{gap:calc(var(--spacing) * 16)}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg:#f7f3eb;--bg-tint:#f2ece3;--surface:#fefcf7;--surface-2:#faf6ef;--paper:#fffdfa;--ink:#1f1a14;--ink-2:#47413c;--ink-3:#76706a;--ink-4:#a8a49e;--line:#dfdad2;--line-2:#ebe7e1;--line-strong:#bcb6ae;--accent:#2f7258;--accent-ink:#003d2a;--accent-soft:#d0f5e4;--accent-soft-2:#b6e8d1;--on-accent:#f4fcf8;--st-draft-bg:#ebe7e2;--st-draft-ink:#514c46;--st-sent-bg:#cee9fd;--st-sent-ink:#144d6e;--st-paid-bg:#c7f0dc;--st-paid-ink:#004a33;--st-overdue-bg:#ffdbd1;--st-overdue-ink:#8e3a25;--st-cancel-bg:#e7e4df;--st-cancel-ink:#75716b;--r-xs:4px;--r-sm:6px;--r:8px;--r-md:10px;--r-lg:14px;--r-xl:20px;--sh-1:0 1px 0 #dcd7cd66, 0 1px 2px #7970650a;--sh-2:0 1px 0 #dcd7cd66, 0 2px 6px #7970650f, 0 6px 18px #7970650a;--sh-pop:0 8px 28px #342c2324, 0 2px 6px #342c2314;--nav-w:248px;--top-h:60px;--maxw:1240px;--f-sans:"Inter Tight", system-ui, -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}@supports (color:lab(0% 0 0)){:root{--bg:lab(95.9795% .563413 4.55587);--bg-tint:lab(93.6591% .830621 5.29408);--surface:lab(98.8645% .164628 2.28311);--surface-2:lab(97.1378% .345618 3.80743);--paper:lab(99.4365% .107318 1.52055);--ink:lab(9.51656% 1.81149 5.04931);--ink-2:lab(28.0826% 1.45081 4.37571);--ink-3:lab(47.8043% 1.41883 4.35224);--ink-4:lab(67.5365% .879109 3.70995);--line:lab(87.2738% .707328 4.5346);--line-2:lab(91.9086% .581443 3.77355);--line-strong:lab(74.5119% 1.00592 5.26859);--accent:lab(43.064% -27.1897 7.7482);--accent-ink:lab(22.0461% -24.1738 6.82544);--accent-soft:lab(93.6448% -14.901 4.30917);--accent-soft-2:lab(88.0449% -19.9512 5.75619);--on-accent:lab(98.3949% -3.286 .954318);--st-draft-bg:lab(91.9032% .460118 3.01553);--st-draft-ink:lab(32.737% 1.1051 4.4875);--st-sent-bg:lab(90.7653% -6.18643 -13.017);--st-sent-ink:lab(30.3155% -8.64889 -25.0161);--st-paid-bg:lab(91.3916% -16.5793 4.79082);--st-paid-ink:lab(26.818% -27.6549 7.80377);--st-overdue-bg:lab(90.3427% 14.0319 11.2796);--st-overdue-ink:lab(36.3268% 35.6586 31.2712);--st-cancel-bg:lab(90.7431% .460297 3.0157);--st-cancel-ink:lab(47.8158% .891417 3.71832);--sh-1:0 1px 0 lab(86.1188% .835091 5.29715/.4), 0 1px 2px lab(47.8029% 2.44394 7.31291/.04);--sh-2:0 1px 0 lab(86.1188% .835091 5.29715/.4), 0 2px 6px lab(47.8029% 2.44394 7.31291/.06), 0 6px 18px lab(47.8029% 2.44394 7.31291/.04);--sh-pop:0 8px 28px lab(18.7942% 2.60349 7.45645/.14), 0 2px 6px lab(18.7942% 2.60349 7.45645/.08)}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;font-size:14.5px;line-height:1.5}body{min-height:100vh}a{color:var(--accent-ink);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}h1,h2,h3,h4{letter-spacing:-.012em;color:var(--ink);margin:0;font-weight:600}h1{letter-spacing:-.022em;font-size:28px;line-height:1.18}h2{font-size:20px;line-height:1.25}h3{font-size:16px;line-height:1.3}h4{font-size:14px;font-weight:600;line-height:1.35}p{margin:0}hr{border:0;border-top:1px solid var(--line);margin:0}::selection{background:var(--accent-soft-2);color:var(--accent-ink)}.mono{font-family:var(--f-mono);font-feature-settings:"tnum" 1, "ss01" 1}.tnum{font-variant-numeric:tabular-nums}.muted{color:var(--ink-3)}.muted-2{color:var(--ink-2)}.tiny{letter-spacing:.01em;font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3);font-size:11px;font-weight:500}.row{align-items:center;display:flex}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.stack{flex-direction:column;display:flex}.grow{flex:auto;min-width:0}.center{justify-content:center;align-items:center;display:flex}.right{margin-left:auto}.hidden{display:none!important}.app{grid-template-columns:var(--nav-w) 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-tint);border-right:1px solid var(--line);flex-direction:column;gap:22px;height:100vh;padding:18px 14px 22px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{color:var(--ink);align-items:center;gap:10px;padding:4px 10px;text-decoration:none;display:flex}.brand:hover{text-decoration:none}.brand-mark{background:var(--accent);width:26px;height:26px;color:var(--on-accent);letter-spacing:-.02em;border-radius:6px;place-items:center;font-size:15px;font-weight:700;display:grid;box-shadow:inset 0 -1px #0000001a;box-shadow:inset 0 -1px lab(0% 0 0/.1)}.brand-name{letter-spacing:-.018em;font-size:16.5px;font-weight:600}.brand-name span{color:var(--accent-ink)}.nav-group{flex-direction:column;gap:1px;display:flex}.nav-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:8px 10px 4px;font-size:11px;font-weight:500}.nav-link{border-radius:var(--r-sm);color:var(--ink-2);align-items:center;gap:10px;padding:7px 10px;font-size:14px;font-weight:500;transition:background .12s,color .12s;display:flex}.nav-link:hover{background:oklch(from var(--ink) l c h / .05);color:var(--ink);text-decoration:none}.nav-link.active{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}.nav-link .icon{color:var(--ink-3);flex:0 0 16px}.nav-link.active .icon{color:var(--accent)}.nav-link .count{color:var(--ink-3);background:oklch(from var(--ink) l c h / .06);border-radius:999px;margin-left:auto;padding:1px 6px;font-size:11.5px;font-weight:500}.user-card{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}.avatar{background:var(--accent-soft-2);width:30px;height:30px;color:var(--accent-ink);border-radius:50%;flex:0 0 30px;place-items:center;font-size:12.5px;font-weight:600;display:grid}.avatar-lg{flex-basis:56px;width:56px;height:56px;font-size:18px}.user-info{min-width:0}.user-info .name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;overflow:hidden}.user-info .email{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.icon-btn{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);width:30px;height:30px;color:var(--ink-2);cursor:pointer;place-items:center;transition:background .12s,border-color .12s;display:grid}.icon-btn:hover{background:var(--surface-2);border-color:var(--line-strong);color:var(--ink)}.main{flex-direction:column;min-width:0;display:flex}.topbar{height:var(--top-h);border-bottom:1px solid var(--line);background:var(--bg);z-index:20;align-items:center;gap:16px;padding:0 28px;display:flex;position:sticky;top:0}.crumbs{color:var(--ink-3);align-items:center;gap:8px;font-size:13px;display:flex}.crumbs a{color:var(--ink-3)}.crumbs a:hover{color:var(--ink);text-decoration:none}.crumbs .current{color:var(--ink);font-weight:500}.content{max-width:var(--maxw);width:100%;margin:0 auto;padding:28px 32px 60px}.page-wide{max-width:1380px}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-head .title{flex-direction:column;gap:6px;display:flex}.page-head .title .eyebrow{line-height:1}.btn{border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface);height:36px;color:var(--ink);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:0 14px;font-family:inherit;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .12s,border-color .12s,box-shadow .12s;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:#a39e95;border-color:lab(65.2315% 1.0142 5.27439);text-decoration:none}.btn:active{box-shadow:inset 0 1px 2px #4f463c1a;box-shadow:inset 0 1px 2px lab(30.399% 2.5166 7.37386/.1)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:inset 0 -1px #00000014,0 1px 2px #1934292e;box-shadow:inset 0 -1px lab(0% 0 0/.08),0 1px 2px lab(19.3333% -13.5044 3.86299/.18)}.btn-primary:hover{background:oklch(from var(--accent) calc(l - .04) c h);border-color:oklch(from var(--accent) calc(l - .04) c h)}.btn-ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:oklch(from var(--ink) l c h / .05);color:var(--ink);border-color:#0000}.btn-danger{color:#932b2a;color:lab(34.7948% 44.1984 26.7204);background:#fff1f0;background:lab(96.3359% 6.12152 3.29586);border-color:#f3bfba;border-color:lab(82.0388% 18.4908 10.0508)}.btn-danger:hover{background:#ffe3df;background:lab(92.6692% 12.2811 6.63735);border-color:#f19e97;border-color:lab(73.528% 31.0339 17.1258)}.btn-sm{height:30px;padding:0 10px;font-size:12.5px}.btn-lg{height:44px;padding:0 20px;font-size:14.5px}.btn-block{justify-content:center;width:100%}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-1)}.card-pad{padding:20px 22px}.card-pad-sm{padding:14px 16px}.callout{background:var(--accent-soft);border:1px solid var(--accent-soft-2);border-radius:var(--r);color:var(--accent-ink);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;display:flex}.callout .icon{flex:0 0 16px;margin-top:1px}.form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label,.label{color:var(--ink-2);letter-spacing:.005em;font-size:12.5px;font-weight:500}.field .hint{color:var(--ink-3);font-size:12px}.req:after{content:" *";color:#b54a46;color:lab(46.4168% 43.9955 25.6171)}.input,.select,.textarea{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);outline:0;width:100%;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .12s,box-shadow .12s}.input::placeholder,.textarea::placeholder{color:var(--ink-4)}.input:hover,.select:hover,.textarea:hover{border-color:var(--line-strong)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{resize:vertical;min-height:88px;line-height:1.5}.input-mono{font-family:var(--f-mono);letter-spacing:0;font-size:13.5px}.input-suffix{position:relative}.input-suffix .suffix{color:var(--ink-3);position:absolute;top:50%;right:10px;transform:translateY(-50%)}.checkbox{color:var(--ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:13.5px;display:inline-flex}.checkbox input{opacity:0;pointer-events:none;position:absolute}.checkbox .box{border:1px solid var(--line-strong);background:var(--paper);border-radius:4px;place-items:center;width:16px;height:16px;transition:background .12s,border-color .12s;display:grid}.checkbox .box svg{opacity:0;color:var(--on-accent);transition:opacity .1s}.checkbox input:checked+.box{background:var(--accent);border-color:var(--accent)}.checkbox input:checked+.box svg{opacity:1}.radio-group{background:var(--bg-tint);border:1px solid var(--line);border-radius:var(--r-sm);gap:2px;padding:3px;display:inline-flex}.radio-group label{cursor:pointer;color:var(--ink-2);border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500}.radio-group input{opacity:0;pointer-events:none;position:absolute}.radio-group input:checked+label{background:var(--paper);color:var(--ink);box-shadow:var(--sh-1)}.field-grid{gap:16px;display:grid}.field-grid.cols-2{grid-template-columns:1fr 1fr}.field-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.field-grid.cols-4{grid-template-columns:repeat(4,1fr)}.form-section{border-bottom:1px solid var(--line-2);flex-direction:column;gap:18px;padding:22px 24px;display:flex}.form-section:last-of-type{border-bottom:0}.form-section-head{flex-direction:column;gap:4px;display:flex}.form-section-head h3{font-size:14px}.form-section-head .desc{color:var(--ink-3);font-size:13px}.form-foot{background:var(--bg-tint);border-top:1px solid var(--line);border-bottom-left-radius:var(--r-md);border-bottom-right-radius:var(--r-md);justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.table-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-1);overflow:hidden}.tbl{border-collapse:collapse;width:100%;font-size:13.5px}.tbl th{text-align:left;letter-spacing:.04em;color:var(--ink-3);text-transform:uppercase;background:var(--surface-2);border-bottom:1px solid var(--line);padding:12px 16px;font-size:12px;font-weight:500}.tbl td{border-bottom:1px solid var(--line-2);color:var(--ink);vertical-align:middle;padding:14px 16px}.tbl tr:last-child td{border-bottom:0}.tbl tr.row-link{cursor:pointer;transition:background .1s}.tbl tr.row-link:hover td{background:var(--bg-tint)}.tbl td.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.tbl td.right,.tbl th.right{text-align:right}.tbl-actions{visibility:hidden;gap:2px;display:inline-flex}.tbl tr:hover .tbl-actions{visibility:visible}.pill{letter-spacing:.012em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;height:22px;padding:0 9px;font-size:11.5px;font-weight:500;display:inline-flex}.pill:before{content:"";opacity:.6;background:currentColor;border-radius:50%;width:6px;height:6px}.pill.draft{background:var(--st-draft-bg);color:var(--st-draft-ink)}.pill.sent{background:var(--st-sent-bg);color:var(--st-sent-ink)}.pill.paid{background:var(--st-paid-bg);color:var(--st-paid-ink)}.pill.overdue{background:var(--st-overdue-bg);color:var(--st-overdue-ink)}.pill.cancel{background:var(--st-cancel-bg);color:var(--st-cancel-ink)}.tabbar{background:var(--bg-tint);border:1px solid var(--line);border-radius:var(--r-sm);gap:2px;padding:3px;display:inline-flex}.tabbar a,.tabbar button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.tabbar a:hover{color:var(--ink);text-decoration:none}.tabbar a.active,.tabbar button.active{background:var(--paper);color:var(--ink);box-shadow:var(--sh-1)}.tabbar .badge{background:var(--bg);color:var(--ink-3);border-radius:999px;align-items:center;height:16px;padding:0 6px;font-size:11px;display:inline-flex}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-1);color:inherit;flex-direction:column;gap:8px;padding:16px 18px 18px;text-decoration:none;transition:border-color .12s;display:flex}.stat:hover{border-color:var(--line-strong);text-decoration:none}.stat .stat-label{color:var(--ink-3);font-size:12.5px;font-weight:500}.stat .stat-value{letter-spacing:-.022em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:26px;font-weight:600}.stat .stat-delta{color:var(--ink-3);align-items:center;gap:4px;font-size:12px;display:inline-flex}.stat .stat-delta.up{color:#005d40;color:lab(34.0407% -34.7305 9.77355)}.stat .stat-delta.down{color:#9c4438;color:lab(40.897% 36.6959 26.1455)}.auth-shell{grid-template-columns:1fr 1.05fr;min-height:100vh;display:grid}.auth-side{background:var(--bg-tint);border-right:1px solid var(--line);flex-direction:column;padding:30px 36px;display:flex;position:relative;overflow:hidden}.auth-side-inner{max-width:440px;margin:auto 0}.auth-side .brand{padding:0}.auth-side h1{letter-spacing:-.024em;margin-top:28px;font-size:34px;line-height:1.15}.auth-side .lede{color:var(--ink-2);max-width:36ch;margin-top:14px;font-size:15px;line-height:1.55}.auth-side .marks{flex-direction:column;gap:12px;margin-top:28px;display:flex}.auth-side .mark{color:var(--ink-2);align-items:flex-start;gap:12px;font-size:13.5px;line-height:1.45;display:flex}.auth-side .mark .ico{background:var(--surface);width:28px;height:28px;color:var(--accent);border:1px solid var(--line);border-radius:8px;flex:0 0 28px;place-items:center;display:grid}.auth-side .foot{color:var(--ink-3);margin-top:auto;padding-top:24px;font-size:12px}.auth-decor{background:radial-gradient(circle, var(--accent-soft) 0%, transparent 60%);opacity:.85;pointer-events:none;border-radius:50%;width:380px;height:380px;position:absolute;inset:auto -120px -120px auto}.auth-main{justify-content:center;align-items:center;padding:40px 36px;display:flex}.auth-card{flex-direction:column;gap:26px;width:100%;max-width:400px;display:flex}.auth-card h2{letter-spacing:-.02em;font-size:24px}.auth-card .sub{color:var(--ink-3);margin-top:-16px;font-size:14px}.auth-divider{color:var(--ink-3);align-items:center;gap:12px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-top:1px solid var(--line);flex:1}.auth-foot{color:var(--ink-3);text-align:center;font-size:13.5px}.kbd{font-family:var(--f-mono);background:var(--bg-tint);border:1px solid var(--line);color:var(--ink-3);border-radius:3px;padding:1px 5px;font-size:11px}.tag{background:var(--bg-tint);color:var(--ink-3);border:1px solid var(--line);border-radius:4px;padding:1px 7px;font-size:11.5px;display:inline-block}.divider-x{background:var(--line-2);height:1px}.empty{text-align:center;color:var(--ink-3);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px 20px;display:flex}.empty .icon-wrap{background:var(--bg-tint);border:1px solid var(--line);width:56px;height:56px;color:var(--ink-3);border-radius:14px;place-items:center;margin-bottom:8px;display:grid}.empty h3{color:var(--ink)}.modal-overlay{z-index:100;background:#16110b52;background:lab(5.26332% 1.43796 3.42685/.32);place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-pop);width:480px;max-width:calc(100vw - 32px);overflow:hidden}.modal-head{padding:18px 22px 8px}.modal-head h2{font-size:17px}.modal-body{color:var(--ink-2);padding:6px 22px 18px;font-size:14px}.modal-foot{background:var(--bg-tint);border-top:1px solid var(--line-2);justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.chart-wrap{flex-direction:column;gap:14px;display:flex}.chart{border-bottom:1px solid var(--line-2);grid-template-columns:repeat(12,1fr);align-items:end;gap:10px;height:180px;padding:6px 0;display:grid}.chart .bar{background:var(--accent-soft-2);border-radius:4px 4px 0 0;justify-content:center;align-items:flex-end;display:flex;position:relative}.chart .bar.current{background:var(--accent)}.chart-axis{color:var(--ink-3);text-align:center;grid-template-columns:repeat(12,1fr);gap:10px;font-size:11px;display:grid}.brand-with-sub{align-items:center;gap:10px}.brand-with-sub .brand-text{flex-direction:column;gap:0;line-height:1.1;display:flex}.brand-with-sub .brand-name{line-height:1.1}.brand-with-sub .brand-sub{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-top:2px;font-size:10px;font-weight:500}.ld-nav{border-bottom:1px solid var(--line);z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7f3ebeb;background:lab(95.9795% .563413 4.55587/.92);grid-template-columns:auto 1fr auto;align-items:center;gap:32px;max-width:1280px;margin:0 auto;padding:16px 36px;display:grid;position:sticky;top:0}.ld-nav-links{justify-self:center;align-items:center;gap:28px;display:flex}.ld-nav-links a{color:var(--ink-2);border-bottom:1.5px solid #0000;padding:6px 2px;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .12s,border-color .12s}.ld-nav-links a:hover{color:var(--ink);border-bottom-color:var(--accent);text-decoration:none}.ld-nav-cta{align-items:center;gap:8px;display:flex}.ld-nav-active{color:var(--ink)!important;border-bottom-color:var(--accent)!important}.ld-foot{border-top:1px solid var(--line);max-width:1280px;margin:0 auto;padding:50px 36px 36px}.ld-foot-top{align-items:flex-start;gap:28px;padding-bottom:30px;display:flex}.ld-foot-tag{color:var(--ink-3);max-width:480px;font-size:13.5px;line-height:1.55}.ld-foot-bot{border-top:1px solid var(--line);color:var(--ink-3);justify-content:space-between;align-items:center;padding-top:18px;font-size:12.5px;display:flex}.ld-foot-links{gap:22px;display:flex}.ld-foot-links a{color:var(--ink-3);text-decoration:none}.ld-foot-links a:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.ld-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-ink);align-items:center;gap:8px;font-size:11.5px;font-weight:600;display:inline-flex}.ld-eyebrow-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%}.ld-h1{letter-spacing:-.035em;color:var(--ink);margin:14px 0 18px;font-size:64px;font-weight:700;line-height:1.02}.ld-h1 em{color:var(--accent-ink);white-space:nowrap;font-style:normal;position:relative}.ld-h1 em:after{content:"";background:var(--accent-soft);z-index:-1;border-radius:3px;height:14px;position:absolute;bottom:4px;left:-4px;right:-4px;transform:skew(-4deg)}.ld-h2{letter-spacing:-.025em;font-size:38px;font-weight:700;line-height:1.1}.ld-lede{color:var(--ink-2);max-width:520px;margin:0 0 26px;font-size:18px;line-height:1.55}.ld-cta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;display:flex}.ld-section-lede{color:var(--ink-3);max-width:540px;margin:0;font-size:16px}@media (max-width:980px){.ld-nav{grid-template-columns:auto auto;padding:14px 20px}.ld-nav-links{display:none}.ld-h1{font-size:44px}.ld-h2{font-size:30px}.ld-foot{padding:36px 24px 28px}.ld-foot-bot{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width:540px){.ld-h1{font-size:36px}.ld-nav{padding:12px 16px}}.ld-body{background:var(--bg);min-height:100vh}.blog-hero{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:1280px;margin:0 auto;padding:56px 36px 36px;display:flex}.blog-hero .ld-h1{margin-top:6px;font-size:52px}.blog-hero-lede{color:var(--ink-2);max-width:620px;margin:0 0 14px;font-size:17px;line-height:1.55}.blog-tags{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px;display:flex}.blog-tag{color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:500;text-decoration:none;transition:background .12s,border-color .12s,color .12s;display:inline-block}.blog-tag:hover{background:var(--bg-tint);border-color:var(--line-strong);color:var(--ink);text-decoration:none}.blog-tag-active,.blog-tag-active:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.blog-tag-inline{letter-spacing:.03em;background:var(--accent-soft);color:var(--accent-ink);border-color:#0000;padding:2px 8px;font-size:11px}.blog-tag-inline:hover{background:var(--accent-soft-2);color:var(--accent-ink)}.blog-layout{grid-template-columns:1fr 320px;align-items:flex-start;gap:48px;max-width:1280px;margin:0 auto;padding:16px 36px 100px;display:grid}.blog-main{flex-direction:column;gap:18px;min-width:0;display:flex}.blog-aside{flex-direction:column;gap:16px;display:flex;position:sticky;top:80px}.blog-featured{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);overflow:hidden}.blog-featured-link{color:inherit;grid-template-columns:1fr 1.2fr;text-decoration:none;display:grid}.blog-featured-link:hover{text-decoration:none}.blog-featured-art{background:radial-gradient(circle at 30% 30%, var(--accent-soft) 0%, transparent 60%), var(--bg-tint);color:var(--accent);justify-content:center;align-items:center;min-height:280px;padding:24px;display:flex}.blog-featured-body{flex-direction:column;gap:10px;padding:30px 32px;display:flex}.blog-featured-body h2{letter-spacing:-.018em;font-size:26px;font-weight:600;line-height:1.2}.blog-featured-body p{color:var(--ink-2);margin-bottom:4px;font-size:14.5px;line-height:1.55}.blog-cta-link{color:var(--accent-ink);margin-top:auto;font-size:13.5px;font-weight:500}.blog-featured:hover .blog-cta-link{text-underline-offset:3px;text-decoration:underline}.blog-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.blog-meta time{color:var(--ink-3)}.blog-meta-sep{color:var(--line-strong)}.blog-list{flex-direction:column;gap:0;margin-top:10px;display:flex}.blog-item{border-top:1px solid var(--line)}.blog-item:last-child{border-bottom:1px solid var(--line)}.blog-item-link{color:inherit;grid-template-columns:80px 1fr 24px;align-items:center;gap:20px;padding:22px 8px;text-decoration:none;transition:background .12s,padding .12s;display:grid}.blog-item-link:hover{background:var(--surface);padding-left:16px;padding-right:16px;text-decoration:none}.blog-item-icon{background:var(--accent-soft);width:64px;height:64px;color:var(--accent-ink);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.blog-item-icon-emerald{color:#004a33;color:lab(26.818% -27.6549 7.80377);background:#d0f5e4;background:lab(93.6448% -14.901 4.30917)}.blog-item-icon-cobalt{color:#0e3f6a;color:lab(25.3195% -2.70386 -30.2438);background:#ddedff;background:lab(92.9868% -3.98928 -14.0939)}.blog-item-icon-terracotta{color:#863c21;color:lab(35.341% 31.2535 32.2771);background:#ffe4db;background:lab(92.7455% 11.845 11.3409)}.blog-item-icon-purple{color:#543772;color:lab(28.9128% 22.8585 -29.4375);background:#ebdefd;background:lab(90.1742% 9.14633 -13.733)}.blog-item-body{min-width:0}.blog-item-body h3{letter-spacing:-.012em;margin:6px 0;font-size:18px;font-weight:600;line-height:1.3}.blog-item-body p{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.55}.blog-item-arrow{color:var(--ink-3);font-size:18px;transition:transform .16s,color .16s}.blog-item-link:hover .blog-item-arrow{color:var(--accent-ink);transform:translate(4px)}.blog-pager{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:8px;padding:32px 8px 8px;display:flex}.blog-pager a{color:var(--ink-2);cursor:pointer;font-size:13.5px;font-weight:500;text-decoration:none}.blog-pager a:hover{color:var(--accent-ink)}.blog-pager-prev[aria-disabled=true]{color:var(--ink-4);cursor:default;pointer-events:none}.blog-pager-pages{align-items:center;gap:4px;display:flex}.blog-pager-page{border-radius:var(--r-sm);width:32px;height:32px;color:var(--ink-2);place-items:center;font-size:13px;text-decoration:none;display:grid}.blog-pager-page:hover{background:var(--surface)}.blog-pager-active{background:var(--ink);cursor:default;color:var(--bg)!important}.blog-pager-active:hover{background:var(--ink)}.blog-pager-ellipsis{color:var(--ink-3);padding:0 4px}.blog-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:18px 20px}.blog-card-h{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);border-bottom:1px solid var(--line-2);margin-bottom:12px;padding-bottom:10px;font-size:11.5px;font-weight:600}.blog-card-cta{background:linear-gradient(180deg, var(--accent-soft) 0%, var(--surface) 100%);border-color:var(--accent-soft-2)}.blog-card-cta-mark{margin-bottom:12px}.blog-card-cta-mark .brand-mark{border-radius:8px;width:36px;height:36px;font-size:18px;box-shadow:0 4px 12px #1934292e;box-shadow:0 4px 12px lab(19.3333% -13.5044 3.86299/.18)}.blog-card-cta-title{letter-spacing:-.012em;color:var(--ink);margin-bottom:6px;font-size:18px;font-weight:600}.blog-card-cta-text{color:var(--ink-2);margin-bottom:14px;font-size:13.5px;line-height:1.5}.blog-card-cta-foot{color:var(--ink-3);text-align:center;margin-top:10px;font-size:11.5px}.blog-cats{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.blog-cats a{color:var(--ink);border-radius:4px;justify-content:space-between;align-items:center;padding:8px 4px;font-size:14px;text-decoration:none;transition:background .12s,padding .12s;display:flex}.blog-cats a:hover{background:var(--bg-tint);padding-left:8px;padding-right:8px}.blog-cats-c{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12px}.blog-card-tip{background:#fff4e0;background:lab(96.5959% 1.91957 11.4456);border-color:#e6cda5;border-color:lab(83.8753% 4.48924 23.4822)}.blog-card-tip-badge{text-transform:uppercase;letter-spacing:.1em;color:#6e4200;color:lab(32.2844% 23.6071 67.7527);background:#ffe7bd;background:lab(93.1694% 5.32666 27.4935);border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.blog-card-tip-text{color:var(--ink);font-size:13.5px;line-height:1.55}.blog-card-tip-text strong{color:#492b00;color:lab(20.9068% 13.6763 34.4248)}.blog-card-tip-link{color:var(--accent-ink);margin-top:10px;font-size:13px;font-weight:500;text-decoration:none;display:inline-block}.blog-card-tip-link:hover{text-decoration:underline}.blog-card-news-text{color:var(--ink-2);margin-bottom:12px;font-size:13px;line-height:1.5}.blog-news-form{flex-direction:column;gap:8px;display:flex}.blog-card-news-foot{color:var(--ink-3);margin-top:10px;font-size:11.5px}.blog-related{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.blog-related li+li{border-top:1px solid var(--line-2)}.blog-related a{color:var(--ink);padding:10px 0;text-decoration:none;display:block}.blog-related a:hover .blog-related-title{color:var(--accent-ink)}.blog-related-title{font-size:13.5px;font-weight:500;line-height:1.35}.blog-related-meta{color:var(--ink-3);margin-top:3px;font-size:11.5px}.post-head{max-width:820px;margin:0 auto;padding:50px 36px 30px}.post-crumbs{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;font-size:12.5px;display:flex}.post-crumbs a{color:var(--ink-3);text-decoration:none}.post-crumbs a:hover{color:var(--accent-ink);text-underline-offset:2px;text-decoration:underline}.post-crumbs-sep{color:var(--line-strong)}.post-meta-top{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;display:flex}.post-title{letter-spacing:-.025em;margin:0 0 22px;font-size:44px;font-weight:700;line-height:1.1}.post-lede{color:var(--ink-2);margin:0 0 26px;font-size:19px;line-height:1.55}.post-author{border-top:1px solid var(--line);align-items:center;gap:12px;padding:16px 0 0;display:flex}.post-author-ava{background:var(--accent-soft-2);color:var(--accent-ink)}.post-author-name{color:var(--ink);font-size:14px;font-weight:600}.post-author-role{color:var(--ink-3);margin-top:1px;font-size:12.5px}.post-layout{grid-template-columns:minmax(0,1fr) 300px;padding-top:0}.post-body{max-width:680px;color:var(--ink);font-size:16px;line-height:1.65}.post-body p{margin:0 0 18px}.post-body h2{letter-spacing:-.02em;margin:38px 0 14px;font-size:26px;font-weight:700}.post-body h3{letter-spacing:-.01em;color:var(--ink-2);margin:24px 0 10px;font-size:17px;font-weight:600}.post-body em{color:var(--ink-2);font-style:italic}.post-body strong{color:var(--ink);font-weight:600}.post-body u{text-decoration:underline;-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px}.post-body ul:not(.post-check):not(.blog-related):not(.blog-cats):not(.ld-bullets){flex-direction:column;gap:6px;margin:0 0 22px;padding-left:22px;display:flex}.post-body ul:not(.post-check):not(.blog-related):not(.blog-cats):not(.ld-bullets) li{font-size:15.5px;line-height:1.55}.post-body ol:not(.post-ol):not(.post-toc-list){flex-direction:column;gap:6px;margin:0 0 22px;padding-left:22px;display:flex}.post-body ol:not(.post-ol):not(.post-toc-list) li{font-size:15.5px;line-height:1.55}.post-callout{background:var(--bg-tint);border-left:3px solid var(--accent);color:var(--ink-2);border-radius:0 6px 6px 0;margin:4px 0 24px;padding:14px 18px;font-size:15px;line-height:1.55}.post-callout strong{color:var(--ink)}.post-callout-warn{background:#fff1ed;background:lab(96.3352% 6.94448 5.57563);border-color:#c55c43;border-color:lab(52.4137% 41.3449 35.4216)}.post-callout-warn strong{color:#852a12;color:lab(31.5698% 39.0215 36.3189)}.post-callout-info{background:var(--accent-soft);border-color:var(--accent)}.post-callout-info strong{color:var(--accent-ink)}.post-check{flex-direction:column;gap:8px;margin:0 0 22px;padding:0;list-style:none;display:flex}.post-check li{padding-left:28px;font-size:15.5px;line-height:1.55;position:relative}.post-check li:before{content:"";background:var(--accent-soft);border-radius:50%;width:18px;height:18px;position:absolute;top:6px;left:0}.post-check li:after{content:"";border-left:1.8px solid var(--accent-ink);border-bottom:1.8px solid var(--accent-ink);width:8px;height:5px;position:absolute;top:11px;left:5px;transform:rotate(-45deg)}.post-ol{counter-reset:post-ol;flex-direction:column;gap:8px;margin:0 0 22px;padding:0;list-style:none;display:flex}.post-ol li{counter-increment:post-ol;padding-left:36px;font-size:15.5px;line-height:1.55;position:relative}.post-ol li:before{content:counter(post-ol);background:var(--ink);width:24px;height:24px;color:var(--bg);font-size:12px;font-weight:700;font-family:var(--f-mono);border-radius:50%;place-items:center;display:grid;position:absolute;top:1px;left:0}.post-example{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);margin-bottom:16px;padding:14px 18px}.post-example-label{text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-size:10.5px;font-weight:700}.post-example-text{color:var(--ink);margin-bottom:6px;font-size:15.5px;font-weight:500;line-height:1.4}.post-example-why{color:var(--ink-3);font-size:13px}.post-example-bad{background:#fff1ed;background:lab(96.3352% 6.94448 5.57563);border-color:#f5c4b7;border-color:lab(83.3023% 16.9271 13.6266)}.post-example-bad .post-example-label{color:#963118;color:lab(36.1249% 41.9802 38.767)}.post-example-good{background:#dafbeb;background:lab(95.8979% -13.2281 3.82813);border-color:#9dd6bc;border-color:lab(81.2176% -23.3634 6.72658)}.post-example-good .post-example-label{color:#004b31;color:lab(27.0761% -35.1629 9.82281)}.post-quote{background:var(--bg-tint);border:1px solid var(--line);border-left:4px solid var(--ink);border-radius:0 6px 6px 0;margin:12px 0 22px;padding:18px 22px 14px 50px;position:relative}.post-quote-mark{color:var(--ink-3);font-family:Georgia,serif;font-size:44px;line-height:1;position:absolute;top:8px;left:16px}.post-quote-text{color:var(--ink);margin-bottom:10px;font-size:15.5px;font-style:italic;line-height:1.55}.post-quote-copy{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--ink-2);cursor:pointer;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:12px;display:inline-flex}.post-quote-copy:hover{background:var(--surface-2);color:var(--ink)}.post-quote-copy.copied{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.post-inline-cta{background:linear-gradient(135deg, var(--accent-soft) 0%, var(--surface) 100%);border:1px solid var(--accent-soft-2);border-radius:var(--r-lg);justify-content:space-between;align-items:center;gap:16px;margin:32px 0;padding:20px 24px;display:flex}.post-inline-cta-title{color:var(--ink);letter-spacing:-.01em;font-size:17px;font-weight:600}.post-inline-cta-sub{color:var(--ink-2);margin-top:3px;font-size:13.5px}.post-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:40px;padding-top:24px;display:flex}.post-foot-tags{flex-wrap:wrap;gap:6px;display:flex}.post-foot-share{color:var(--ink-3);align-items:center;gap:8px;font-size:13px;display:flex}.post-foot-share a{background:var(--surface);border:1px solid var(--line);width:30px;height:30px;color:var(--ink-2);border-radius:50%;place-items:center;text-decoration:none;transition:background .12s,color .12s;display:grid}.post-foot-share a:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.post-toc-list{counter-reset:toc;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.post-toc-list li{counter-increment:toc;padding-left:26px;position:relative}.post-toc-list li:before{content:counter(toc, decimal-leading-zero);font-family:var(--f-mono);color:var(--ink-3);font-size:11px;position:absolute;top:7px;left:0}.post-toc-list a{color:var(--ink-2);padding:6px 0;font-size:13.5px;line-height:1.4;text-decoration:none;display:block}.post-toc-list a:hover{color:var(--accent-ink)}.post-more{background:var(--bg-tint);border-top:1px solid var(--line);padding:60px 36px 70px}.post-more-head{justify-content:space-between;align-items:baseline;gap:16px;max-width:1280px;margin:0 auto 30px;display:flex}.post-more-all{color:var(--accent-ink);font-size:14px;font-weight:500;text-decoration:none}.post-more-all:hover{text-decoration:underline}.post-more-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1280px;margin:0 auto;display:grid}.post-more-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);color:inherit;flex-direction:column;gap:12px;padding:22px 22px 20px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:flex}.post-more-card:hover{box-shadow:var(--sh-2);text-decoration:none;transform:translateY(-2px)}.post-more-card .blog-item-icon{border-radius:10px;width:44px;height:44px}.post-more-card h3{letter-spacing:-.01em;font-size:16px;font-weight:600;line-height:1.3}.post-more-card p{color:var(--ink-2);font-size:13px;line-height:1.5}@media (max-width:980px){.blog-layout,.post-layout{grid-template-columns:1fr;gap:32px;padding:16px 24px 60px}.blog-aside{position:static}.blog-hero{padding:36px 24px 24px}.blog-hero .ld-h1{font-size:36px}.blog-featured-link{grid-template-columns:1fr}.blog-featured-art{min-height:200px}.post-head{padding:30px 24px 20px}.post-title{font-size:30px}.post-lede{font-size:16px}.post-body{font-size:15.5px}.post-body h2{font-size:22px}.post-more{padding:40px 24px 50px}.post-more-grid{grid-template-columns:1fr}.post-inline-cta{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.blog-item-link{grid-template-columns:56px 1fr;gap:14px;padding:18px 4px}.blog-item-link:hover{padding-left:8px;padding-right:8px}.blog-item-arrow{display:none}.blog-item-icon{width:50px;height:50px}.blog-item-icon svg{width:22px;height:22px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
