/*!
 * File: article.css
 * Purpose: vonaの新投稿
 * Load: 条件付きで enqueue（functions.php で is_page() 等）
 * Note: 新規記事で使用
 */
.pillar-article{--brand:#c21f6a;--text:#222;--muted:#666;--card:#fafafa;--radius:12px;--gap:24px;--anchor-offset:80px;font-size:1.0625rem;line-height:1.9;color:var(--text)}.article-table-contents{position:relative;margin:0 0 20px;padding-top:1.75rem;display:flex;justify-content:center}.article-table-contents:before{content:"目次";position:absolute;inset:0 auto auto 0;width:100%;text-align:center;font-size:1.2rem;font-weight:700;letter-spacing:.06em;color:#666;display:block;transform:translateY(-.25rem)}.article-table-contents ol{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin:0;padding:0;list-style:decimal}.article-table-contents li{margin-left:1.2em}.article-table-contents a{color:var(--brand,#d33);font-weight:600;text-decoration:underline;text-underline-offset:.2em}.article-table-contents a:hover,.article-table-contents a:focus{color:#a61a5b;outline:none}@media (max-width:640px){.article-table-contents:before{font-size:.9rem}.article-table-contents ol{gap:.6rem 1rem}}.pillar-article section{margin-bottom:30px}.pillar-article .article-header{text-align:center;display:grid;place-items:center;margin-bottom:20px}.pillar-article .article-title{margin:0}.pillar-article .note,.pillar-article .tips{background:#fff6fa;border-left:4px solid var(--brand);padding:12px 14px;border-radius:8px;color:#553;font-size:.95rem}.pillar-article .article-table-contents{display:flex;justify-content:center;margin-bottom:20px}.pillar-article .article-table-contents ol{display:flex;flex-wrap:wrap;gap:10px 16px;padding-left:0;list-style:decimal}.pillar-article .article-table-contents li{margin-left:1.2em}.pillar-article .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);margin-top:12px}.pillar-article .card{background:var(--card);border:1px solid #eee;border-radius:var(--radius);padding:14px}.pillar-article .sec-flex{display:grid;grid-template-columns:1fr 500px;gap:24px;align-items:start}.pillar-article .sec-img{width:100%;aspect-ratio:5/3;object-fit:cover;display:block;border-radius:8px}.pillar-article img{max-width:100%;height:auto;display:block}.pillar-article section[id]{scroll-margin-top:var(--anchor-offset)}.pillar-article .link-soon{color:#888;font-weight:600;text-decoration:none}.pillar-article .link-soon:after{content:"（準備中）";margin-left:.25em;font-size:.9em;color:#999}.pillar-article #refs{margin-bottom:40px}.pillar-article .ref-list{padding-left:1.2em}.checklist{list-style:none;margin:0 0 1.2em;padding:0}.checklist li{position:relative;margin:0 0 .9em;padding-left:1.8em;line-height:1.9}.checklist li:before{content:"";position:absolute;left:0;top:.25em;width:1.15em;height:1.15em;background:currentColor;opacity:.95;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-1.2 14.2-4-4 1.4-1.4 2.6 2.6 5.6-5.6 1.4 1.4-7 7z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-1.2 14.2-4-4 1.4-1.4 2.6 2.6 5.6-5.6 1.4 1.4-7 7z'/%3E%3C/svg%3E") no-repeat center/contain}.checklist--brand{color:var(--brand)}.checklist--muted{color:#666}@media (max-width:1024px){.pillar-article .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.pillar-article .sec-flex{grid-template-columns:1fr}.pillar-article .sec-img{aspect-ratio:auto}}@media (max-width:640px){.pillar-article .article-title{font-size:1.5rem}.pillar-article .cards{grid-template-columns:1fr}}