/*
Theme Name: Kisaragi Room for Cocoon
Description: Cocoonの編集・表示機能を継承する、きさらぎのお部屋専用子テーマ。
Template: cocoon-master
Version: 0.3.0
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kisaragi-room-cocoon
*/
/* Cocoon loads this after its own style, skin and generated settings CSS.
   Do not reset its speech, block, marker or icon classes. */
body.kr-room-design{background:#f7f9fb;color:#20242c;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;line-height:1.9}
.kr-room-design .header-container,.kr-room-design .navi,.kr-room-design .footer{background-color:#fff;color:#20242c}
.kr-room-design .main,.kr-room-design .sidebar{border:1px solid #dce5ed;border-radius:12px;box-shadow:0 3px 18px #20242c05}
.kr-room-design .main{min-width:0}
.kr-room-design .entry-content{line-height:1.95;overflow-wrap:anywhere}
.kr-room-design .entry-title{font-size:clamp(27px,3vw,39px);line-height:1.55;letter-spacing:.02em}
.kr-room-design .entry-content>h2{background:#eef4f4;border:0;border-left:4px solid #82aeb6;border-radius:0 7px 7px 0;color:#20242c;padding:20px 24px;line-height:1.6}
.kr-room-design .entry-content>h3{border:0;border-bottom:2px solid #82aeb6;color:#20242c;padding:10px 0;line-height:1.6}
.kr-room-design .entry-content>h4{border:0;border-left:3px solid #b9dd73;padding:6px 14px;color:#20242c}
.kr-room-design .entry-content>h5,.kr-room-design .entry-content>h6{color:#355e66;line-height:1.6}
.kr-room-design .widget-title{background:#eef4f4;border-left:3px solid #82aeb6;color:#355e66;border-radius:0 5px 5px 0}
.kr-room-design .toc{border:1px solid #dce5ed;border-radius:8px;background:#f9fbfc}
.kr-room-design .entry-card-wrap,.kr-room-design .related-entry-card-wrap{border-radius:8px}
.kr-room-design .entry-content .speech-wrap{margin-top:2em;margin-bottom:2em}
.kr-room-design a:focus-visible,.kr-room-design button:focus-visible,.kr-room-design summary:focus-visible{outline:3px solid #467d88;outline-offset:3px}
/* The reading modes are a plugin feature. Scope integration to its own UI. */
.kr-reader{min-width:0;font-size:18px;line-height:1.9}
.kr-reader [hidden]{display:none!important}
.kr-reader .kr-toolbar{top:0;z-index:30;max-width:100%;box-sizing:border-box}
.admin-bar .kr-reader .kr-toolbar{top:32px}
.entry-content .kr-reader h2{background:transparent;color:#20242c;border:0;border-bottom:1px solid #dce5ed;border-radius:0;padding:0 0 14px;margin:1em 0;font-size:1.45em;line-height:1.5}
.entry-content .kr-reader .kr-context h2{border:0;font-size:12px;margin:0 0 5px;padding:0}
.entry-content .kr-reader .kr-sources h2{font-size:18px}
.entry-content .kr-reader .kr-copy-area h2{font-size:20px}
.kr-reader .kr-code-group pre{white-space:pre;max-width:100%;overflow:auto}
.kr-reader .kr-code-group code{color:inherit;background:transparent;padding:0;border:0}
.kr-reader .kr-comic figure{margin:0}
.kr-reader .kr-comic img{max-width:100%;height:auto}
.kr-reader .kr-mode-tabs button{box-shadow:none;min-width:0}
.kr-reader .kr-character-toggle{margin-bottom:0}
.kr-reader .kr-pair h2,.kr-reader .kr-dictionary dt{scroll-margin-top:180px}
@media(max-width:782px){.admin-bar .kr-reader .kr-toolbar{top:46px}}
@media(max-width:600px){
 .kr-room-design .main{border-radius:8px}
 .kr-room-design .entry-content>h2{padding:16px 18px;font-size:1.35em}
 .kr-room-design .entry-content>h3{font-size:1.2em}
 .kr-reader{font-size:17px}
 .admin-bar .kr-reader .kr-toolbar{top:0}
 .kr-reader .kr-comic{padding:14px}
 .kr-reader .kr-copy-all{width:100%;padding:12px}
}
@media print{.kr-reader .kr-toolbar{display:none!important}}