.kf-tpl-page .kf-resource-header{max-width:var(--page-width);border-bottom:0;position:relative}.kf-tpl-page .kf-resource-header:after{content:"";left:var(--gutter);right:var(--gutter);border-bottom:1px solid var(--rule);position:absolute;bottom:0}.kf-tpl-main{padding-top:40px}.kf-tpl-hero{column-gap:var(--column-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.kf-tpl-hero>*{grid-column:1/span 8;justify-self:start}.kf-tpl-page h1{margin:12px 0 20px}.kf-tpl-intro{max-width:46ch;font:400 22px/30px var(--serif);letter-spacing:-.02em;color:var(--ink-2);text-wrap:pretty}.kf-tpl-caution{max-width:70ch;color:var(--ink-3);margin-top:16px;font-size:13px;line-height:20px}.kf-tpl-filterbar{column-gap:var(--column-gap);border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;margin-top:40px;padding:16px 0;display:grid}.kf-tpl-facets{grid-column:1/span 9;gap:12px;display:grid}.kf-tpl-facet{grid-template-columns:96px minmax(0,1fr);align-items:start;gap:12px;margin:0;display:grid}.kf-tpl-facet-label{color:var(--ink-2);padding-top:9px;font-size:12px;font-weight:600}.kf-tpl-chips{flex-wrap:wrap;gap:8px;display:flex}.kf-tpl-chip{border:1px solid var(--rule);background:var(--sheet);min-height:36px;color:var(--ink-2);white-space:nowrap;border-radius:4px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:500;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.kf-tpl-chip:hover{border-color:var(--ink-3);color:var(--ink)}.kf-tpl-chip[aria-pressed=true]{border-color:var(--green-3);background:var(--green-tint);color:var(--green-2)}.kf-tpl-chip-count{color:var(--ink-4);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.kf-tpl-chip[aria-pressed=true] .kf-tpl-chip-count{color:var(--green-2)}.kf-tpl-tally{text-align:right;flex-direction:column;grid-column:10/-1;align-items:end;gap:0;display:flex}.kf-tpl-count{color:var(--ink);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600;line-height:36px}.kf-tpl-clear{min-height:32px;font-size:13px}.kf-tpl-bars{align-items:end;gap:2px;height:11px;display:inline-flex}.kf-tpl-bars i{background:var(--rule);border-radius:1px;width:3px}.kf-tpl-bars i:first-child{height:5px}.kf-tpl-bars i:nth-child(2){height:8px}.kf-tpl-bars i:nth-child(3){height:11px}.kf-tpl-bars[data-level="1"] i:nth-child(-n+1),.kf-tpl-bars[data-level="2"] i:nth-child(-n+2),.kf-tpl-bars[data-level="3"] i{background:currentColor}.kf-tpl-results{margin-top:32px}.kf-tpl-grid{column-gap:var(--column-gap);grid-template-columns:repeat(3,minmax(0,1fr));row-gap:0;display:grid}.kf-tpl-card{grid-row:span 12;grid-template-rows:subgrid;align-content:start;row-gap:0;min-width:0;padding-bottom:48px;scroll-margin-top:24px;display:grid}.kf-tpl-card>*{align-self:start;min-width:0}.kf-tpl-thumb{aspect-ratio:3/2;border:1px solid var(--rule);background:#fff;border-radius:4px;grid-row:1;align-self:start;transition:border-color .16s;display:block;position:relative;overflow:hidden}.kf-tpl-thumb:hover{border-color:var(--ink-3)}.kf-tpl-thumb img{object-fit:contain;width:calc(100% - 24px);max-width:none;height:calc(100% - 24px);position:absolute;inset:12px}.kf-tpl-thumb-missing{color:var(--ink-4);place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.kf-tpl-meta{flex-wrap:wrap;grid-row:2;align-items:center;gap:8px 14px;margin-top:16px;display:flex}.kf-tpl-badge{border:1px solid var(--rule);background:var(--sheet);min-height:22px;color:var(--ink-2);letter-spacing:.01em;border-radius:3px;align-items:center;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.kf-tpl-card[data-category=famous] .kf-tpl-badge,.kf-tpl-card[data-category=custom] .kf-tpl-badge{border-color:var(--green-3);color:var(--green-2)}.kf-tpl-level{color:var(--ink-3);align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.kf-tpl-level .kf-tpl-bars{color:var(--ink-2)}.kf-tpl-title{font:400 22px/28px var(--serif);letter-spacing:-.025em;text-wrap:balance;grid-row:3;margin-top:10px}.kf-tpl-summary{max-width:60ch;color:var(--ink-3);text-wrap:pretty;grid-row:4;margin-top:8px;font-size:15px;line-height:24px}.kf-tpl-stats{border-top:1px solid var(--rule-2);color:var(--ink-2);font-variant-numeric:tabular-nums;grid-row:5;margin-top:12px;padding-top:10px;font-size:12px;font-weight:600;line-height:18px}.kf-tpl-demo{color:var(--ink-2);grid-row:6;align-content:start;gap:4px;margin-top:12px;font-size:13px;line-height:20px;display:grid}.kf-tpl-demo li{padding-left:14px;position:relative}.kf-tpl-demo li:before{content:"";background:var(--green);width:5px;height:5px;position:absolute;top:8px;left:0}.kf-tpl-flag{color:var(--green-2);grid-row:7;align-items:center;gap:6px;margin-top:12px;font-size:12px;font-weight:600;display:inline-flex}.kf-tpl-flag svg{flex-shrink:0}.kf-tpl-actions{flex-wrap:wrap;grid-row:9;align-items:center;gap:8px 20px;margin-top:20px;display:flex}.kf-tpl-open{min-height:40px;padding:10px 18px;font-size:13px}.kf-tpl-notes-toggle{min-height:40px;color:var(--green);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.kf-tpl-notes-toggle:hover{color:var(--green-2);text-underline-offset:4px;text-decoration:underline}.kf-tpl-notes-toggle svg{transition:transform .16s}.kf-tpl-notes-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.kf-tpl-notes{border:1px solid var(--rule);background:var(--sheet);border-radius:4px;grid-row:11;margin-top:16px}.kf-tpl-notes[hidden]{display:none}.kf-tpl-notes-head{border-bottom:1px solid var(--rule-2);justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 12px;display:flex}.kf-tpl-notes-head p{color:var(--ink-3);font-size:12px;line-height:16px}.kf-tpl-copy{border:1px solid var(--rule);background:var(--sheet);min-height:32px;color:var(--ink-2);border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.kf-tpl-copy:hover{border-color:var(--ink-3);color:var(--ink)}.kf-tpl-copy[data-state=copied]{border-color:var(--green-3);background:var(--green-tint);color:var(--green-2)}.kf-tpl-notes pre{max-height:280px;color:var(--ink-2);background:var(--sheet-2);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:0 0 4px 4px;margin:0;padding:12px;font:400 12px/1.65 ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.kf-tpl-notes pre:focus-visible{outline-offset:-2px}.kf-tpl-source{color:var(--ink-4);overflow-wrap:anywhere;grid-row:12;margin-top:16px;font-size:11.5px;line-height:18px}.kf-tpl-source a{color:var(--green);text-underline-offset:3px;text-decoration:underline}.kf-tpl-empty{color:var(--ink-3);justify-items:start;gap:4px;padding:40px 0;font-size:15px;display:grid}.kf-tpl-page .kf-resource-note{margin-top:16px}.kf-tpl-page .kf-footer-bottom{align-items:center}.kf-tpl-footer-links{flex-wrap:wrap;gap:4px 20px;display:flex}.kf-tpl-footer-links a{padding:8px 0}.kf-tpl-footer-links a:hover{color:var(--green);text-underline-offset:4px;text-decoration:underline}@media (width<=1000px){.kf-tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kf-tpl-hero>*,.kf-tpl-facets{grid-column:1/-1}.kf-tpl-tally{text-align:left;flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:8px}}@media (width<=700px){.kf-tpl-main{padding-top:32px}.kf-tpl-intro{font-size:18px;line-height:26px}.kf-tpl-filterbar{margin-top:32px}.kf-tpl-facet{grid-template-columns:minmax(0,1fr);gap:8px}.kf-tpl-facet-label{padding-top:0}.kf-tpl-grid{grid-template-columns:minmax(0,1fr)}.kf-tpl-card{padding-bottom:40px}}@media (width<=600px){.kf-tpl-page h1{font-size:40px}.kf-tpl-chip{padding:0 10px}}.kf-tpl-downloads-note{max-width:66ch;color:var(--ink-2);text-wrap:pretty;margin-top:14px;font-size:15px;line-height:24px}.kf-tpl-section{margin-top:56px}.kf-tpl-section-head{column-gap:var(--column-gap);border-bottom:1px solid var(--ink);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;padding-bottom:16px;display:grid}.kf-tpl-section-head h2,.kf-tpl-chart-text h2{font:600 26px/32px var(--brand-sans);letter-spacing:-.015em;margin:0}.kf-tpl-section-head h2{grid-column:1/span 4}.kf-tpl-section-head p{max-width:64ch;color:var(--ink-3);text-wrap:pretty;grid-column:5/span 7;font-size:15px;line-height:23px}.kf-tpl-sheets{gap:32px var(--column-gap);grid-template-columns:repeat(4,minmax(0,1fr));margin:28px 0 0;padding:0;list-style:none;display:grid}.kf-tpl-sheet{align-content:start;min-width:0;display:grid}.kf-tpl-sheet>*{min-width:0}.kf-tpl-sheet-thumb{aspect-ratio:1123/794}.kf-tpl-sheet-thumb img,.kf-tpl-chart-thumb img{width:100%;height:100%;inset:0}.kf-tpl-sheet h3{font:600 17px/24px var(--brand-sans);letter-spacing:-.01em;text-wrap:balance;margin-top:14px}.kf-tpl-sheet p{color:var(--ink-3);text-wrap:pretty;margin-top:6px;font-size:14px;line-height:21px}.kf-tpl-download-row{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:14px;display:flex}.kf-tpl-download{border:1px solid var(--ink);min-height:40px;color:var(--ink);background:0 0;padding:9px 16px;font-size:15px}.kf-tpl-download:hover{background:var(--ink);color:#fff}.kf-tpl-download-png{min-height:40px;color:var(--brand-accent);text-underline-offset:4px;align-items:center;font-size:15px;font-weight:500;-webkit-text-decoration:underline #0000004d;text-decoration:underline #0000004d;display:inline-flex}.kf-tpl-download-png:hover{color:var(--brand-accent-hover);text-decoration-color:currentColor}.kf-tpl-card-downloads{grid-row:10}.kf-tpl-card-downloads .kf-tpl-download-row{margin-top:10px}.kf-tpl-chart{column-gap:var(--column-gap);border-top:1px solid var(--ink);grid-template-columns:repeat(12,minmax(0,1fr));margin-top:48px;padding-top:32px;display:grid}.kf-tpl-chart-thumb{aspect-ratio:794/1123;grid-column:1/span 4}.kf-tpl-chart-text{grid-column:5/span 7;align-self:start;justify-items:start;display:grid}.kf-tpl-chart-text p{max-width:60ch;color:var(--ink-2);text-wrap:pretty;margin-top:12px;font-size:15px;line-height:24px}.kf-tpl-chart-text .kf-tpl-download-row{margin-top:20px}.kf-tpl-chart-text .kf-source{margin-top:12px}.kf-tpl-hero>:nth-child(5){animation-delay:.3s}@media (width<=1000px){.kf-tpl-section-head h2,.kf-tpl-section-head p{grid-column:1/-1}.kf-tpl-section-head p{margin-top:8px}.kf-tpl-sheets{grid-template-columns:repeat(2,minmax(0,1fr))}.kf-tpl-chart-thumb{grid-column:1/span 5}.kf-tpl-chart-text{grid-column:6/-1}}@media (width<=700px){.kf-tpl-section{margin-top:44px}.kf-tpl-sheets{grid-template-columns:minmax(0,1fr);row-gap:28px}.kf-tpl-chart-thumb{grid-column:1/-1;width:min(100%,320px)}.kf-tpl-chart-text{grid-column:1/-1;margin-top:20px}}.kf-page-nav{gap:24px;margin-left:auto;margin-right:8px;display:flex}.kf-page-nav a{color:var(--ink-3);font:600 14.5px var(--sans);text-decoration:none;transition:color .14s}.kf-page-nav a:hover,.kf-page-nav a[aria-current=page]{color:var(--ink)}.kf-page-nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--green);text-decoration-color:var(--green);text-underline-offset:8px}@media (width<=640px){.kf-page-nav{display:none}}.kf-tpl-intro{font:400 20px/30px var(--brand-sans);letter-spacing:0}.kf-tpl-title{font:600 20px/27px var(--brand-sans);letter-spacing:-.01em}.kf-tpl-caution,.kf-tpl-facet-label,.kf-tpl-chip,.kf-tpl-chip-count,.kf-tpl-clear,.kf-tpl-thumb-missing,.kf-tpl-badge,.kf-tpl-level,.kf-tpl-stats,.kf-tpl-flag,.kf-tpl-notes-toggle,.kf-tpl-notes-head p,.kf-tpl-copy,.kf-tpl-source{font-size:14px;line-height:21px}.kf-tpl-demo{font-size:15px;line-height:23px}.kf-tpl-open{font-size:15px}.kf-tpl-notes pre{font:400 13px/1.65 var(--brand-mono)}.kf-tpl-chip,.kf-tpl-copy{border-radius:6px}.kf-tpl-demo li:before{background:var(--brand-accent)}.kf-tpl-page .kf-resource-header{animation:m-enter .7s var(--m-hero) backwards}.kf-tpl-hero>*{animation:m-enter .9s var(--m-hero) backwards}.kf-tpl-hero>h1{animation-name:m-enter-title}.kf-tpl-hero>:first-child{animation-delay:0s}.kf-tpl-hero>:nth-child(2){animation-delay:.1s}.kf-tpl-hero>:nth-child(3){animation-delay:.2s}.kf-tpl-hero>:nth-child(4){animation-delay:.26s}.kf-tpl-filterbar{animation:m-enter .9s var(--m-hero) .3s backwards}.kf-tpl-grid>.kf-tpl-card:nth-child(-n+8){animation:m-enter .8s var(--m-hero) backwards}.kf-tpl-grid>.kf-tpl-card:first-child{animation-delay:.35s}.kf-tpl-grid>.kf-tpl-card:nth-child(2){animation-delay:.42s}.kf-tpl-grid>.kf-tpl-card:nth-child(3){animation-delay:.49s}.kf-tpl-grid>.kf-tpl-card:nth-child(4){animation-delay:.56s}.kf-tpl-grid>.kf-tpl-card:nth-child(5){animation-delay:.63s}.kf-tpl-grid>.kf-tpl-card:nth-child(6){animation-delay:.7s}.kf-tpl-grid>.kf-tpl-card:nth-child(7){animation-delay:.77s}.kf-tpl-grid>.kf-tpl-card:nth-child(8){animation-delay:.84s}.kf-tpl-thumb{transition:box-shadow var(--m-base) var(--m-standard), border-color var(--m-base) var(--m-standard)}.kf-tpl-card:hover .kf-tpl-thumb{box-shadow:0 1px 2px #0000000d,0 12px 28px -16px #00000047}@media (prefers-reduced-motion:reduce){.kf-tpl-page .kf-resource-header,.kf-tpl-hero>*,.kf-tpl-filterbar,.kf-tpl-grid>.kf-tpl-card{animation:none}}