/*
Theme Name: Directopia
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@600;700;800&family=Manrope:wght@400;600;700;800&display=swap');
@import url('assets/css/style.css');

.pagination{margin-top:36px}
.pagination ul.page-numbers{display:flex;gap:8px;flex-wrap:wrap;align-items:center;list-style:none;padding:0;margin:0;border:0;height:auto;min-width:0;background:transparent}
.pagination a.page-numbers,.pagination span.page-numbers{display:grid;place-items:center;min-width:44px;height:44px;padding:0 14px;border:2px solid var(--ink);border-radius:99px;font-weight:800;background:#fff;color:var(--ink)}
.pagination a.prev,.pagination a.next{padding:0 18px}
.pagination span.page-numbers.current,.pagination a.page-numbers:hover{background:var(--ink);color:#fff}
.pagination span.page-numbers.dots{min-width:28px;border:0;background:transparent;color:var(--muted)}
.sidebar-card{align-self:start}
.btn-outline{background:transparent}
.ph-initials{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--mist);font-weight:800;font-size:1.2rem}
.article--wide{max-width:none}
.feat-grid img{width:22px;height:22px;object-fit:contain}
.comments{margin-top:48px}
.comment-list{list-style:none;margin:0 0 28px;padding:0}
.comment-list .children{list-style:none;margin:0;padding-left:28px}
.comment-list .comment{padding:18px 0;border-top:1px solid var(--line)}
.comment-meta{font-size:.92rem;color:var(--muted);margin-bottom:8px}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{width:100%;padding:14px 20px;border:2px solid var(--ink);border-radius:99px;background:#fff;font:inherit;color:var(--ink)}
.comment-form textarea{border-radius:var(--r-m);min-height:160px;resize:vertical}
.comment-form .form-submit{margin-top:16px}
.comment-form .submit{display:inline-flex;align-items:center;padding:14px 26px;border:0;border-radius:99px;background:var(--ink);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.comment-form .submit:hover{background:var(--brand)}