/*
Theme Name: ThinkAllo Blog
Theme URI: https://thinkallo.com/blog/
Author: ThinkAllo
Description: Blog-only theme aligned with the ThinkAllo static corporate site.
Version: 1.1.1
Requires at least: 7.0
Requires PHP: 7.4
Text Domain: thinkallo-blog
*/

body.admin-bar .header{top:32px}
.wp-blog-main{min-height:60vh}
.wp-blog-results{margin-top:42px}
.wp-blog-empty{border:1px solid var(--line);padding:38px;background:#fff}
.wp-blog-pagination{display:flex;justify-content:center;gap:8px;margin-top:48px;flex-wrap:wrap}
.wp-blog-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;border:1px solid var(--line);border-radius:999px;padding:0 14px;font-size:13px;font-weight:700;background:#fff}
.wp-blog-pagination .current{background:var(--ink);border-color:var(--ink);color:#fff}
.wp-blog-card-excerpt{font-size:13px;line-height:1.8;color:var(--muted);margin:10px 0 0}
.wp-blog-legacy .cat{background:var(--shu);color:#fff}
.wp-blog-thumb-image{width:100%;height:100%;object-fit:cover;display:block}
.article .wp-block-image img,.article img{max-width:100%;height:auto}
.article figure{margin:34px 0}
.article figcaption{font-size:12px;color:var(--muted);margin-top:8px;text-align:center}
.article blockquote{border-left:3px solid var(--ai);padding:12px 0 12px 24px;margin:32px 0;color:var(--muted)}
.article pre{overflow:auto;padding:20px;background:#17191e;color:#fff;border-radius:8px;font-size:13px}
.article code{overflow-wrap:anywhere}
.wp-blog-eyecatch img{width:100%;height:auto;display:block;border-radius:8px}
.wp-blog-eyecatch{margin:30px 0 42px}
.entry-content{font-size:16px;line-height:2;color:#30333a}
.entry-content>p{margin:0 0 28px}
.entry-content h2{scroll-margin-top:110px;margin-top:76px;padding:0 0 16px;border-bottom:2px solid var(--ink);font-size:clamp(25px,3vw,34px);line-height:1.5}
.entry-content h3{scroll-margin-top:110px;margin-top:48px;padding-left:17px;border-left:4px solid var(--ai);font-size:clamp(20px,2.3vw,25px);line-height:1.55}
.entry-content ul,.entry-content ol{margin:22px 0 32px;padding-left:1.5em}
.entry-content li{margin:9px 0}
.entry-content a{color:var(--ai);text-decoration:underline;text-underline-offset:3px}
.ta-lead{font-size:19px;line-height:2;background:linear-gradient(135deg,#f7f4ec,#fff);border-left:5px solid var(--shu);padding:26px 30px;margin-bottom:30px!important}
.ta-box-label{font-size:13px!important;line-height:1.4!important;font-weight:800;letter-spacing:.12em;color:var(--ai);text-transform:uppercase;margin:0 0 14px!important}
.ta-key-points,.ta-toc,.ta-callout,.ta-author-box{margin:34px 0;padding:28px 32px;border:1px solid var(--line);background:#fff}
.ta-key-points{border-top:4px solid var(--ai);box-shadow:0 12px 34px rgba(29,31,36,.06)}
.ta-key-points ul{margin:0;padding-left:1.3em}
.ta-toc{background:#f7f4ec;border-radius:10px}
.ta-toc ol{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 32px;counter-reset:toc}
.ta-toc li{margin:0;line-height:1.65}
.ta-toc a{color:var(--ink);text-decoration:none}
.ta-toc a:hover{color:var(--ai);text-decoration:underline}
.ta-figure-wide{margin:44px -80px!important}
.ta-figure-wide img{width:calc(100% + 0px);border:1px solid var(--line);border-radius:12px!important;background:#fff}
.ta-figure-wide>a{display:block;cursor:zoom-in;text-decoration:none}
.ta-table-wrap{overflow-x:auto;margin:30px 0 42px;border:1px solid var(--line);border-radius:10px;background:#fff}
.ta-comparison-table{width:100%;min-width:760px;border-collapse:collapse;font-size:14px;line-height:1.7}
.ta-comparison-table th,.ta-comparison-table td{padding:17px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
.ta-comparison-table thead th{background:var(--ink);color:#fff;font-weight:700}
.ta-comparison-table tbody th{background:#eef2fb;color:var(--ai);white-space:nowrap}
.ta-comparison-table tr:last-child>*{border-bottom:0}
.ta-comparison-table tr>*:last-child{border-right:0}
.ta-process-card{display:grid;gap:0;margin:24px 0 32px;border:1px solid #d8dfef;border-radius:10px;overflow:hidden;background:#f7f9fd}
.ta-process-card p{margin:0!important;padding:14px 20px;border-bottom:1px solid #d8dfef}
.ta-process-card p:last-child{border-bottom:0}
.ta-callout{border-radius:10px}
.ta-callout p:last-child{margin-bottom:0}
.ta-callout-warning{background:#fff5f1;border-color:#efc8bf;border-left:5px solid var(--shu)}
.ta-callout-warning .ta-box-label{color:var(--shu)}
.ta-callout-blue{background:#eef2fb;border-color:#c8d5ef;border-left:5px solid var(--ai)}
.ta-score-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:28px 0 32px}
.ta-score-grid>div{position:relative;padding:25px 24px 22px 72px;border:1px solid var(--line);border-radius:10px;background:#fff}
.ta-score-grid span{position:absolute;left:22px;top:24px;color:var(--shu);font-family:Inter,sans-serif;font-size:13px;font-weight:800}
.ta-score-grid strong{display:block;font-size:21px;margin-bottom:6px}
.ta-score-grid p{font-size:14px;line-height:1.75;margin:0}
.ta-checklist{list-style:none;padding:0!important;margin:25px 0 34px!important}
.ta-checklist li{position:relative;padding:14px 18px 14px 50px;margin:0!important;border-bottom:1px solid var(--line);background:#fff}
.ta-checklist li:before{content:"✓";position:absolute;left:19px;top:13px;color:var(--ai);font-weight:900}
.ta-checklist-stop li:before{content:"!";display:flex;align-items:center;justify-content:center;width:20px;height:20px;top:15px;border-radius:50%;background:var(--shu);color:#fff;font-size:13px}
.ta-faq{margin:28px 0 42px;border-top:1px solid var(--line)}
.ta-faq details{border-bottom:1px solid var(--line);background:#fff}
.ta-faq summary{position:relative;cursor:pointer;padding:22px 54px 22px 48px;font-weight:700;line-height:1.7;list-style:none}
.ta-faq summary::-webkit-details-marker{display:none}
.ta-faq summary:before{content:"Q";position:absolute;left:16px;top:19px;color:var(--ai);font-family:Inter,sans-serif;font-size:18px;font-weight:800}
.ta-faq summary:after{content:"＋";position:absolute;right:18px;top:20px;color:var(--muted)}
.ta-faq details[open] summary:after{content:"−"}
.ta-faq details p{position:relative;margin:0;padding:0 28px 24px 48px;color:var(--muted)}
.ta-faq details p:before{content:"A";position:absolute;left:16px;top:0;color:var(--shu);font-family:Inter,sans-serif;font-weight:800}
.ta-author-box{margin-top:64px;border-top:4px solid var(--ink);background:#f7f4ec}
.ta-author-box p{margin:8px 0}
.ta-author-box strong{font-size:20px}
.wp-blog-taxonomy{display:flex;gap:8px;flex-wrap:wrap;margin-top:38px;padding-top:24px;border-top:1px solid var(--line)}
.wp-blog-taxonomy a{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:7px 12px;background:#fff}
.wp-blog-admin-note{font-size:12px;color:var(--muted);margin-top:22px}
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:782px){body.admin-bar .header{top:46px}}
@media(max-width:768px){.wp-blog-results{margin-top:30px}.wp-blog-empty{padding:26px 22px}.wp-blog-card-excerpt{font-size:12.5px}.entry-content{font-size:15px;line-height:1.95}.entry-content h2{margin-top:58px;font-size:24px}.entry-content h3{margin-top:38px;font-size:20px}.ta-lead{font-size:16px;padding:20px}.ta-key-points,.ta-toc,.ta-callout,.ta-author-box{padding:22px 20px}.ta-toc ol{grid-template-columns:1fr;padding-left:1.3em}.ta-figure-wide{margin:34px 0!important}.ta-score-grid{grid-template-columns:1fr}.ta-score-grid>div{padding-left:66px}.ta-table-wrap{margin-right:-18px}.wp-blog-eyecatch{margin:24px 0 32px}.ta-faq summary{padding-left:44px;padding-right:42px}.ta-faq details p{padding-left:44px;padding-right:16px}}
