ol.picksvg-numbered-steps li {
    list-style: none;
}

.picksvg-cta-box a.cta-button {
    display:inline-block;
    background:#ff6b6b;
    color:#fff;
    padding:14px 32px;
    border-radius:30px;
    text-decoration:none;
    font-weight:700;
    font-size:16px;
    margin-top:10px;
    transition:background .3s;
}

.picksvg-blog, .picksvg-blog p {
    font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,sans-serif;
    color:#333;
    line-height:1.85;
    max-width:100% !important;
    margin:0 auto;
    font-size:17px;
}

.picksvg-blog h2 {
    color:#1a1a2e;
    font-size:28px;
    margin:45px 0 15px;
    padding-bottom:10px;
    border-bottom:3px solid #ff6b6b;
    display:inline-block;
}

.picksvg-blog h3 {
    color:#16213e;
    font-size:22px;
    margin:30px 0 12px;
}

.picksvg-blog p {
    margin-bottom:18px;
}

.picksvg-blog a {
    color:#e84545;
    text-decoration:underline;
}

.picksvg-blog a:hover {
    color:#c23030;
}

.picksvg-toc {
    background:#fff5f5;
    border-left:4px solid #ff6b6b;
    padding:25px 30px;
    margin:30px 0;
    border-radius:0 8px 8px 0;
}

.picksvg-toc h3 {
    margin-top:0;
    font-size:20px;
    color:#1a1a2e;
}

.picksvg-toc ol {
    margin:0;
    padding-left:20px;
}

.picksvg-toc li {
    margin-bottom:8px;
}

.picksvg-toc a {
    color:#e84545;
    text-decoration:none;
    font-weight:500;
}

.picksvg-toc a:hover {
    text-decoration:underline;
}

.picksvg-step-box {
    background:#f8f9fa;
    border:1px solid #e0e0e0;
    border-radius:10px;
    padding:25px;
    margin:20px 0;
}

.picksvg-step-box h4 {
    color:#e84545;
    font-size:18px;
    margin:0 0 10px;
}

.picksvg-tip-box {
    background:#fff8e1;
    border-left:4px solid #ffb300;
    padding:18px 22px;
    margin:25px 0;
    border-radius:0 8px 8px 0;
}

.picksvg-tip-box strong {
    color:#e68a00;
}

.picksvg-warning-box {
    background:#fce4ec;
    border-left:4px solid #e53935;
    padding:18px 22px;
    margin:25px 0;
    border-radius:0 8px 8px 0;
}

.picksvg-warning-box strong {
    color:#c62828;
}

