/* WordPressに組み込んだときの調整（site.css の上書き） */
/* 管理バーが出ているときはヘッダーをその下に */
.admin-bar header.site{top:32px}
@media (max-width:782px){.admin-bar header.site{top:46px}}
/* SWELLがスマホで文字の基準サイズ・字間を変えるのを打ち消す */
:root:root{font-size:16px;letter-spacing:normal}

/* 一覧の絞り込み（WPではリンクで切り替える） */
.filter a{font-weight:700;font-size:.9rem;padding:10px 22px;border-radius:999px;border:1.5px solid var(--line-c);background:var(--surface);color:var(--muted);text-decoration:none;transition:all .2s}
.filter a.on{background:var(--leaf);border-color:var(--leaf);color:#fff}
.h1-sub{display:block;font-size:.5em;color:var(--muted);margin-top:.4em}
.list-sec .empty{text-align:center;color:var(--muted)}
/* 本文の埋め込み動画 */
.a-body .wp-block-embed iframe{width:100%;height:auto;aspect-ratio:16/9}

/* 固定ページ：ブロックで組んだ本文を、新デザインのCSSに合わせる */
.kn-blocks .wp-block-image{margin:0}
.kn-blocks .wp-block-image img{height:auto}
.kn-blocks p.label{margin:0}
.kn-blocks .wp-block-heading{margin:0}
.way p.way-tag{color:#fff}
.line-card p.lc-badge{color:var(--leaf-deep)}
.line-steps>.wp-block-group{background:var(--bg);border-radius:28px;padding:30px;display:grid;gap:10px;align-content:start}
.pros-photos .pp-1{width:82%}
.pros-photos .pp-2{position:absolute;width:52%;right:0;bottom:0}
.pros-photos figure img{width:100%;aspect-ratio:3/2;border-radius:28px;object-fit:cover;box-shadow:var(--shadow-s)}
.pros-photos .pp-2 img{border:6px solid var(--surface)}
.pros-txt .t-more{text-align:left}
/* アイコン（ブロックの中ではSVGを置けないので、CSSで出す） */
.kn-blocks .t-points li::before,.kn-blocks .lc-can li::before,.kn-blocks .lc-badge::before,.kn-blocks .t-more a::after{content:"";flex:none;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.kn-blocks .t-points li::before,.kn-blocks .lc-can li::before{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");width:16px;height:16px;color:var(--leaf)}
.kn-blocks .lc-can li::before{width:18px;height:18px;color:var(--line)}
.kn-blocks .lc-badge::before{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C6.5 3 2 6.6 2 11c0 3.9 3.5 7.2 8.3 7.9.3.1.8.2.9.5.1.3.1.7 0 1l-.1.9c0 .3-.2 1 .9.5s6-3.5 8.1-6C21.4 14.3 22 12.7 22 11c0-4.4-4.5-8-10-8Z'/%3E%3C/svg%3E");width:22px;height:22px;color:var(--line)}
.kn-blocks .t-more a{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-latin);font-weight:700;font-size:.8rem;letter-spacing:.16em;color:var(--leaf);text-decoration:none;padding:8px 4px}
.kn-blocks .t-more a::after{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M4 12h15m-6-6 6 6-6 6'/%3E%3C/svg%3E");width:16px;height:16px;transition:transform .2s}
.kn-blocks .t-more a:hover::after{transform:translateX(4px)}
.kn-blocks .way .t-more{margin-top:0;text-align:left}
/* ブロックで組んだセクションも、トップと同じ左右の余白に */
.kn-blocks>section>.wrap{padding-left:var(--gutter-wide-l);padding-right:var(--gutter-wide-r)}
/* 404ページのリンク一覧 */
.nf-links{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;max-width:900px;margin-inline:auto}
.nf-links a{width:100%;justify-content:space-between;background:var(--surface);border-radius:18px;padding:18px 22px;box-shadow:var(--shadow-s);font-family:inherit;letter-spacing:.04em;font-size:.95rem;color:var(--ink)}