/* AromaStyle SEO - シングル記事レイアウト（テーマのCSS変数を使用） */
.as-single{max-width:820px;margin:0 auto;padding:40px 0 64px;color:var(--color-text,#3A3A3A)}
.as-single__breadcrumb{margin:0 0 28px;font-size:.85rem;color:var(--color-text-soft,#6B6B6B)}
.as-single__breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5em}
.as-single__breadcrumb li+li::before{content:"/";margin-right:.5em;color:var(--color-line,#E8E4DD)}
.as-single__breadcrumb a{color:var(--color-text-soft,#6B6B6B);text-decoration:none}
.as-single__breadcrumb a:hover{color:var(--color-main-dark,#8A9A82)}
.as-single__header{margin:0 0 32px;padding:0 0 24px;border-bottom:1px solid var(--color-line,#E8E4DD)}
.as-single__cat{display:inline-block;margin:0 0 12px;padding:4px 14px;font-size:.75rem;letter-spacing:.08em;background:var(--color-bg-soft,#F3EEE6);color:var(--color-main-dark,#8A9A82);border-radius:var(--radius,4px)}
.as-single__title{margin:0 0 16px;font-size:clamp(1.5rem,3.6vw,2.1rem);line-height:1.5;font-weight:600}
.as-single__meta{margin:0;font-size:.85rem;color:var(--color-text-soft,#6B6B6B)}
.as-single__meta time+time::before{content:"・";margin:0 .4em}
.as-single__thumb{margin:0 0 36px;border-radius:var(--radius,4px);overflow:hidden}
.as-single__thumb img{display:block;width:100%;height:auto}
.as-single__content{font-size:1.02rem;line-height:1.95}
.as-single__content h2{margin:2.6em 0 .9em;padding:.55em 0 .55em 1em;font-size:1.3rem;border-left:4px solid var(--color-main,#A8B5A0);background:var(--color-bg-soft,#F3EEE6);border-radius:0 var(--radius,4px) var(--radius,4px) 0}
.as-single__content h3{margin:2em 0 .7em;padding:0 0 .4em;font-size:1.12rem;border-bottom:1px dashed var(--color-line,#E8E4DD)}
.as-single__content h4{margin:1.6em 0 .5em;font-size:1rem}
.as-single__content p{margin:0 0 1.4em}
.as-single__content ul,.as-single__content ol{margin:0 0 1.5em;padding-left:1.4em}
.as-single__content li{margin:0 0 .55em}
.as-single__content li::marker{color:var(--color-main-dark,#8A9A82)}
.as-single__content a{color:var(--color-main-dark,#8A9A82);text-decoration:underline;text-underline-offset:3px}
.as-single__content strong{font-weight:600;background:linear-gradient(transparent 62%,rgba(168,181,160,.35) 62%)}
.as-single__content table{width:100%;margin:0 0 1.8em;border-collapse:collapse;font-size:.94rem}
.as-single__content table th,.as-single__content table td{padding:12px 14px;border:1px solid var(--color-line,#E8E4DD);text-align:left;vertical-align:top}
.as-single__content table th{background:var(--color-bg-soft,#F3EEE6);font-weight:600;white-space:nowrap}
.as-single__content table tbody tr:nth-child(even){background:rgba(243,238,230,.45)}
.as-single__content blockquote{margin:0 0 1.6em;padding:1em 1.4em;border-left:3px solid var(--color-main,#A8B5A0);background:var(--color-bg-soft,#F3EEE6);color:var(--color-text-soft,#6B6B6B)}
.as-single__content img{max-width:100%;height:auto;border-radius:var(--radius,4px)}
.as-toc{margin:0 0 2.4em;padding:20px 24px;border:1px solid var(--color-line,#E8E4DD);background:var(--color-white,#fff);border-radius:var(--radius,4px)}
.as-toc__title{margin:0 0 12px;font-size:1rem;font-weight:600;color:var(--color-main-dark,#8A9A82)}
.as-toc ol{list-style:none;margin:0;padding:0;counter-reset:astoc}
.as-toc li{counter-increment:astoc;margin:0 0 .5em;font-size:.92rem}
.as-toc li::before{content:counter(astoc) ". ";color:var(--color-main-dark,#8A9A82);margin-right:.4em}
.as-toc a{color:var(--color-text,#3A3A3A);text-decoration:none}
.as-toc a:hover{color:var(--color-main-dark,#8A9A82);text-decoration:underline}
.as-single__related{margin:56px 0 0;padding:36px 0 0;border-top:1px solid var(--color-line,#E8E4DD)}
.as-related-title{margin:0 0 20px;font-size:1.1rem;font-weight:600}
.as-related-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.as-related-list li a{display:flex;gap:16px;padding:14px;border:1px solid var(--color-line,#E8E4DD);border-radius:var(--radius,4px);text-decoration:none;color:inherit;transition:border-color .3s ease,background .3s ease}
.as-related-list li a:hover{border-color:var(--color-main,#A8B5A0);background:rgba(243,238,230,.5)}
.as-related-thumb{flex:0 0 108px}
.as-related-thumb img{display:block;width:108px;height:76px;object-fit:cover;border-radius:var(--radius,4px)}
.as-related-text{display:flex;flex-direction:column;gap:6px}
.as-related-name{font-weight:600;font-size:.95rem;line-height:1.55}
.as-related-excerpt{font-size:.82rem;color:var(--color-text-soft,#6B6B6B);line-height:1.7}
.as-single__pager{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:44px 0 0}
.as-single__pager a{display:block;padding:12px 18px;border:1px solid var(--color-line,#E8E4DD);border-radius:var(--radius,4px);text-decoration:none;color:var(--color-text,#3A3A3A);font-size:.88rem;max-width:48%}
.as-single__pager a:hover{border-color:var(--color-main,#A8B5A0)}
.as-single__totop{margin:40px 0 0;text-align:center;font-size:.85rem}
.as-single__totop a{color:var(--color-text-soft,#6B6B6B)}
@media(max-width:640px){
.as-single{padding:24px 0 48px}
.as-single__content h2{font-size:1.15rem}
.as-single__content table{font-size:.86rem}
.as-single__content table th,.as-single__content table td{padding:9px 10px}
.as-single__content table th{white-space:normal}
.as-single__pager a{max-width:100%;flex:1 1 100%}
.as-related-list li a{flex-direction:column}
.as-related-thumb,.as-related-thumb img{flex:auto;width:100%;height:160px}
}