/*
Theme Name: hacobo Preserve
Theme URI: https://www.ki-hacobo.com/
Description: 現行hacoboのHTML・CSS・画像を保持する専用クラシックテーマ。hacobo コンテンツ管理プラグインと使用します。
Version: 1.0.2
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: hacobo-preserve
*/
/* Styles only for newly inserted editor elements. Existing styled markup is untouched. */
.work-article img:not([class]), .hacobo-body img:not([class]) {max-width:100%;height:auto;border-radius:var(--r-img)}
.work-article ul:not([class]),.hacobo-body ul:not([class]) {list-style:disc;padding-left:1.5em}
.work-article ol:not([class]),.hacobo-body ol:not([class]) {list-style:decimal;padding-left:1.5em}
.work-article h2:not([class]),.hacobo-body h2:not([class]) {font-size:1.4em;font-weight:600;line-height:1.5}
.work-article h3:not([class]),.hacobo-body h3:not([class]) {font-size:1.2em;font-weight:600;line-height:1.5}
.work-article a:not([class]),.hacobo-body a:not([class]) {color:var(--c-accent);text-decoration:underline}
.hacobo-body figure:not([class]) {margin:1.5em 0}
.wf-article > p:not([class]) {margin-top:1rem}
.wf-article > h2:not([class]) {margin-top:3rem;padding-left:1rem;border-left:4px solid var(--c-accent);font-weight:700;font-size:1.5rem;line-height:1.45}
.wf-article > h3:not([class]) {margin-top:2rem;font-size:17px;font-weight:700}
.wf-article > ul:not([class]),.wf-article > ol:not([class]) {margin-top:1rem}
/* Keep a minimum top inset when compact hero content exceeds its viewport-based minimum height. */
section.lp-hero.lp-hero--compact .lp-hero__inner {padding-top:40px}
@media (min-width:768px) {
    section.lp-hero.lp-hero--compact .lp-hero__inner {padding-top:64px}
}
/* Two-column service cards need vertical contents at tablet widths. */
@media (min-width:768px) and (max-width:1023px) {
    #detach section > .grid.mt-12 > .lp-reveal {flex-direction:column}
}
/* Keep pending Instagram frames inside their column until the embed finishes mounting. */
iframe.instagram-media:not(.instagram-media-rendered) {position:relative!important}
/* Instagram's inline 326px minimum exceeds the content column on narrow phones. */
@media (max-width:365px) {
    iframe.instagram-media {min-width:0!important}
}