@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/* Readable controls and compact mobile navigation */
#dharma-tools{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:8px max(16px,calc((100% - 1180px)/2));background:#faf7f1;border-bottom:1px solid #ddcbaa;color:#3b1f0a;font:16px/1.4 sans-serif;}
.dharma-size{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
#dharma-tools button{appearance:none;min-width:44px;min-height:44px;padding:6px 12px;margin:0;border:1px solid #92744d;border-radius:5px;background:#fff;color:#3b1f0a;font:600 16px/1.3 sans-serif;cursor:pointer;}
#dharma-tools button[aria-pressed=true]{background:#56351f;color:#fff;border-color:#56351f;}
#dharma-tools button:hover{box-shadow:0 0 0 2px #c8a96b;}
#dharma-tools button:focus-visible,#navi a:focus-visible{outline:3px solid #805c20;outline-offset:3px;}
#dharma-menu{display:none;}
#navi .navi-in a{height:auto;min-height:44px;line-height:1.5;padding:10px 12px;}
.article{overflow-wrap:anywhere;}
.article .wp-block-column{min-width:0;}
@media(max-width:834px){
#header-container #header,#header-container #header-in{height:auto!important;min-height:0!important;}
#header-container .logo{margin:0!important;padding:4px 12px!important;}
#header-container .logo img{max-width:100%!important;width:320px!important;max-height:80px;object-fit:contain;}
#header-container .tagline{margin:0!important;padding:6px 12px 0;font-size:12px;line-height:1.5;}
#dharma-tools{padding:7px 10px;justify-content:space-between;gap:8px;flex-wrap:wrap;}
.dharma-size{gap:4px;}
.dharma-size span{font-size:13px;}
#dharma-tools button{padding:6px 8px;}
#dharma-tools #dharma-menu{display:block;margin-left:auto;}
#header-container.dharma-ready #navi{display:none!important;}
#header-container.dharma-ready.dharma-menu-open #navi{display:block!important;}
#header-container #navi .menu-pc{display:none!important;}
#header-container #navi .menu-mobile{display:flex!important;flex-direction:column;width:100%;margin:0;padding:6px 12px;}
#header-container #navi .menu-mobile>li{width:100%!important;height:auto!important;margin:0;border-bottom:1px solid #ddcbaa;}
#header-container #navi .menu-mobile>li>a{display:block;text-align:left;min-height:48px;height:auto!important;padding:12px 16px;line-height:1.5;white-space:normal;}
#content{margin-top:16px;}
.article .wp-block-columns{flex-wrap:wrap!important;}
.article .wp-block-column{flex-basis:100%!important;}
}

/* Photographs: preserve originals and frame within the layout. */
.page-id-86 .eye-catch-image{display:block;width:100%;height:auto;aspect-ratio:2.35/1;object-fit:cover;object-position:50% 77%;}
.dharma-intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);align-items:center;gap:30px;margin:24px 0 48px;}
.dharma-intro figure,.dharma-record-photo{margin:0;}
.dharma-group-photo{position:relative;overflow:hidden;aspect-ratio:2.5/1;background:#eee;}
.dharma-group-photo img{position:absolute;width:153.8%!important;max-width:none!important;height:auto!important;left:-3%;top:-15%;}
.dharma-intro figcaption,.dharma-gallery figcaption{font-size:16px;line-height:1.7;text-align:center;padding:12px 8px;color:#513b2a;}
.dharma-link{display:block;background:#3b1f0a;color:#fff!important;text-align:center;padding:18px 24px;border-radius:4px;text-decoration:none;font-size:20px;}
.dharma-record-photo img{display:block;width:100%;aspect-ratio:1.5/1;object-fit:cover;object-position:50% 55%;}
.dharma-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.dharma-gallery figure{margin:0;background:#fff;border:1px solid #d8c29d;}
.dharma-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;}
@media(max-width:834px){.dharma-intro{grid-template-columns:1fr;gap:16px;margin-bottom:32px;}.page-id-86 .eye-catch-image{aspect-ratio:1.5/1;object-position:50% 75%;}.dharma-gallery{gap:16px;}.dharma-gallery figcaption{padding:10px;font-size:16px;}}
@media(max-width:480px){.dharma-gallery{grid-template-columns:1fr;}}

/* Approved title banner and page navigation */
.page-id-86 .eye-catch-image{aspect-ratio:auto!important;height:auto!important;object-fit:contain!important;}
.dharma-page-flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:40px 0 24px;padding:18px;border-top:1px solid #d8c29d;border-bottom:1px solid #d8c29d;font-size:18px;}
.dharma-page-flow a{color:#56351f;text-decoration:underline;text-underline-offset:4px;}

/* September 2026: consistent mobile typography and white conference articles */
.single-post.custom-background,.single-post #content,.single-post #main,.single-post .article{background:#fff!important;background-image:none!important;}
.single-post .article{color:#292929;}
.dharma-conference-group{margin:28px 0 40px;}
.dharma-conference-group figcaption,.dharma-record-photo figcaption{padding:12px 8px;font-size:16px;line-height:1.7;text-align:center;color:#513b2a;}
@media(max-width:834px){
.article{font-size:16px;line-height:1.85;}
.article .entry-content p,.article .entry-content li,.article .entry-content td,.article .entry-content th{font-size:16px!important;line-height:1.85;}
.article h1{font-size:24px!important;}
.article h2{font-size:21px!important;}
.article h3{font-size:19px!important;}
.article h4,.article h5,.article h6{font-size:18px!important;}
.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{line-height:1.6;text-wrap:balance;letter-spacing:normal;}
.article .entry-content p :is(span,strong,em,a),.article :is(h1,h2,h3,h4,h5,h6) :is(span,strong,em,a){font-size:inherit!important;line-height:inherit;}
.article .entry-content p{margin-bottom:1.5em;text-align:left;}
.article .wp-block-cover p{ text-align:center; }
.page .article .entry-content>p br{display:none;}
.article .wp-block-column h2{font-size:20px!important;}
.dharma-link{font-size:18px;padding:16px;}
.dharma-page-flow{font-size:16px;gap:8px;padding:16px 8px;}
.article .entry-content figcaption{font-size:15px;line-height:1.7;}
}

/* Match inner-page mobile banners to the HOME image proportions. */
@media(max-width:834px){
.page:not(.home) .entry-content>.wp-block-cover:first-child{box-sizing:border-box;min-height:calc((100vw - 47px) * 809 / 1942)!important;height:auto!important;aspect-ratio:auto;width:100%;max-width:none;margin:0 0 32px!important;padding:16px;display:grid;}
.page:not(.home) .entry-content>.wp-block-cover:first-child .wp-block-cover__image-background{object-fit:cover;object-position:center;}
.page:not(.home) .entry-content>.wp-block-cover:first-child p{font-size:22px!important;line-height:1.5;margin:0!important;text-align:center;}
}

@media(max-width:834px){ .page.page-id-36 .entry-content>.wp-block-cover:first-child, .page.page-id-40 .entry-content>.wp-block-cover:first-child{width:calc(100% + 60px);margin:-30px -30px 32px!important;}}

/* Archive banner: clear title and subtitle hierarchy */
.page.page-id-38 .entry-content>.wp-block-cover:first-child .wp-block-cover__inner-container>p:first-child{font-size:36px!important;font-weight:700;line-height:1.4;margin:0 0 14px!important;}
.page.page-id-38 .entry-content>.wp-block-cover:first-child .wp-block-cover__inner-container>p+p{font-size:18px!important;font-weight:400;line-height:1.7;margin:0!important;}
@media(max-width:834px){
.page.page-id-38 .entry-content>.wp-block-cover:first-child .wp-block-cover__inner-container>p:first-child{font-size:28px!important;margin-bottom:10px!important;}
.page.page-id-38 .entry-content>.wp-block-cover:first-child .wp-block-cover__inner-container>p+p{font-size:15px!important;}
}

/* Center archive banner text on desktop; keep mobile styling unchanged. */
@media(min-width:835px){
.page.page-id-38 .entry-content>.wp-block-cover:first-child .wp-block-cover__inner-container>p:is(:first-child,:nth-child(n+2)){margin-left:auto!important;margin-right:auto!important;text-align:center;}
}