.picksvg-cta-box {
    background:linear-gradient(135deg,#2d1b4e,#4a2068);
    color:#fff;
    padding:30px;
    border-radius:12px;
    text-align:center;
    margin:35px 0;
}

.picksvg-cta-box h3 {
    color:#feca57;
    margin-top:0;
}

.picksvg-cta-box a.cta-button:hover {
    background:#e84545;
}

.picksvg-comparison-table {
    width:100%;
    border-collapse:collapse;
    margin:25px 0;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.picksvg-comparison-table th {
    background:#2d1b4e;
    color:#fff;
    padding:14px 18px;
    text-align:left;
    font-weight:600;
}

.picksvg-comparison-table td {
    padding:12px 18px;
    border-bottom:1px solid #eee;
}

.picksvg-comparison-table tr:nth-child(even) {
    background:#faf5ff;
}

.picksvg-comparison-table tr:hover {
    background:#f0e6ff;
}

.picksvg-faq-item {
    margin-bottom:22px;
    border-bottom:1px solid #eee;
    padding-bottom:18px;
}

.picksvg-faq-item h3 {
    font-size:19px;
    margin-bottom:8px;
    color:#1a1a2e;
}

.picksvg-key-takeaway {
    background:#e8f5e9;
    border-left:4px solid #43a047;
    padding:18px 22px;
    margin:25px 0;
    border-radius:0 8px 8px 0;
}

.picksvg-key-takeaway strong {
    color:#2e7d32;
}

.picksvg-numbered-steps {
    counter-reset:step-counter;
    list-style:none;
    padding:0;
    margin-left: 0px;
}

.picksvg-numbered-steps li {
    counter-increment:step-counter;
    padding:15px 15px 15px 65px;
    margin-bottom:12px;
    background:#f8f9fa;
    border-radius:8px;
    position:relative;
    min-height:40px;
}

.picksvg-numbered-steps li::before {
    content:counter(step-counter);
    position:absolute;
    left:15px;
    top:50%;
    transform:translateY(-50%);
    background:#ff6b6b;
    color:#fff;
    width:36px;
    height:36px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:16px;
    line-height:36px;
    text-align:center;
}

.picksvg-supply-list {
    background: #faf5ff;
    border: 2px dashed #9b59b6;
    border-radius: 10px;
    padding: 25px 30px;
    margin: 25px 0;
}

.picksvg-supply-list h4 {
    color: #7b2d8e;
    margin-top: 0;
    font-size: 18px;
}

.picksvg-supply-list ul {
    margin: 0;
    padding-left: 20px;
}

.picksvg-supply-list li {
    margin-bottom: 8px;
}

.picksvg-checklist {
    background:#f0f8ff;
    border:2px solid #4a90e2;
    border-radius:10px;
    padding:25px 30px;
    margin:25px 0;
}

.picksvg-checklist h4 {
    color:#2563eb;
    margin-top:0;
    font-size:18px;
}

.picksvg-checklist ul {
    margin:0;
    padding-left:20px;
}

.picksvg-checklist li {
    margin-bottom:8px;
}

.picksvg-project-card {
    background:#fff;
    border:2px solid #e0e0e0;
    border-radius:12px;
    padding:25px;
    margin:30px 0;
    box-shadow:0 2px 10px rgba(0,0,0,.05);
    border-left:5px solid #ff6b6b;
}

.picksvg-project-card h3 {
    color:#e84545;
    margin-top:0;
    font-size:24px;
}

.picksvg-difficulty-badge {
    display:inline-block;
    padding:6px 14px;
    border-radius:20px;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    margin-right:10px;
}

.picksvg-difficulty-easy {
    background:#d1fae5;
    color:#065f46;
}

.picksvg-difficulty-medium {
    background:#fef3c7;
    color:#92400e;
}

.picksvg-time-badge {
    display:inline-block;
    padding:6px 14px;
    border-radius:20px;
    font-size:13px;
    font-weight:600;
    background:#e0e7ff;
    color:#3730a3;
    margin-right:10px;
}

.picksvg-cost-badge {
    display:inline-block;
    padding:6px 14px;
    border-radius:20px;
    font-size:13px;
    font-weight:600;
    background:#fce7f3;
    color:#9f1239;
}

.picksvg-materials-box {
    background:#fef3c7;
    border-left:4px solid #f59e0b;
    padding:18px 22px;
    margin:20px 0;
    border-radius:0 8px 8px 0;
}

.picksvg-materials-box h4 {
    color:#92400e;
    margin-top:0;
    margin-bottom:12px;
}

.picksvg-supplies-list {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:10px;
    margin:15px 0;
}

.picksvg-supply-item {
    background:#fff;
    padding:10px 15px;
    border-radius:6px;
    border-left:3px solid #ff6b6b;
    font-size:15px;
}

.picksvg-problem-card {
    background:#fff;
    border:2px solid #e0e0e0;
    border-radius:12px;
    padding:25px;
    margin:25px 0;
    box-shadow:0 2px 10px rgba(0,0,0,.05);
    border-left:5px solid #ff6b6b;
}

.picksvg-problem-card h3 {
    color:#e84545;
    margin-top:0;
    font-size:22px;
    display:flex;
    align-items:center;
    gap:10px;
}

.picksvg-problem-card .problem-icon {
    font-size:28px;
}

.picksvg-solution-steps {
    background:#f0f8ff;
    border-left:4px solid #4a90e2;
    padding:20px 25px;
    margin:15px 0;
    border-radius:0 8px 8px 0;
}

.picksvg-solution-steps h4 {
    color:#2563eb;
    margin-top:0;
    margin-bottom:15px;
}

.picksvg-code-box {
    background:#1a1a2e;
    color:#00ff00;
    padding:15px 20px;
    border-radius:8px;
    font-family:'Courier New',monospace;
    font-size:14px;
    margin:15px 0;
    overflow-x:auto;
}

.picksvg-software-badge {
    display:inline-block;
    background:#ff6b6b;
    color:#fff;
    padding:4px 12px;
    border-radius:20px;
    font-size:13px;
    font-weight:600;
    margin-right:8px;
    margin-bottom:8px;
}

/* Additional components */

.picksvg-folder-structure {
    background:#f0f8ff;
    border:2px solid #4a90e2;
    border-radius:10px;
    padding:25px 30px;
    margin:25px 0;
    font-family:'Courier New',monospace;
    font-size:15px;
}

.picksvg-folder-structure h4 {
    color:#2563eb;
    margin-top:0;
    font-size:18px;
    font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,sans-serif;
}

.picksvg-folder-line {
    padding:3px 0;
    color:#1e40af;
}

.picksvg-folder-icon {
    color:#fbbf24;
    font-weight:700;
}

.picksvg-file-icon {
    color:#e84545;
}

.picksvg-tool-card {
    background:#fff;
    border:2px solid #e0e0e0;
    border-radius:12px;
    padding:20px 25px;
    margin:20px 0;
    box-shadow:0 2px 10px rgba(0,0,0,.05);
}

.picksvg-tool-card h4 {
    color:#2d1b4e;
    margin-top:0;
    font-size:20px;
    display:flex;
    align-items:center;
    gap:10px;
}

.picksvg-tool-badge {
    display:inline-block;
    padding:4px 12px;
    border-radius:20px;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
}

.picksvg-badge-free {
    background:#d1fae5;
    color:#065f46;
}

.picksvg-badge-paid {
    background:#ffd6cc;
    color:#c2410c;
}

.picksvg-badge-windows {
    background:#dbeafe;
    color:#1e40af;
}

.picksvg-badge-mac {
    background:#e0e7ff;
    color:#4338ca;
}

.picksvg-badge-both {
    background:#fae8ff;
    color:#7e22ce;
}


/* Additional components */

.picksvg-license-card {
    background:#fff;
    border:2px solid #e0e0e0;
    border-radius:12px;
    padding:20px 25px;
    margin:20px 0;
    box-shadow:0 2px 10px rgba(0,0,0,.05);
}

.picksvg-license-card h4 {
    color:#2d1b4e;
    margin-top:0;
    font-size:20px;
    display:flex;
    align-items:center;
    gap:10px;
}

.picksvg-license-card .license-badge {
    display:inline-block;
    padding:4px 12px;
    border-radius:20px;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
}

.picksvg-license-card .badge-personal {
    background:#ffd6cc;
    color:#c2410c;
}

.picksvg-license-card .badge-commercial {
    background:#d1fae5;
    color:#065f46;
}

.picksvg-license-card .badge-extended {
    background:#ddd6fe;
    color:#5b21b6;
}


/* Additional components - blog-post variant */

.picksvg-blog-post {
    max-width:900px;
    margin:60px auto;
    padding:0 20px;
    font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
    line-height:1.8;
    color:#2c2c2c;
    font-size:17px;
}

.picksvg-blog-post h1 {
    font-size:40px;
    margin-bottom:20px;
    line-height:1.2;
}

.picksvg-blog-post h2 {
    font-size:32px;
    margin:70px 0 20px;
    position:relative;
}

.picksvg-blog-post h2::after {
    content:"";
    width:60px;
    height:4px;
    background:#f7444e;
    display:block;
    margin-top:12px;
    border-radius:2px;
}

.picksvg-blog-post h3 {
    font-size:22px;
    margin:40px 0 10px;
}

.picksvg-blog-post p {
    margin-bottom:20px;
}

.picksvg-blog-post a {
    color:#f7444e;
    font-weight:500;
    text-decoration:none;
    transition:.3s;
}

.picksvg-blog-post a:hover {
    text-decoration:underline;
    opacity:.85;
}

.picksvg-blog-post ul {
    padding-left:22px;
    margin-bottom:25px;
}

.picksvg-blog-post li {
    margin-bottom:8px;
}

.tip-box,.promo-box,.design-box,.cta-box {
    border-radius:14px;
    padding:28px;
    margin:50px 0;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.tip-box {
    background:linear-gradient(135deg,#111827,#1f2937);
    color:#f3f4f6;
}

.tip-box strong {
    color:#f7444e;
}

.promo-box {
    background:#f0f7e4;
    border:1px solid #d6e8b4;
}

.design-box {
    background:linear-gradient(135deg,#1a1a2e,#2d2d4e);
    color:#fff;
}

.cta-box {
    background:#f0f7e4;
    border:2px solid #f7444e;
    text-align:center;
}

.cta-box a {
    display:inline-block;
    background:#f7444e;
    color:#fff;
    padding:12px 24px;
    border-radius:8px;
    margin-top:15px;
    font-weight:600;
}

.cta-box a:hover {
    opacity:.85;
}

h2#faq {
    color:#1a1a2e;
    font-size:28px;
    margin:45px 0 15px;
    padding-bottom:0;
    border-bottom:3px solid #ff6b6b;
    display:inline-block;
}

.picksvg-blog-post h2#faq:after {
    display:none;
}

.faq-item {
    margin-bottom:22px;
    border-bottom:1px solid #eee;
    padding-bottom:18px;
}

.faq-item:hover {
    transform:translateY(-2px);
}

.faq-item h3 {
    font-size:18px;
    margin-bottom:10px;
}

@media(max-width:768px) {
    .picksvg-blog-post {
        font-size:16px;
    }
    .picksvg-blog-post h1 {
        font-size:30px;
    }
    .picksvg-blog-post h2 {
        font-size:24px;
    }
}
/* ==========================================================================
   Page chrome for single.php and category.php.
   Everything above this line is unchanged — those are content-embed
   component classes used *inside* post_content, not page chrome. This
   section is new: post meta, the post-card grid, category intro, and
   pagination. Colors/spacing pull from the theme's real tokens (:root in
   global.css), not the legacy palette used by the content-embed classes
   above, since this is site chrome rather than authored article content.
   ========================================================================== */

/* ---------- single post meta row ---------- */
.blog-post__meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  margin-top:var(--sp4);font-size:var(--t-sm);color:var(--slate)}
.blog-post__avatar{border-radius:var(--r-full);width:32px;height:32px;flex-shrink:0}
.blog-post__author{font-weight:600;color:var(--ink)}
.blog-post__dot{color:var(--mute)}

/* ---------- featured image ---------- */
.blog-post__media{padding:var(--sp5) 0}
.blog-post__img{width:100%;height:auto;border-radius:var(--r-lg);border:1px solid var(--line);
  display:block;max-height:520px;object-fit:cover}

/* ---------- article body ----------
   Scoped rather than editing the shared .prose class — same reasoning as
   .psv-overview-prose on the product page: page.php's short policy pages
   and the shop's About block both use plain .prose and shouldn't inherit
   this larger, more elaborate heading treatment. */
h2#blog-related-h {
    margin-bottom: var(--sp4);
}
.blog-prose{font-size:1rem;line-height:1.8;color:var(--slate);max-width: 100%;}
.blog-prose > *:first-child{margin-top:0}
.blog-prose p{margin-bottom:var(--sp4)}
.blog-prose h2{font-family:var(--f-display);font-weight:700;font-size:1.55rem;line-height:1.3;
  color:var(--ink);letter-spacing:-.01em;margin:var(--sp7) 0 var(--sp3);
  padding-top:var(--sp6);border-top:1px solid var(--line-2);scroll-margin-top:100px}
.blog-prose h2:first-of-type{margin-top:var(--sp5);padding-top:var(--sp5)}
.blog-prose h3{font-family:var(--f-display);font-weight:600;font-size:1.15rem;line-height:1.4;
  color:var(--ink);margin:var(--sp6) 0 10px;scroll-margin-top:100px}
.blog-prose strong{color:var(--ink);font-weight:600}
.blog-prose a{color:var(--action);font-weight:500;text-decoration:underline;text-underline-offset:2px}
.blog-prose a:hover{color:var(--action-h)}
.blog-prose ul,.blog-prose ol{margin:var(--sp2) 0 var(--sp4);padding-left:22px;display:grid;gap:8px}
.blog-prose li{font-size:1rem}
.blog-prose li::marker{color:var(--action)}
.blog-prose img{max-width:100%;height:auto;border-radius:var(--r);margin:var(--sp3) 0}
.blog-prose blockquote{margin:var(--sp5) 0;padding:var(--sp4) var(--sp5);border-left:3px solid var(--action);
  background:var(--cream);border-radius:0 var(--r) var(--r) 0;color:var(--ink);font-style:italic}
.blog-prose table{width:100%;border-collapse:collapse;margin:var(--sp4) 0;font-size:var(--t-sm)}
.blog-prose th,.blog-prose td{padding:9px 12px;border:1px solid var(--line-2);text-align:left}
.blog-prose thead th{background:var(--cream);font-weight:600;color:var(--ink)}

/* ---------- tags ---------- */
.blog-post__tags{display:flex;flex-wrap:wrap;gap:8px;margin:var(--sp6) 0}

/* ---------- author bio ---------- */
.blog-author{margin-top:var(--sp6)}
.blog-author__body{display:flex;gap:var(--sp4);align-items:flex-start}
.blog-author__avatar{border-radius:var(--r-full);flex-shrink:0}
.blog-author__label{font-size:var(--t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--mute);margin-bottom:2px}
.blog-author__name{font-family:var(--f-display);font-weight:600;font-size:var(--t-lg);color:var(--ink);
  margin-bottom:4px}
.blog-author__bio{font-size:var(--t-sm);color:var(--slate);line-height:1.6;margin:0}

/* ---------- related posts / archive grid: shared .pcard component ---------- */
.blog-related{margin-top:var(--sp7)}
.pcard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp5)}
.pcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;text-decoration:none;transition:border-color .15s,transform .15s}
.pcard:hover{border-color:var(--ink);transform:translateY(-2px)}
.pcard__media{position:relative;aspect-ratio:16/10;background:var(--cream);overflow:hidden}
.pcard__media img{width:100%;height:100%;object-fit:cover}
.pcard__ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--mute)}
.pcard__ph svg{width:34%;height:34%}
.pcard__chip{position:absolute;top:10px;left:10px;font-size:var(--t-xs);font-weight:600;
  color:#fff;background:rgba(6,41,58,.72);backdrop-filter:blur(2px);
  border-radius:var(--r-full);padding:4px 11px}
