:root{--ink:#1b1c1a;--muted:#5f655f;--paper:#fbf9f5;--surface:#fff;--blue:#064e3b;--blue-dark:#003527;--coral:#c2410c;--lime:#e4eee7;--line:#e3dfd7;--shadow:0 16px 32px -8px #1c19170f, 0 4px 12px -2px #1c191708;--radius:8px;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:.75rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.shell{width:min(var(--max), calc(100% - 2rem));margin-inline:auto}.site-header{z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(12px);background:#f7f5efeb;position:relative}.nav-wrap{justify-content:space-between;align-items:center;gap:2rem;min-height:76px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:.65rem;font-size:1.25rem;font-weight:850;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--blue);border-radius:10px 4px;place-items:center;width:34px;height:34px;display:grid;transform:rotate(-4deg)}.brand em{color:var(--blue);font-style:normal}.main-nav{align-items:center;gap:1.6rem;display:flex}.main-nav a{color:var(--muted);font-size:.94rem;font-weight:650;text-decoration:none}.main-nav a:hover{color:var(--blue)}.nav-cta{background:var(--lime);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:.55rem .9rem;color:var(--ink)!important}.menu-toggle{background:0 0;border:0;font-weight:750;display:none}.hero{padding:4.5rem 0 3.5rem;position:relative;overflow:hidden}.hero:before{content:"Aa";color:#3157ff0f;pointer-events:none;font:900 min(36vw,480px)/1 Georgia,serif;position:absolute;top:-7rem;right:-2vw}.hero-layout{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.eyebrow{color:var(--blue-dark);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.5rem;margin:0 0 1.2rem;font-size:.78rem;font-weight:850;display:inline-flex}.eyebrow:before{content:"";background:var(--coral);width:28px;height:3px}h1{letter-spacing:-.065em;max-width:690px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,6.5vw,6.2rem);line-height:.93}h1 span{color:var(--blue);font-style:italic;font-weight:500;position:relative}h1 span:after{content:"";background:var(--coral);height:.09em;position:absolute;bottom:-.04em;left:.02em;right:-.05em;transform:rotate(-2deg)}.hero-copy{max-width:560px;color:var(--muted);margin:1.7rem 0 0;font-size:clamp(1rem,1.4vw,1.16rem)}.trust-row{flex-wrap:wrap;gap:.8rem 1.2rem;margin:1.5rem 0 0;padding:0;font-size:.85rem;font-weight:700;list-style:none;display:flex}.trust-row li:before{content:"✓";color:var(--blue);margin-right:.35rem}.generator-panel{background:var(--ink);box-shadow:var(--shadow);border-radius:30px 10px;padding:1rem;position:relative;transform:rotate(1deg)}.generator-panel:before{content:"LIVE";color:var(--ink);background:var(--lime);border:1px solid var(--ink);letter-spacing:.12em;border-radius:999px;padding:.35rem .65rem;font-size:.7rem;font-weight:900;position:absolute;top:-1rem;right:1.2rem;transform:rotate(-5deg)}.input-label{color:#fff;padding:.35rem .55rem .6rem;font-size:.84rem;font-weight:750;display:block}.text-box{position:relative}#font-input{resize:vertical;width:100%;min-height:210px;color:var(--ink);background:var(--surface);border:0;border-radius:20px 6px;padding:1.35rem 3.2rem 2.8rem 1.35rem;font-size:clamp(1.25rem,3vw,2rem);line-height:1.35;display:block}.input-meta{color:var(--muted);justify-content:space-between;align-items:center;font-size:.78rem;display:flex;position:absolute;bottom:.8rem;left:1.2rem;right:1rem}.clear-button{width:34px;height:34px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%}.tool-bar{z-index:10;background:linear-gradient(var(--paper) 80%, transparent);padding:1rem 0;position:sticky;top:0}.tool-controls{justify-content:space-between;align-items:center;gap:1rem;display:flex}.search-wrap{min-width:235px;position:relative}.search-wrap span{position:absolute;top:50%;left:1rem;transform:translateY(-50%)}#style-search{background:var(--surface);border:1px solid var(--line);border-radius:999px;width:100%;padding:.78rem 1rem .78rem 2.7rem}.result-total{color:var(--muted);white-space:nowrap;font-size:.88rem;font-weight:750}.category-row{scrollbar-width:thin;gap:.6rem;padding:.8rem 0 .45rem;display:flex;overflow-x:auto}.filter-button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #c9cbc8;border-radius:999px;flex:none;padding:.6rem .9rem;font-size:.86rem;font-weight:750}.favorites-filter{margin-left:auto}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.7rem;display:grid}.result-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:1.2rem;transition:transform .18s,box-shadow .18s,border-color .18s}.card-head,.card-actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.style-name{font-size:.9rem}.style-category{color:var(--blue-dark);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:850}.result-text{overflow-wrap:anywhere;min-height:68px;margin:1.25rem 0;font-size:clamp(1.3rem,2.7vw,2rem);line-height:1.25}.favorite-button,.copy-button{cursor:pointer}.favorite-button{color:#767b89;background:0 0;border:0;border-radius:50%;width:36px;height:36px;font-size:1.2rem}.copy-button{color:#fff;background:var(--ink);border:1px solid var(--ink);border-radius:10px;margin-left:auto;padding:.58rem .9rem;font-size:.82rem;font-weight:800}.copy-button:hover{background:var(--blue);border-color:var(--blue)}.copy-button.is-copied{color:var(--ink);background:var(--lime);border-color:var(--ink)}.empty-state{text-align:center;background:var(--surface);border-radius:var(--radius);border:1px dashed #aeb2b2;grid-column:1/-1;padding:4rem 2rem}.empty-state span{color:var(--coral);font-size:3rem}.empty-state h3{margin-bottom:0}.empty-state p{color:var(--muted);margin-top:.4rem}.content-section.contrast{color:#fff;background:var(--ink)}.section-head{grid-template-columns:.75fr 1.25fr;align-items:end;gap:3rem;margin-bottom:3rem;display:grid}.section-head h2{letter-spacing:-.045em;margin:0;font:700 clamp(2.2rem,5vw,4.6rem)/1 Georgia,serif}.section-head p{color:var(--muted);margin:0;font-size:1.05rem}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.step{color:var(--ink);background:var(--surface);counter-increment:step;border-radius:8px 28px;padding:1.7rem;position:relative}.step:before{content:"0" counter(step);color:var(--coral);margin-bottom:3rem;font:700 2rem/1 Georgia,serif;display:block}.step h3{margin:0;font-size:1.12rem}.step p{color:var(--muted);margin-bottom:0}.info-grid{grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);display:grid}.info-grid h2{letter-spacing:-.04em;margin-top:0;font:700 clamp(2.2rem,4vw,3.8rem)/1.05 Georgia,serif}.info-grid p,.info-grid li{color:var(--muted)}.use-list{grid-template-columns:1fr 1fr;gap:.8rem;padding:0;list-style:none;display:grid}.use-list li{border:1px solid var(--line);background:#fff;border-radius:12px;padding:1rem;font-weight:700}.faq{background:#ebe9e2;padding:6rem 0}.faq-layout{grid-template-columns:.7fr 1.3fr;gap:4rem;display:grid}.faq h2{margin-top:0;font:700 clamp(2.2rem,4vw,4rem)/1 Georgia,serif}details{border-top:1px solid #c9c9c3}details:last-child{border-bottom:1px solid #c9c9c3}summary{cursor:pointer;padding:1.25rem 2rem 1.25rem 0;font-weight:800}details p{max-width:720px;color:var(--muted);margin-top:0;padding-right:2rem}.site-footer{color:#fff;background:var(--blue);padding:3.5rem 0 2rem}.footer-layout{justify-content:space-between;align-items:start;gap:3rem;display:flex}.footer-brand{font:700 clamp(2rem,4vw,3.8rem)/1 Georgia,serif}.footer-brand p{color:#d9e0ff;max-width:420px;margin:.8rem 0;font:400 .95rem/1.6 Inter,sans-serif}.footer-links{flex-wrap:wrap;gap:1rem 1.5rem;display:flex}.footer-links a{font-weight:700;text-decoration:none}.footer-bottom{color:#d9e0ff;border-top:1px solid #ffffff40;margin-top:3rem;padding-top:1.5rem;font-size:.8rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=820px){.hero-layout,.section-head,.info-grid,.faq-layout{grid-template-columns:1fr}.hero{padding-top:3rem}.generator-panel{transform:none}.results-grid,.steps{grid-template-columns:1fr}.step:before{margin-bottom:1.5rem}.section-head,.faq-layout{gap:1.5rem}}@media (width<=640px){.shell{width:min(100% - 1.25rem, var(--max))}.nav-wrap{min-height:66px}.menu-toggle{display:block}.main-nav{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;align-items:stretch;padding:1.1rem;display:none;position:absolute;top:66px;left:.6rem;right:.6rem}.main-nav.is-open{display:flex}.tool-controls{flex-direction:column;align-items:stretch}.search-wrap{min-width:0}.result-total{align-self:flex-end}.content-section,.faq{padding:4rem 0}.use-list{grid-template-columns:1fr}.footer-layout{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.site-header{border-color:var(--line);background:#fbf9f5f0;position:sticky;top:0}.nav-wrap{min-height:80px}.brand{letter-spacing:-.025em;font-family:Georgia,Times New Roman,serif}.brand-mark{color:var(--paper);background:var(--blue);border-radius:4px;transform:none}.main-nav{gap:.3rem}.main-nav a{letter-spacing:.035em;border-radius:4px;padding:.48rem .7rem;font-size:.78rem}.main-nav a:hover{color:var(--blue-dark);background:#f0ede7}.nav-cta{background:var(--blue);box-shadow:none;border:0;border-radius:4px;color:#fff!important;padding:.65rem 1rem!important}.hero{padding:3.5rem 0 2rem}.hero:before{display:none}.hero-layout{display:block}.hero-intro{text-align:center;max-width:900px;margin:0 auto 2.3rem}.hero-badge{color:var(--muted);border:1px solid var(--line);letter-spacing:.045em;text-transform:uppercase;background:#f5f2ec;border-radius:4px;align-items:center;gap:.55rem;margin:0 0 1.4rem;padding:.38rem .7rem;font-size:.7rem;font-weight:750;display:inline-flex}.hero-badge span{background:#2b6954;border-radius:50%;width:7px;height:7px}h1{max-width:920px;color:var(--blue-dark);letter-spacing:-.045em;margin-inline:auto;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.08}h1 span{color:var(--coral);font-weight:400}h1 span:after{display:none}.hero-copy{max-width:710px;margin:1.25rem auto 0;font-size:1rem;font-weight:400}.platform-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;margin-top:1.15rem;display:flex}.platform-row small{color:#7b7e79;letter-spacing:.08em;text-transform:uppercase;margin-right:.2rem;font-size:.66rem;font-weight:750}.platform-row span{color:#454a45;border:1px solid var(--line);background:#f5f2ec;border-radius:3px;padding:.35rem .6rem;font-size:.72rem;font-weight:650}.generator-panel{max-width:900px;box-shadow:var(--shadow);background:#fff;border:1px solid #dcd7ce;border-radius:8px;margin-inline:auto;padding:1.35rem;transform:none}.generator-panel:before{display:none}.input-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:.65rem;padding-bottom:.65rem;display:flex}.input-heading>span{color:#7b7e79;font-size:.72rem}.input-label{color:var(--blue-dark);letter-spacing:.1em;text-transform:uppercase;padding:0;font-size:.72rem;font-weight:850}#font-input{border:1px solid var(--line);background:#f7f5f1;border-radius:4px;min-height:130px;padding:1rem;font-size:1.05rem}.generator-actions{justify-content:space-between;align-items:center;gap:1rem;padding-top:.9rem;display:flex}.generator-actions>div{gap:.5rem;display:flex}.random-button,.clear-button{cursor:pointer;border-radius:4px;width:auto;height:auto;padding:.52rem .8rem;font-size:.73rem;font-weight:750}.random-button{color:#fff;background:var(--blue);border:1px solid var(--blue)}.clear-button{color:var(--muted);border:1px solid var(--line);background:#f7f5f1}.privacy-note{color:#667069;font-size:.7rem}.tool{padding:.5rem 0 5rem}.tool-bar{background:0 0;padding:1rem 0;position:relative;top:auto}.tool-controls{flex-direction:row-reverse}.search-wrap{min-width:270px}#style-search{background:#fff;border-radius:4px;padding-block:.62rem;font-size:.78rem}.result-total{color:var(--blue);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}.category-row{gap:.4rem;padding-top:.5rem}.filter-button{border-color:var(--line);background:#fff;border-radius:4px;padding:.5rem .72rem;font-size:.72rem;font-weight:700}.filter-button:hover,.filter-button.is-active{color:#fff;background:var(--blue);border-color:var(--blue)}.favorites-filter.is-active{color:var(--coral);background:#fff6f0;border-color:#e4b9a5}.results-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:.35rem}.result-card{border-color:var(--line);border-radius:7px;padding:1rem;box-shadow:0 2px 8px #1c191706}.result-card:hover{border-color:#8b968f;transform:translateY(-1px);box-shadow:0 8px 24px #0035270f}.style-name{color:var(--blue-dark);letter-spacing:.075em;text-transform:uppercase;font-size:.69rem}.style-category{color:#777a75;background:#f1efeb;border-radius:2px;padding:.18rem .35rem;font-size:.57rem}.result-text{min-height:56px;margin:.95rem 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,1.7vw,1.35rem)}.favorite-button{color:#7f837e;width:30px;height:30px;font-size:1rem}.favorite-button.is-favorite{color:var(--coral)}.card-actions{border-top:1px solid var(--line);background:#faf9f6;border-radius:0 0 7px 7px;margin:.3rem -1rem -1rem;padding:.65rem 1rem}.copy-button{width:100%;color:var(--ink);letter-spacing:.035em;background:#fff;border-color:#d8d5ce;border-radius:3px;margin:0;padding:.45rem .7rem;font-size:.7rem}.copy-button:hover{color:#fff;background:var(--blue);border-color:var(--blue)}.content-section{padding:5rem 0}.content-section.contrast{color:var(--ink);border-block:1px solid var(--line);background:#f2f0ec}.section-head{grid-template-columns:.85fr 1.15fr;margin-bottom:2rem}.section-head h2,.info-grid h2,.faq h2{color:var(--blue-dark);font-size:clamp(2rem,3.6vw,3.25rem)}.contrast .section-head p{color:var(--muted)}.steps{gap:.8rem}.step{border:1px solid var(--line);background:#fff;border-radius:5px;padding:1.4rem}.step:before{color:var(--coral);margin-bottom:2rem;font-size:1.4rem}.use-list li{border-radius:4px}.faq{background:var(--paper);border-top:1px solid var(--line);padding:5rem 0}summary{color:var(--blue-dark)}.site-footer{color:var(--ink);border-top:1px solid var(--line);background:#efede7}.footer-brand{color:var(--blue-dark)}.footer-brand p,.footer-bottom{color:var(--muted)}.footer-links a:hover{color:var(--coral)}.footer-bottom{border-color:#d7d2c8}@media (width<=980px){.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.site-header .nav-wrap{min-height:66px}.main-nav{top:66px}.hero{padding-top:2.5rem}.hero-badge{font-size:.6rem}.platform-row small{width:100%}.generator-panel{padding:.9rem}.generator-actions{flex-direction:column;align-items:flex-start}.tool-controls{flex-direction:column;align-items:stretch}.results-grid,.section-head{grid-template-columns:1fr}}h1,h2,h3{overflow-wrap:break-word;hyphens:auto}.filter-button[aria-pressed=true]{color:#fff;background:var(--blue);border-color:var(--blue)}.featured-filter{color:var(--coral);border-color:var(--coral)}.featured-filter[aria-pressed=true]{color:#fff;background:var(--coral);border-color:var(--coral)}.favorites-filter{flex:none;margin-left:0}.favorites-filter[aria-pressed=true]{color:var(--coral);background:#fff6f0;border-color:#e4b9a5}.category-bar{align-items:center;gap:.6rem;display:flex}.category-bar .category-row{flex:auto;min-width:0}.tool-controls{flex-flow:wrap}.tool-options{flex-wrap:wrap;align-items:end;gap:.9rem;display:flex}.option-field{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;gap:.25rem;font-size:.66rem;font-weight:800;display:grid}.option-field select{min-height:40px;color:var(--ink);border:1px solid var(--line);letter-spacing:0;text-transform:none;background:#fff;border-radius:4px;padding:.45rem .6rem;font-size:.8rem}.size-field input{width:150px;min-height:40px;accent-color:var(--blue)}.size-field output{color:var(--blue)}.result-total{margin:.6rem 0 0}.limit-note{color:var(--muted);margin:.4rem 0 0;font-size:.78rem}.results-grid{--preview-size:22px}.result-text{font-size:var(--preview-size)}.style-name{margin:0;font-size:.69rem;font-weight:800;display:inline}.card-actions{justify-content:space-between}.card-meta{color:#6f736e;white-space:nowrap;font-size:.68rem}.card-meta.is-over-limit{color:var(--coral);font-weight:800}.copy-button{width:auto;min-width:110px;min-height:36px}.favorite-button{cursor:pointer;min-width:36px;min-height:36px}.platform-row a{color:#454a45;border:1px solid var(--line);background:#f5f2ec;border-radius:3px;padding:.35rem .6rem;font-size:.72rem;font-weight:650;text-decoration:none}.platform-row a:hover{color:#fff;background:var(--blue);border-color:var(--blue)}.note{color:var(--ink);border-left:3px solid var(--coral);background:#fff6f0;border-radius:0 4px 4px 0;padding:.85rem 1rem;font-size:.92rem}code{background:#f1efeb;border-radius:3px;padding:.1rem .3rem;font-size:.9em}.hero--page{padding-top:2rem}.hero--page h1{font-size:clamp(2.1rem,4.4vw,3.6rem)}.breadcrumbs ol{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.35rem;margin:0 0 1rem;padding:0;font-size:.76rem;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";color:#b5b1a8;margin-right:.35rem}.breadcrumbs a{color:var(--blue)}.text-page .breadcrumbs ol{justify-content:flex-start}.hub{padding-top:3rem}.hub-label{color:var(--blue-dark);letter-spacing:.12em;text-transform:uppercase;margin:2rem 0 .8rem;font-size:.74rem}.link-grid,.link-list,.usage-grid,.type-grid{margin:0;padding:0;list-style:none}.link-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.link-list{gap:.6rem;display:grid}.link-card{border:1px solid var(--line);background:#fff;border-radius:6px;gap:.2rem;height:100%;padding:1rem;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.link-card:hover{border-color:var(--blue);transform:translateY(-1px)}.link-sample{color:var(--coral);white-space:nowrap;text-overflow:ellipsis;font:1.2rem/1.4 Georgia,serif;overflow:hidden}.link-card strong{color:var(--blue-dark)}.link-card span:last-child{color:var(--muted);font-size:.82rem}.hub-more{margin-top:1.5rem}.hub-more a{color:var(--blue);font-weight:800}.usage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.usage-grid li,.type-grid li{border:1px solid var(--line);background:#fff;border-radius:5px;padding:1.3rem}.usage-grid span{color:var(--coral);font-size:1.4rem}.usage-grid h3,.type-grid h3{color:var(--blue-dark);margin:.4rem 0 .3rem;font-size:1rem}.usage-grid p,.type-grid p{color:var(--muted);margin:0;font-size:.9rem}.tinted{border-block:1px solid var(--line);background:#f2f0ec}.check-list{gap:.7rem;padding:0;list-style:none;display:grid}.check-list li{border:1px solid var(--line);background:#fff;border-radius:4px;padding:.9rem 1rem}.type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.type-sample{color:var(--coral);font:1.5rem/1.3 Georgia,serif;display:block}.guide{padding-top:3rem}.guide-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.guide-aside{position:sticky;top:100px}.guide-aside h2{color:var(--blue-dark);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .8rem;font-size:.78rem}.prose{max-width:760px}.prose h1{text-align:left;margin:0 0 1.5rem;font-size:clamp(2.3rem,5vw,3.8rem)}.prose h2{color:var(--blue-dark);letter-spacing:-.02em;margin:2.4rem 0 .8rem;font:700 clamp(1.5rem,2.6vw,2rem)/1.15 Georgia,serif}.prose h2:first-child{margin-top:0}.prose p,.prose li{color:#3f443f;overflow-wrap:anywhere}.prose ul{padding-left:1.2rem}.prose li{margin-bottom:.45rem}.prose a{color:var(--blue)}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:5px;margin:1rem 0;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;font-size:.92rem}.table-wrap th,.table-wrap td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:.65rem .85rem}.table-wrap th{color:var(--blue-dark);letter-spacing:.06em;text-transform:uppercase;background:#faf9f6;font-size:.74rem}.table-wrap tr:last-child td{border-bottom:0}.contact-card{border:1px solid var(--line);background:#fff;border-radius:5px;gap:.2rem;max-width:420px;padding:1rem 1.2rem;display:grid}.contact-card span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.faq details p a{color:var(--blue)}.symbol-jump{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:1.4rem;display:flex}.symbol-jump a{color:var(--blue-dark);border:1px solid var(--line);background:#fff;border-radius:3px;padding:.35rem .6rem;font-size:.75rem;font-weight:700;text-decoration:none}.symbols{padding-top:2rem}.symbol-group{margin-bottom:2.6rem;scroll-margin-top:100px}.symbol-group h2{color:var(--blue-dark);margin:0 0 .3rem;font:700 1.5rem/1.2 Georgia,serif}.symbol-group>p{color:var(--muted);margin:0 0 .8rem}.symbol-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:.45rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.symbol-grid--wide{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.symbol-button{width:100%;min-height:52px;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:5px;padding:.4rem;font-size:1.35rem;transition:border-color .15s,background .15s}.symbol-grid--wide .symbol-button{font-size:1rem}.symbol-button:hover{border-color:var(--blue)}.symbol-button.is-copied{background:var(--lime);border-color:var(--blue)}.symbol-notes{margin-top:3rem}.footer-layout{align-items:flex-start}.footer-brand{flex:0 0 280px}.footer-cols{grid-template-columns:1fr 2fr 1fr;gap:2rem;display:grid}.footer-cols h2{color:var(--blue-dark);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .7rem;font-size:.72rem}.footer-cols ul{gap:.35rem;margin:0;padding:0;font-size:.88rem;list-style:none;display:grid}.footer-cols .footer-two-col{grid-template-columns:1fr 1fr;column-gap:1.2rem}.footer-cols a{color:var(--ink);text-decoration:none}.footer-cols a:hover{color:var(--coral);text-decoration:underline}.not-found{text-align:center}.not-found .shell{max-width:760px}.not-found-sample{color:var(--coral);font:2rem/1.2 Georgia,serif}.button-primary,.button-secondary{border-radius:4px;margin:.3rem;padding:.7rem 1.1rem;font-weight:800;text-decoration:none;display:inline-block}.button-primary{color:#fff;background:var(--blue)}.button-secondary{color:var(--blue-dark);border:1px solid var(--line);background:#fff}@media (width<=1080px){.link-grid,.type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-layout{flex-direction:column}.footer-brand{flex:none}}@media (width<=820px){.guide-layout{grid-template-columns:1fr}.guide-aside{position:static}.link-grid,.type-grid,.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-cols{grid-template-columns:1fr 1fr;width:100%}.footer-cols>div:nth-child(2){grid-area:1/1/auto/-1}}@media (width<=640px){.main-nav a{padding:.7rem .6rem;font-size:.9rem}.tool-options{width:100%}.option-field{flex:140px}.option-field select,.size-field input{width:100%}.category-bar{flex-direction:column;align-items:stretch;gap:.2rem}.favorites-filter{align-self:flex-start}.link-grid,.type-grid,.usage-grid{grid-template-columns:1fr}.card-actions{flex-wrap:wrap}}