:root{--text:#191919;--muted:#656565;--bg:#fff;--soft:#f7f7f7;--hover:#f2f2f2;--border:#d8d8d8;--max:1280px;--read:760px}
*{box-sizing:border-box}
.blog-home-hero{padding-bottom:32px}
.blog-category-directory{margin-top:48px}
.blog-category-link small{display:block;margin-top:12px;color:var(--text);font-size:13px;font-weight:600}
.blog-category-link[data-blog-category="image"]{--category-icon:url('/assets/icons/image.svg')}
.blog-category-link[data-blog-category="pdf"]{--category-icon:url('/assets/icons/file-text.svg')}
.blog-category-link[data-blog-category="text"]{--category-icon:url('/assets/icons/type.svg')}
.blog-category-link[data-blog-category="developer"]{--category-icon:url('/assets/icons/code-xml.svg')}
.blog-category-link[data-blog-category="design"]{--category-icon:url('/assets/icons/palette.svg')}
.blog-category-link[data-blog-category="generator"]{--category-icon:url('/assets/icons/wand-sparkles.svg')}
.blog-category-link[data-blog-category="calculator"]{--category-icon:url('/assets/icons/calculator.svg')}
.blog-category-link[data-blog-category="converter"]{--category-icon:url('/assets/icons/arrow-left-right.svg')}
.blog-category-link[data-blog-category="web"]{--category-icon:url('/assets/icons/globe.svg')}
.blog-category-link[data-blog-category="media"]{--category-icon:url('/assets/icons/clapperboard.svg')}
.blog-category-hero::before{content:"";display:block;width:32px;height:32px;margin-bottom:24px;background:var(--ink);mask:var(--blog-category-icon,url('/assets/icons/file-text.svg')) center/contain no-repeat}
.blog-category-hero[data-blog-category="image"]{--blog-category-icon:url('/assets/icons/image.svg')}
.blog-category-hero[data-blog-category="pdf"]{--blog-category-icon:url('/assets/icons/file-text.svg')}
.blog-category-hero[data-blog-category="text"]{--blog-category-icon:url('/assets/icons/type.svg')}
.blog-category-hero[data-blog-category="developer"]{--blog-category-icon:url('/assets/icons/code-xml.svg')}
.blog-category-hero[data-blog-category="design"]{--blog-category-icon:url('/assets/icons/palette.svg')}
.blog-category-hero[data-blog-category="generator"]{--blog-category-icon:url('/assets/icons/wand-sparkles.svg')}
.blog-category-hero[data-blog-category="calculator"]{--blog-category-icon:url('/assets/icons/calculator.svg')}
.blog-category-hero[data-blog-category="converter"]{--blog-category-icon:url('/assets/icons/arrow-left-right.svg')}
.blog-category-hero[data-blog-category="web"]{--blog-category-icon:url('/assets/icons/globe.svg')}
.blog-category-hero[data-blog-category="media"]{--blog-category-icon:url('/assets/icons/clapperboard.svg')}
.blog-guide-card[data-blog-category="image"]{--category-icon:url('/assets/icons/image.svg')}
.blog-guide-card[data-blog-category="pdf"]{--category-icon:url('/assets/icons/file-text.svg')}
.blog-guide-card[data-blog-category="text"]{--category-icon:url('/assets/icons/type.svg')}
.blog-guide-card[data-blog-category="developer"]{--category-icon:url('/assets/icons/code-xml.svg')}
.blog-guide-card[data-blog-category="design"]{--category-icon:url('/assets/icons/palette.svg')}
.blog-guide-card[data-blog-category="generator"]{--category-icon:url('/assets/icons/wand-sparkles.svg')}
.blog-guide-card[data-blog-category="calculator"]{--category-icon:url('/assets/icons/calculator.svg')}
.blog-guide-card[data-blog-category="converter"]{--category-icon:url('/assets/icons/arrow-left-right.svg')}
.blog-guide-card[data-blog-category="web"]{--category-icon:url('/assets/icons/globe.svg')}
.blog-guide-card[data-blog-category="media"]{--category-icon:url('/assets/icons/clapperboard.svg')}
.blog-guide-card::before{mask-image:var(--category-icon,url('/assets/icons/file-text.svg'))}
.tp-blog-main{padding:40px 0 32px}
.tp-article{width:min(var(--read),calc(100% - 40px));margin:0 auto}
.tp-article{--blog-article-icon:url('/assets/icons/file-text.svg')}
.tp-article[data-blog-category="image"]{--blog-article-icon:url('/assets/icons/image.svg')}
.tp-article[data-blog-category="pdf"]{--blog-article-icon:url('/assets/icons/file-text.svg')}
.tp-article[data-blog-category="text"]{--blog-article-icon:url('/assets/icons/type.svg')}
.tp-article[data-blog-category="developer"]{--blog-article-icon:url('/assets/icons/code-xml.svg')}
.tp-article[data-blog-category="design"]{--blog-article-icon:url('/assets/icons/palette.svg')}
.tp-article[data-blog-category="generator"]{--blog-article-icon:url('/assets/icons/wand-sparkles.svg')}
.tp-article[data-blog-category="calculator"]{--blog-article-icon:url('/assets/icons/calculator.svg')}
.tp-article[data-blog-category="converter"]{--blog-article-icon:url('/assets/icons/arrow-left-right.svg')}
.tp-article[data-blog-category="web"]{--blog-article-icon:url('/assets/icons/globe.svg')}
.tp-article[data-blog-category="media"]{--blog-article-icon:url('/assets/icons/clapperboard.svg')}
.tp-breadcrumb{color:var(--muted);font-size:14px}
.tp-article .tp-breadcrumb ol{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 32px}
.tp-article .tp-breadcrumb li{display:inline-flex;align-items:baseline;gap:8px;margin:0;font-size:14px;line-height:1.5}
.tp-article .tp-breadcrumb li+li::before{content:"/";margin:0;color:var(--muted)}
.tp-article .tp-breadcrumb li::after{content:none}
.tp-article>header::before{content:"";display:block;width:32px;height:32px;margin-bottom:24px;background:var(--ink,var(--text));mask:var(--blog-article-icon) center/contain no-repeat}
.tp-article .article-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px!important;line-height:1.5!important;font-weight:600;margin:0 0 20px}
.tp-article .article-label svg{display:none}
.tp-article[data-blog-category] h1{max-width:25ch;font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-.045em;margin:0 0 24px;text-wrap:balance}
.tp-article[data-blog-category] .lead{font-size:18px;line-height:1.6;color:var(--muted);margin:0 0 24px}
.tp-article .tp-primary{max-width:100%;text-align:center;font-size:16px;line-height:1.5}
.tp-article .tp-primary svg{display:none}
.tp-article .tp-primary::after{content:"";display:inline-block;flex:none;width:18px;height:18px;background:currentColor;mask:url('/assets/icons/arrow-up-right.svg') center/contain no-repeat}
.tp-article a:not(.tp-primary):not(.tp-secondary){text-underline-offset:4px}
.tp-article h2{font-size:clamp(28px,3vw,36px);line-height:1.2;letter-spacing:-.03em;margin:64px 0 16px}
.tp-article h3{font-size:19px;line-height:1.35;letter-spacing:-.015em;margin:32px 0 12px}
.tp-article p,.tp-article li{font-size:16px;line-height:1.6}
.tp-article ul,.tp-article ol{padding-left:24px}
.tp-article li+li{margin-top:10px}
.tp-article section{scroll-margin-top:24px}
.tp-article .tp-callout{background:var(--soft);border-radius:20px;padding:24px;margin:32px 0}
.tp-article .tp-callout::before{content:"";display:block;width:24px;height:24px;margin-bottom:16px;background:var(--ink,var(--text));mask:var(--blog-article-icon) center/contain no-repeat}
.formula{font-size:clamp(20px,4vw,27px)!important;font-weight:600;line-height:1.4!important;letter-spacing:-.02em;overflow-wrap:anywhere}
.data-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:16px;line-height:1.6}
.data-table th,.data-table td{text-align:left;padding:12px;vertical-align:top}
.data-table thead,.data-table tbody tr:nth-child(even){background:var(--soft)}
.tp-primary,.tp-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 20px;border-radius:20rem;text-decoration:none;font-weight:600;transition:background .18s ease,border-color .18s ease}
.tp-primary{background:#191919;color:#fff;border:1px solid #191919}
.tp-primary:hover{background:#2a2a2a}
.tp-secondary{background:#fff;color:#191919;border:1px solid var(--border)}
.tp-secondary:hover{background:var(--hover);border-color:#b5b5b5}
.tp-blog-image{width:100%;height:auto;border-radius:24px;display:block;margin:34px 0}
:focus-visible{outline:2px solid #191919;outline-offset:3px}
@media(max-width:600px){.blog-category-directory{margin-top:32px}.tp-blog-main{padding-top:24px}.tp-article{width:min(100% - 40px,var(--read));min-width:0}.tp-article[data-blog-category] h1{font-size:clamp(34px,8vw,42px);line-height:1.08}.tp-article[data-blog-category] .lead{font-size:17px}.tp-article h2{font-size:28px;margin-top:48px}.tp-article .tp-callout{padding:20px}.data-table{display:block;max-width:100%;overflow-x:auto;font-size:15px}.data-table th,.data-table td{padding:12px 8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}