.pcard__body{padding:var(--sp4);display:flex;flex-direction:column;gap:8px;flex:1}
.pcard__title{font-family:var(--f-body);font-size:var(--t-lg);font-weight:600;color:var(--ink);
  line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcard__excerpt{font-size:var(--t-sm);color:var(--slate);line-height:1.55;margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcard__meta{display:flex;align-items:center;gap:6px;font-size:var(--t-xs);color:var(--mute);
  margin-top:auto;padding-top:4px}

/* ---------- category archive header ---------- */
.blog-cat-intro{max-width:74ch;font-size:1rem;line-height:1.75;color:var(--slate);margin:var(--sp3) 0 var(--sp4)}
.blog-cat-intro > *:last-child{margin-bottom:0}
.blog-cat-intro p{margin-bottom:var(--sp3)}
.blog-cat-intro a{color:var(--action);text-decoration:underline}

.blog-archive-wrap{max-width:var(--w);margin:0 auto;padding:0 var(--gut) var(--sp9)}

.blog-post .docs{display:grid;grid-template-columns:250px minmax(0,1fr);gap:var(--sp8);align-items:start}
.blog-post .docs__main{min-width:0}
.picksvg-cta-box p,.picksvg-cta-box h3 {
    color: #fff;
}

/* ---------- pagination ----------
   Styles paginate_links()'s real core classes (.page-numbers, .current,
   .dots, .prev, .next) directly, wrapped in the site's .pg nav — same
   visual result as the shop's AJAX pagination without rewriting core's
   trusted markup. */
.pg{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:var(--sp7)}
.pg .page-numbers{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;
  padding:0 14px;border:1.5px solid var(--line);border-radius:var(--r-full);text-decoration:none;
  font-size:var(--t-md);font-weight:500;color:var(--ink)}
.pg .page-numbers:hover{border-color:var(--ink)}
.pg .current{background:var(--ink);color:#fff;border-color:var(--ink)}
.pg .dots{border:none;color:var(--mute);min-width:auto;padding:0 4px}

.blog-comments{margin-top:0}
.blog-comments .comments-title,
.blog-comments #reply-title{font-family:var(--f-display);font-size:var(--h2);color:var(--ink);
  margin-bottom:var(--sp5)}
.blog-comments #reply-title small{display:block;font-family:var(--f-body);font-size:var(--t-sm);
  font-weight:400;color:var(--slate);margin-top:6px}
.blog-comments #reply-title small a{color:var(--action)}

/* --- comment list --- */
.blog-comments .comment-list{list-style:none;margin:0 0 var(--sp7);padding:0}
.blog-comments .comment-list .children{list-style:none;margin:0;padding-left:var(--sp6)}
.blog-comments .comment{padding:var(--sp5) 0;border-top:1px solid var(--line-2)}
.blog-comments .comment-list > .comment:first-child{border-top:none;padding-top:0}
.blog-comments .comment-body{display:flex;gap:var(--sp4)}
.blog-comments .comment-author .avatar{border-radius:var(--r-full);width:44px;height:44px;flex-shrink:0}
.blog-comments .comment-author cite{font-style:normal;font-weight:600;color:var(--ink);font-size:var(--t-md)}
.blog-comments .comment-metadata{font-size:var(--t-sm);color:var(--mute);margin-bottom:8px}
.blog-comments .comment-metadata a{color:inherit;text-decoration:none}
.blog-comments .comment-metadata a:hover{text-decoration:underline}
.blog-comments .comment-content p{font-size:var(--t-md);color:var(--slate);line-height:1.7;margin-bottom:8px}
.blog-comments .comment-content p:last-child{margin-bottom:0}
.blog-comments .comment-awaiting-moderation{display:inline-block;font-size:var(--t-sm);font-style:italic;
  color:var(--action);background:var(--coral-tint);border-radius:var(--r-sm);padding:6px 12px;margin-top:8px}
.blog-comments .reply{margin-top:8px}
.blog-comments .comment-reply-link{display:inline-flex;align-items:center;font-size:var(--t-sm);
  font-weight:600;color:var(--action);text-decoration:none}
.blog-comments .comment-reply-link:hover{text-decoration:underline}

/* --- comment form --- */
.blog-comments #respond{padding-top:var(--sp6);border-top:1px solid var(--line-2)}
.blog-comments .comment-list + #respond{border-top:none;padding-top:0}
.blog-comments .comment-notes,
.blog-comments .logged-in-as{font-size:var(--t-sm);color:var(--slate);margin-bottom:var(--sp4)}
.blog-comments .logged-in-as a{color:var(--action)}
.blog-comments .comment-form p{margin-bottom:var(--sp4)}
.blog-comments .comment-form label{display:block;font-size:var(--t-sm);font-weight:600;color:var(--ink);
  margin-bottom:6px}
.blog-comments .comment-form input[type="text"],
.blog-comments .comment-form input[type="email"],
.blog-comments .comment-form input[type="url"],
.blog-comments .comment-form textarea{width:100%;font:inherit;font-size:var(--t-md);color:var(--ink);
  background:#fff;border:1.5px solid var(--line);border-radius:var(--r-sm);
  padding:12px 14px;min-height:46px}
.blog-comments .comment-form textarea{min-height:140px;resize:vertical}
.blog-comments .comment-form input:focus,
.blog-comments .comment-form textarea:focus{outline:none;border-color:var(--ink)}
.blog-comments .comment-form-cookies-consent{display:flex;align-items:center;gap:8px}
.blog-comments .comment-form-cookies-consent input{width:17px;height:17px;accent-color:var(--action);
  margin:0;min-height:0}
.blog-comments .comment-form-cookies-consent label{margin:0;font-weight:400;color:var(--slate)}
.blog-comments .form-submit{margin-bottom:0}
.blog-comments .form-submit input[type="submit"]{background:var(--action);color:#fff;
  border:1.5px solid var(--action);border-radius:var(--r-full);padding:13px 28px;
  font:inherit;font-size:var(--t-md);font-weight:600;cursor:pointer;transition:background .15s}
.blog-comments .form-submit input[type="submit"]:hover{background:var(--action-h)}

@media (max-width:640px){
  .blog-comments .comment-body{gap:var(--sp3)}
  .blog-comments .comment-author .avatar{width:36px;height:36px}
  .blog-comments .comment-list .children{padding-left:var(--sp4)}
}

@media (max-width:960px){
  .pcard-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .pcard-grid{grid-template-columns:1fr}
  .blog-author__body{flex-direction:column}
  .blog-prose h2{font-size:1.3rem}
  .blog-post__img{max-height:280px}
}