/* ============================================================
   ぶんしょうカード（ルーム方式）
   - 画面全体を使うアプリ。テーマ（Cocoon など）の上に重ねて表示する
   - z-index は Cocoon と重ならないよう 2147482000 台を使う
============================================================ */
.bc-root{
  --navy:#1e3a5f; --navy2:#2c5282; --gold:#d4af37; --goldsoft:#fbf3d5;
  --soft:#f4f7fb; --line:#d6dfeb; --text:#1f2937; --muted:#5b6b80;
  --mane:#ffe98a; --s0:#2f7d5b; --s1:#1e3a5f; --s2:#a0522d;
  --bc-top:0px;
  color:var(--text);
  font-family:"BIZ UDGothic","BIZ UDPGothic","M PLUS Rounded 1c","Hiragino Maru Gothic ProN","Hiragino Sans","Noto Sans CJK JP","Noto Sans JP","Yu Gothic","YuGothic","Meiryo",sans-serif;
  -webkit-text-size-adjust:100%;
  line-height:1.6;
}
.bc-root *,.bc-root *::before,.bc-root *::after{box-sizing:border-box}
.bc-root .hidden,.bc-root [hidden]{display:none !important}
.bc-root button{font-family:inherit;cursor:pointer;text-transform:none;letter-spacing:normal;line-height:1.3;margin:0}
.bc-root h1,.bc-root h2,.bc-root h3,.bc-root p{margin:0;padding:0;border:0;background:none}
.bc-root h1::before,.bc-root h1::after,.bc-root h2::before,.bc-root h2::after,.bc-root h3::before,.bc-root h3::after{display:none !important}
html.bc-lock,html.bc-lock body{overflow:hidden !important}

/* ===== ステージ（全画面） ===== */
.bc-root .bc-stage{position:fixed !important;top:var(--bc-top) !important;left:0 !important;right:0 !important;bottom:0 !important;
  z-index:2147482000 !important;overflow-y:auto;padding:16px 16px 160px;-webkit-overflow-scrolling:touch;
  background:linear-gradient(160deg,#f3f7fc 0%,#eaf0f8 60%,#fbf6e6 100%) !important;margin:0 !important;max-width:none !important;width:auto !important}
.bc-root .bc-stage.is-vertical{overflow-x:auto;overflow-y:hidden;padding:16px}

.bc-root .bc-theme{font-size:24px;font-weight:700;color:var(--navy);margin:0 0 12px;line-height:1.4}

/* ===== 構成ワク（はじめ・なか・おわり） ===== */
.bc-root .bc-sec{--sc:#1e3a5f;--sc-bg:#eef2f8;--sc-line:#a9bad3;border:2px solid var(--sc-line);border-radius:16px;margin-bottom:16px;overflow:hidden;
  background:var(--sc-bg);box-shadow:0 4px 14px rgba(30,58,95,.08)}
.bc-root .bc-secc-0{--sc:#2f7d5b;--sc-bg:#e8f5ee;--sc-line:#9fd0b6}
.bc-root .bc-secc-1{--sc:#1e3a5f;--sc-bg:#e8eef7;--sc-line:#9fb3cf}
.bc-root .bc-secc-2{--sc:#a0522d;--sc-bg:#f9ede5;--sc-line:#e2b799}
.bc-root .bc-sec-top{display:flex;align-items:center;justify-content:center;padding:8px 14px;background:var(--sc)}
.bc-root .bc-secpill{border-radius:999px;color:#fff;padding:4px 16px;font-weight:700;font-size:16px;white-space:nowrap}
.bc-root .bc-sec-0{background:var(--s0)} .bc-root .bc-sec-1{background:var(--s1)} .bc-root .bc-sec-2{background:var(--s2)}
.bc-root .bc-sec-top .bc-secpill{background:transparent;font-size:20px;letter-spacing:.3em;padding:2px 0 2px .3em}
.bc-root .bc-sec-body{padding:12px}

/* ===== カード ===== */
.bc-root .bc-tsu{display:inline-block;background:var(--goldsoft);border:1px solid var(--gold);color:#7a5c00;border-radius:999px;
  padding:0 10px;margin-right:6px;font-size:.85em;font-weight:700;line-height:1.6}
.bc-root .bc-mane{background:linear-gradient(transparent 55%, var(--mane) 55%);font-weight:700}
.bc-root .bc-hidetext{color:#9aa8b8;letter-spacing:.2em}
.bc-root .bc-kidlist{min-height:56px}
.bc-root .bc-kcard{display:flex;align-items:stretch;border:2px solid var(--sc);border-radius:12px;margin-bottom:10px;
  font-size:calc(18px * var(--bc-fs, 1));line-height:var(--bc-lh, 1.8);overflow:hidden;background:var(--bc-bg, #fff)}
.bc-root .bc-kcard.is-model,.bc-root .bc-kcard.is-empty{border-style:dashed;border-color:var(--sc-line);background:var(--bc-bg2, rgba(255,255,255,.65))}
.bc-root .bc-kcard.is-selected{outline:4px solid var(--gold);outline-offset:2px;box-shadow:0 0 0 7px rgba(212,175,55,.25)}
.bc-root .bc-kcard.is-dragging{opacity:.35}
.bc-root .bc-handle{width:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--muted);
  font-size:20px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.bc-root .bc-kbody{flex:1 1 0%;padding:8px 10px;cursor:pointer;min-width:0;word-break:break-all;font-family:var(--bc-ff, inherit);letter-spacing:var(--bc-ls, 0)}
.bc-root .bc-kcard:not(.is-model):not(.is-empty) .bc-kbody{font-weight:700;color:var(--bc-ink, #1f2937)}
.bc-root .bc-kcard.is-model .bc-kbody{color:var(--bc-sub, #6b7a8f)}
.bc-root .bc-kcard.is-readonly .bc-kbody{cursor:default}
.bc-root .bc-ph{color:#8a9bb0;font-size:16px}
.bc-root.bc-bgdark .bc-ph{color:#9aa8b8}
.bc-root.bc-bgdark .bc-mane{background:linear-gradient(transparent 55%, rgba(255,233,138,.45) 55%)}
.bc-root.bc-bgdark .is-vertical .bc-mane{background:linear-gradient(to right, transparent 45%, rgba(255,233,138,.45) 45%)}
.bc-root .bc-dropmark{height:6px;border-radius:999px;background:var(--gold);margin:4px 0 10px}
.bc-ghost{position:fixed;z-index:2147482250;pointer-events:none;box-shadow:0 10px 24px rgba(0,0,0,.25);transform:rotate(1.5deg);opacity:.95;margin:0}
.bc-ghost .bc-kcard{margin:0;height:100%}

/* ===== 縦書き ===== */
.bc-root .is-vertical,.bc-ghost.is-vertical{writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl}
.bc-root .is-vertical .bc-theme{margin:0 0 0 12px}
.bc-root .is-vertical .bc-sec{display:flex;flex-direction:row;margin:0 0 0 16px}
.bc-root .is-vertical .bc-sec-top{writing-mode:horizontal-tb;-webkit-writing-mode:horizontal-tb;flex:0 0 auto}
.bc-root .is-vertical .bc-sec-body{flex:1 1 0%;min-height:0}
.bc-root .is-vertical .bc-tsu,.bc-ghost.is-vertical .bc-tsu{padding:10px 0;margin:0 0 6px}
.bc-root .is-vertical .bc-mane{background:linear-gradient(to right, transparent 45%, var(--mane) 45%)}
.bc-root .is-vertical .bc-kidlist{min-height:0;min-width:56px}
.bc-root .is-vertical .bc-kcard,.bc-ghost.is-vertical .bc-kcard{margin:0 0 0 10px}
.bc-root .is-vertical .bc-handle,.bc-ghost.is-vertical .bc-handle{width:auto;height:38px}
.bc-root .is-vertical .bc-kbody{min-width:auto;min-height:0}
.bc-root .is-vertical .bc-dropmark{height:auto;width:6px;margin:0 10px 0 4px}

/* ===== モーダル共通 ===== */
.bc-root .bc-overlay{position:fixed !important;top:var(--bc-top);left:0;right:0;bottom:0;background:rgba(15,30,50,.55);z-index:2147482200 !important;
  display:flex;align-items:center;justify-content:center;padding:16px}
.bc-root .bc-modal{background:#fff;border-radius:20px;width:100%;max-width:920px;max-height:calc(100vh - var(--bc-top) - 32px);max-height:calc(100dvh - var(--bc-top) - 32px);
  overflow-y:auto;padding:20px 24px;box-shadow:0 20px 50px rgba(0,0,0,.3);color:var(--text)}
.bc-root .bc-btn{border-radius:999px;border:2px solid var(--navy);background:#fff;color:var(--navy);padding:10px 20px;font-size:16px;font-weight:700;min-height:48px}
.bc-root .bc-btn.primary{background:var(--navy);color:#fff}
.bc-root .bc-btn.gold{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.bc-root .bc-btn.danger{border-color:#b42318;color:#b42318}
.bc-root .bc-btn.small{min-height:34px;padding:3px 14px;font-size:13px;border-width:1px}
.bc-root .bc-btn:disabled{opacity:.35;cursor:default}
.bc-root .bc-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;align-items:center}
.bc-root .bc-end{justify-content:flex-end}
.bc-root .bc-center{justify-content:center}

/* ===== 書く画面（カード拡大） ===== */
.bc-root .bc-mhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bc-root .bc-mpair{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.bc-root .bc-mpair.is-side{flex-direction:row-reverse;align-items:stretch}
.bc-root .bc-mmodel{font-size:calc(28px * var(--bc-fs, 1));line-height:var(--bc-lh, 1.8);letter-spacing:var(--bc-ls, 0);font-family:var(--bc-ff, inherit);
  background:var(--bc-bg, #fff);color:var(--bc-ink, #1f2937);border:2px solid var(--line);border-left:8px solid var(--navy);border-radius:14px;padding:14px 18px;word-break:break-all}
.bc-root .bc-textarea{width:100%;font-size:calc(24px * var(--bc-fs, 1));line-height:var(--bc-lh, 1.8);letter-spacing:var(--bc-ls, 0);font-family:var(--bc-ff, inherit);
  background:var(--bc-bg, #fff);color:var(--bc-ink, #1f2937);padding:12px 14px;border:2px solid var(--navy2);border-radius:14px;resize:vertical;min-height:110px;margin:0;box-shadow:none}
.bc-root .bc-mmodel.is-vertical{width:100%;height:180px;overflow-x:auto;border-left-width:2px;border-top:8px solid var(--navy)}
.bc-root .bc-textarea.is-vertical{height:180px;min-height:0;resize:none}
.bc-root .bc-mpair.is-side .bc-mmodel,.bc-root .bc-mpair.is-side .bc-textarea{flex:1 1 0%;min-width:0;width:auto;
  height:clamp(220px, calc(100vh - var(--bc-top) - 260px), 600px);height:clamp(220px, calc(100dvh - var(--bc-top) - 260px), 600px)}
.bc-root .bc-mfoot{display:flex;gap:10px;justify-content:space-between;margin-top:18px;flex-wrap:wrap}
.bc-root .bc-peek{margin-left:12px}

/* ===== かんせい（原稿用紙・横書き） ===== */
.bc-root .bc-ptitle{font-size:22px;color:var(--navy);margin:0 0 12px}
.bc-root .bc-pnote{font-size:15px;color:#a64c10;font-weight:700;margin:0 0 8px}
.bc-root .bc-pbody{font-size:calc(22px * var(--bc-fs, 1));line-height:calc(var(--bc-lh, 1.8) + .3);letter-spacing:var(--bc-ls, 0);font-family:var(--bc-ff, inherit);
  border:2px solid var(--line);border-radius:14px;padding:16px 20px;background:var(--bc-bg, #fffef8);color:var(--bc-ink, #1f2937);word-break:break-all}
.bc-root .bc-pbody p{margin:0 0 .4em;text-indent:1em}
.bc-root .bc-pwrap{min-height:80px}
.bc-root .bc-genkou{--cell:clamp(20px, calc((100vh - var(--bc-top) - 300px) / 20), 34px);--cell:clamp(20px, calc((100dvh - var(--bc-top) - 300px) / 20), 34px);
  direction:rtl;display:flex;overflow-x:auto;overflow-y:hidden;padding:10px 10px calc(var(--cell) + 10px);
  border:2px solid var(--line);border-radius:14px;background:#fffef8;-webkit-overflow-scrolling:touch}
.bc-root .bc-gcol{position:relative;display:flex;flex-direction:column;flex:0 0 auto;border-top:2px solid #c9845f;border-bottom:2px solid #c9845f;border-left:1px solid #e3b7a0}
.bc-root .bc-gcol:first-child{border-right:2px solid #c9845f}
.bc-root .bc-gcol:last-child{border-left:2px solid #c9845f}
.bc-root .bc-gcell{width:var(--cell);height:var(--cell);border-bottom:1px dotted #edd1c2;direction:ltr;
  display:flex;align-items:center;justify-content:center;font-size:calc(var(--cell) * .72);line-height:1;color:var(--text)}
.bc-root .bc-gcell:nth-child(20){border-bottom:0}
.bc-root .bc-ghang{position:absolute;left:0;top:100%;border:0}
.bc-root .bc-gcell span{display:inline-block}
.bc-root .bc-gcell .bc-gr{transform:rotate(90deg)}
.bc-root .bc-gcell .bc-gp{transform:translate(42%,-46%)}
.bc-root .bc-gcell .bc-gs{transform:translate(16%,-26%) scale(.9)}

/* ===== ふやすワクを選ぶ ===== */
.bc-root .bc-addmodal{max-width:560px}
.bc-root .bc-addgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bc-root .bc-addbtn{border:0;border-radius:16px;color:#fff;font-size:22px;font-weight:700;min-height:96px}

/* ===== 見やすさ（国語ラインマーカーの「読みやすさ」と同じ形） ===== */
.bc-root .bc-fmtmodal{max-width:560px}
.bc-root .bc-fmtrow{margin-bottom:14px}
.bc-root .bc-fmthead{font-size:15px;font-weight:700;color:#607796;margin:0 0 6px}
.bc-root .bc-seg{display:flex;flex-wrap:wrap;gap:6px}
.bc-root .bc-seg button{flex:1 1 0;min-width:72px;min-height:48px;border:1px solid #c7d2e3;background:#fff;color:#284763;border-radius:12px;font-size:15px;font-weight:700;padding:4px 8px}
.bc-root .bc-seg button[aria-pressed="true"]{background:#dce9fa;border-color:#517eb9;color:#16325a;box-shadow:inset 0 0 0 1px #517eb9}
.bc-root .bc-seg button[data-sw]{display:flex;align-items:center;justify-content:center;gap:6px}
.bc-root .bc-seg button[data-sw]::before{content:"";width:18px;height:18px;border-radius:50%;border:1px solid #9aa8b8;background:var(--sw)}
.bc-root .bc-zoom{display:grid;grid-template-columns:56px 1fr 56px;gap:8px;align-items:center}
.bc-root .bc-zoom button{height:48px;border:1px solid #c7d2e3;background:#fff;color:#1e3a5f;border-radius:12px;font-size:24px;padding:0}
.bc-root .bc-zoom button:disabled{opacity:.35}
.bc-root .bc-zoomval{text-align:center;font-size:18px;font-weight:700;color:#284763}
.bc-root .bc-fmtprev{border:2px solid var(--line);border-radius:12px;padding:10px 14px;margin:0 0 14px;max-height:120px;overflow:hidden;
  font-family:var(--bc-ff, inherit);font-size:calc(18px * var(--bc-fs, 1));line-height:var(--bc-lh, 1.8);letter-spacing:var(--bc-ls, 0);
  background:var(--bc-bg, #fff);color:var(--bc-ink, #1f2937)}

/* ===== 入室・設定などのカード画面 ===== */
.bc-root .bcr-page{position:fixed !important;top:var(--bc-top) !important;left:0;right:0;bottom:0;z-index:2147482000 !important;overflow-y:auto;
  background:linear-gradient(160deg,#f3f7fc 0%,#eaf0f8 60%,#fbf6e6 100%);padding:16px;display:flex;align-items:flex-start;justify-content:center}
.bc-root .bcr-card{background:#fff;border:1px solid #d4deeb;border-radius:20px;box-shadow:0 10px 30px rgba(23,54,93,.12);width:100%;max-width:760px;padding:22px 24px;margin:auto 0}
.bc-root .bcr-card.wide{max-width:980px}
.bc-root .bcr-brand{font-size:22px;font-weight:700;color:var(--navy);text-align:center;margin-bottom:4px}
.bc-root .bcr-sub{font-size:14px;color:var(--muted);text-align:center;margin-bottom:14px}
.bc-root .bcr-h2{font-size:20px;color:var(--navy);margin:0 0 12px;font-weight:700}
.bc-root .bcr-label{display:block;font-weight:700;font-size:14px;margin:12px 0 4px;color:#284763}
.bc-root .bcr-input,.bc-root .bcr-ta{width:100%;font-size:16px;padding:10px 12px;border:2px solid var(--line);border-radius:10px;font-family:inherit;line-height:1.6;background:#fff;color:var(--text);margin:0;box-shadow:none}
.bc-root .bcr-input.code{font-size:30px;text-align:center;letter-spacing:.2em;font-weight:700;max-width:280px;margin:0 auto;display:block}
.bc-root .bcr-mono{font-family:Consolas,"Courier New",monospace;font-size:13px}
.bc-root .bcr-note{font-size:13px;color:var(--muted);margin:6px 0;line-height:1.6}
.bc-root .bcr-err{color:#b42318;font-size:15px;min-height:1.4em;text-align:center;margin-top:8px;font-weight:700}
.bc-root .bcr-ol{font-size:15px;line-height:1.8;padding-left:22px;margin:0 0 10px}
.bc-root .bcr-hint{font-size:15px;text-align:center;color:#284763;margin:10px 0 4px}
.bc-root .bcr-steps{display:flex;gap:6px;justify-content:center;margin-bottom:14px;flex-wrap:wrap}
.bc-root .bcr-steps span{font-size:12px;font-weight:700;color:#8a9bb0;border:1px solid #d4deeb;border-radius:999px;padding:2px 10px}
.bc-root .bcr-steps span.on{color:#fff;background:var(--navy);border-color:var(--navy)}

/* 記号カード（国語ラインマーカーと同じ5種類） */
.bc-root .bcr-pad{width:100%}
.bc-root .bcr-seq{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px auto;max-width:520px}
.bc-root .bcr-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:620px;margin:0 auto}
.bc-root .bcr-pin{position:relative;min-width:0;border:1px solid #cbd5e1;border-radius:12px;padding:8px 4px;text-align:center;background:#fff;
  min-height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#284763;font-size:18px;font-weight:700}
.bc-root button.bcr-pin{cursor:pointer}
.bc-root .bcr-pin.empty{border-style:dashed;color:#9aa8b8;background:#f8fafc}
.bc-root .bcr-mark{width:36px;height:36px;fill:currentColor;display:block}
.bc-root .bcr-pname{display:block;font-size:12px;font-weight:700;color:#284763}
.bc-root .bcr-order{position:absolute;top:4px;left:6px;font-size:11px;font-weight:700;color:#284763}
.bc-root .bcr-numgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;max-width:680px;margin:12px auto}
.bc-root .bcr-numgrid button{min-height:50px;font-size:18px;font-weight:700;color:#1e3a5f;background:#e4efff;border:1px solid #9abce9;border-radius:12px}
.bc-root .bcr-numgrid button[aria-pressed="true"]{outline:3px solid #345bc4;background:#c9dcff}
.bc-root .bcr-numgrid button:disabled{opacity:.35;cursor:default}
.bc-root .bcr-numgrid button.is-used{background:#fde7e7;border-color:#e6a3a3;color:#8b1f1f}

/* 先生：お手本の入力 */
.bc-root .bcr-erow{border:2px solid var(--line);border-left-width:8px;border-radius:12px;padding:10px;margin-bottom:10px;background:#fff}
.bc-root .bcr-erow-0{border-left-color:var(--s0)} .bc-root .bcr-erow-1{border-left-color:var(--s1)} .bc-root .bcr-erow-2{border-left-color:var(--s2)}
.bc-root .bcr-etop{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.bc-root .bcr-enum{font-weight:700;color:var(--navy);min-width:2em}
.bc-root .bcr-etop .bcr-sp{flex:1}
.bc-root .bcr-egrid{display:grid;grid-template-columns:96px 1fr;gap:6px 10px;align-items:center;font-size:14px}
.bc-root .bcr-egrid .bcr-input{padding:6px 10px;font-size:15px}
.bc-root .bcr-select{font-size:15px;padding:6px 10px;border-radius:999px;border:2px solid var(--line);font-family:inherit;background:#fff;color:var(--text);height:auto}
.bc-root .bcr-warn{grid-column:2;color:#b42318;font-size:12px}
.bc-root .bcr-mini{width:34px;height:30px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:12px;padding:0}
.bc-root .bcr-roster{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bc-root .bcr-roster .bcr-input{width:110px;text-align:center;font-size:18px}

/* 先生：作文一覧 */
.bc-root .bcr-listhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.bc-root .bcr-listhead .bc-theme{margin:0}
.bc-root .bcr-count{font-size:15px;font-weight:700;color:#284763;background:#fff;border:1px solid #d4deeb;border-radius:999px;padding:4px 14px}
.bc-root .bcr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.bc-root .bcr-tile{border:2px solid #d4deeb;border-radius:14px;background:#fff;padding:10px 12px;text-align:left;color:var(--text);min-height:118px;
  display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 6px rgba(30,58,95,.06)}
.bc-root button.bcr-tile{cursor:pointer}
.bc-root .bcr-tile.is-none{background:#f6f8fb;border-style:dashed;color:#9aa8b8}
.bc-root .bcr-tile.is-in{border-color:#9fb3cf}
.bc-root .bcr-tile.is-sent{border-color:#2f7d5b;background:#f3fbf6}
.bc-root .bcr-ttop{display:flex;align-items:center;gap:8px}
.bc-root .bcr-tnum{font-size:22px;font-weight:700;color:var(--navy);min-width:1.6em}
.bc-root .bcr-tstate{font-size:12px;font-weight:700;border-radius:999px;padding:1px 10px;background:#e3eaf4;color:#284763}
.bc-root .bcr-tile.is-sent .bcr-tstate{background:#2f7d5b;color:#fff}
.bc-root .bcr-tile.is-none .bcr-tstate{background:transparent;color:#9aa8b8}
.bc-root .bcr-tbar{height:8px;border-radius:999px;background:#e3eaf4;overflow:hidden}
.bc-root .bcr-tbar span{display:block;height:100%;background:#2f7d5b}
.bc-root .bcr-text{font-size:14px;line-height:1.6;color:#334155;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all}
.bc-root .bcr-ttime{font-size:12px;color:var(--muted);margin-left:auto}

/* 先生：ルーム情報（拡大） */
.bc-root .bcr-roominfo{text-align:center}
.bc-root .bcr-bigcode{font-size:clamp(44px,9vw,84px);font-weight:700;letter-spacing:.12em;color:var(--navy);line-height:1.1;margin:6px 0 4px}
.bc-root .bcr-roominfo .bcr-seq{max-width:640px}
.bc-root .bcr-roominfo .bcr-pin{min-height:110px}
.bc-root .bcr-roominfo .bcr-mark{width:64px;height:64px}
.bc-root .bcr-roominfo .bcr-pname{font-size:15px}
.bc-root .bcr-qr{display:flex;justify-content:center;margin:12px 0}
.bc-root .bcr-qr img,.bc-root .bcr-qr canvas{background:#fff;padding:8px;border-radius:8px}
.bc-root .bcr-url{display:flex;gap:8px;align-items:center;max-width:640px;margin:8px auto}
.bc-root .bcr-url .bcr-input{flex:1}
.bc-root .bcr-sect{border-top:1px dashed var(--line);margin-top:16px;padding-top:12px}
.bc-root .bcr-longpress{position:relative;overflow:hidden}
.bc-root .bcr-longpress .bcr-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(180,35,24,.18);transition:none}
.bc-root .bcr-closed{text-align:center;font-size:18px;color:#284763;padding:20px 0}

/* 道具BOX の中の情報 */
.vtb-host .atb-toolbox-body .tool-info.bcr-info{font-size:13px;line-height:1.5;color:#1e3a5f;background:#fff !important;border:1px solid #d4deeb;border-radius:10px;padding:6px 8px}
.vtb-host .atb-toolbox-body .tool-info .bcr-info-strong{font-weight:700;font-size:15px}
.vtb-host .atb-toolbox-body .bcr-roombtn{height:auto !important;min-height:68px;grid-column:1/-1}
.vtb-host .atb-toolbox-body .bcr-roombtn .bcr-mini-seq{display:flex;gap:3px;justify-content:center}
.vtb-host .atb-toolbox-body .bcr-roombtn .bcr-mark{width:18px;height:18px}
.vtb-host .atb-toolbox-body .bcr-roombtn .bcr-code{font-size:18px;font-weight:700;letter-spacing:.08em}
.vtb-host .atb-toolbox.atb-toolbox-compact .bcr-roombtn .bcr-mini-seq,.vtb-host .atb-toolbox.atb-toolbox-compact .tool-info{display:none}


/* ============================================================
   修正 v1.1.0: 書き方（パターン）・役割と問い・3段階の支援
============================================================ */
.bc-root .bc-sec-top{flex-direction:column;gap:2px}
.bc-root .bc-sec-guide{color:#fff;font-size:13px;opacity:.95;text-align:center;line-height:1.4}
.bc-root .bc-rolechip,.bc-ghost .bc-rolechip{display:inline-block;background:#fff;color:var(--sc,#1e3a5f);border:1px solid var(--sc-line,#9fb3cf);border-radius:999px;
  padding:0 8px;margin:0 6px 2px 0;font-size:.72em;font-weight:700;line-height:1.7;letter-spacing:0;white-space:nowrap}
.bc-root .is-vertical .bc-rolechip,.bc-ghost.is-vertical .bc-rolechip{padding:8px 0;margin:0 0 6px 2px}
.bc-root .bc-question{display:block;font-size:.92em}
.bc-root .bc-kcard.is-readonly .bc-question{font-size:.78em;color:var(--bc-sub,#6b7a8f);margin:2px 0 6px}
.bc-root .is-vertical .bc-kcard.is-readonly .bc-question{margin:0 6px 0 2px}
.bc-root .bc-modeltext{display:block;color:var(--bc-ink,#1f2937)}
.bc-root .bc-mrole{font-weight:700;color:var(--navy);font-size:18px}

/* 書く画面の「問い・書き出し・お手本」 */
.bc-root .bc-support{display:flex;flex-direction:column;gap:10px;border:2px solid var(--line);border-left:8px solid var(--navy);border-radius:14px;
  padding:12px 14px;background:#f8fafc;min-height:0;max-height:42vh;max-height:42dvh}
.bc-root .bc-supbtns{display:flex;gap:8px;flex-wrap:wrap;flex:0 0 auto}
.bc-root .bc-supbtns .bc-btn[aria-pressed="true"]{background:#dce9fa;border-color:#517eb9;color:#16325a}
.bc-root .bc-supbody{display:flex;flex-direction:column;gap:10px;overflow:auto;min-height:0;flex:1 1 auto;
  font-size:calc(22px * var(--bc-fs, 1));line-height:var(--bc-lh, 1.8);letter-spacing:var(--bc-ls, 0);font-family:var(--bc-ff, inherit);color:var(--bc-ink, #1f2937)}
.bc-root .bc-supbody.is-vertical{writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl}
.bc-root .bc-qlabel{display:inline-block;background:var(--navy);color:#fff;border-radius:999px;font-size:.6em;font-weight:700;padding:0 8px;margin:0 8px 0 0;line-height:1.8;vertical-align:middle}
.bc-root .is-vertical .bc-qlabel{padding:8px 0;margin:0 0 8px}
.bc-root .bc-supq{font-weight:700}
.bc-root .bc-supstarter{background:#fffdf0;border:1px dashed var(--gold);border-radius:10px;padding:6px 10px}
.bc-root .bc-supmodel{background:var(--bc-bg,#fff);border:1px solid var(--line);border-radius:10px;padding:6px 10px}
.bc-root .bc-mpair.is-side .bc-support{flex:1 1 0%;min-width:0;max-height:none;
  height:clamp(220px, calc(100vh - var(--bc-top) - 260px), 600px);height:clamp(220px, calc(100dvh - var(--bc-top) - 260px), 600px)}

/* 書き方を選ぶ画面 */
.bc-root .bcr-choicelist{display:grid;gap:10px;max-width:640px;margin:10px auto 4px}
.bc-root .bcr-choice{border:2px solid #9fb3cf;border-radius:16px;background:#fff;padding:14px 18px;text-align:left;display:flex;flex-direction:column;gap:2px;color:var(--navy)}
.bc-root .bcr-choice:hover,.bc-root .bcr-choice:focus-visible{border-color:var(--navy);background:#f3f7fc}
.bc-root .bcr-choice-main{font-size:20px;font-weight:700;line-height:1.5}
.bc-root .bcr-choice-sub{font-size:13px;color:var(--muted)}
.bc-root .bcr-center-text{text-align:center}

/* タブ（書き方の切りかえ・絞りこみ） */
.bc-root .bcr-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;writing-mode:horizontal-tb;-webkit-writing-mode:horizontal-tb}
.bc-root .bcr-tabs button{min-height:40px;border:1px solid #c7d2e3;background:#fff;color:#284763;border-radius:999px;font-size:14px;font-weight:700;padding:4px 14px}
.bc-root .bcr-tabs button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.bc-root .is-vertical .bcr-modeltabs{margin:0 0 0 12px;flex-direction:column;flex-wrap:nowrap;align-self:flex-start}

/* 読みくらべ */
.bc-root .bcr-compare{max-height:calc(100vh - var(--bc-top) - 220px);max-height:calc(100dvh - var(--bc-top) - 220px);overflow:auto}
.bc-root .bcr-cmpplain{border:2px solid var(--line);border-radius:14px;background:var(--bc-bg,#fffef8);color:var(--bc-ink,#1f2937);padding:14px 18px;
  font-size:calc(20px * var(--bc-fs, 1));line-height:calc(var(--bc-lh, 1.8) + .2);letter-spacing:var(--bc-ls, 0);font-family:var(--bc-ff, inherit);word-break:break-all}
.bc-root .bcr-cmpplain p{margin:0 0 .5em;text-indent:1em}
.bc-root .bcr-cmpplain p.bcr-note{text-indent:0;font-size:15px}
.bc-root .bcr-overview{font-size:15px;color:#284763;margin:0 0 10px;font-weight:700}
.bc-root .bcr-cmpsec{border:2px solid var(--sc-line);border-radius:12px;margin-bottom:10px;background:var(--sc-bg);padding:8px 10px}
.bc-root .bcr-cmphead{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}
.bc-root .bcr-cmpguide{font-size:13px;color:#284763}
.bc-root .bcr-cmpcard{background:#fff;border-radius:10px;padding:6px 10px;margin-bottom:6px;font-size:calc(18px * var(--bc-fs, 1));line-height:1.8;font-family:var(--bc-ff, inherit)}

/* 先生：入力・確認 */
.bc-root .bcr-two{display:grid;grid-template-columns:1fr 2fr;gap:12px}
.bc-root .bcr-src{margin-top:6px}
.bc-root .bcr-unsent{font-size:14px;font-weight:700;color:#a64c10;background:#fff4e8;border:1px solid #e6b07a;border-radius:999px;padding:4px 14px}
.bc-root .bcr-genres{margin:4px 0 10px}
.bc-root .bcr-genrebox{border:2px solid var(--line);border-radius:14px;background:#f8fafc;padding:12px 14px;margin-bottom:8px;--sc:#1e3a5f;--sc-line:#9fb3cf}
.bc-root .bcr-gstruct,.bc-root .bcr-gstart{margin-bottom:10px}
.bc-root .bcr-gsec{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:15px}
.bc-root .bcr-gsec .bc-secpill{font-size:13px;padding:2px 12px;min-width:72px;text-align:center}
.bc-root .bcr-gchips{display:flex;flex-wrap:wrap;gap:6px}
.bc-root .bcr-gchips .bc-rolechip{font-size:14px;white-space:normal}
.bc-root .bcr-gexhead{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.bc-root .bcr-gex{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bc-root .bcr-gexcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 10px;font-size:13px;line-height:1.7;max-height:260px;overflow:auto}
.bc-root .bcr-gexcard p{margin:0 0 .4em;text-indent:1em}
.bc-root .bcr-gextop{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:4px;position:sticky;top:-8px;background:#fff;padding-top:2px}
.bc-root .bcr-gexname{font-weight:700;color:var(--navy);font-size:13px}
@media (max-width:900px){.bc-root .bcr-gex{grid-template-columns:1fr}}
.bc-root .bcr-dlbtns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 10px}
.bc-root .bcr-found{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px;--sc:#1e3a5f;--sc-line:#9fb3cf}
.bc-root .bcr-found-n{font-size:14px;font-weight:700;color:#2f7d5b;margin-right:4px}
.bc-root .bcr-found .bc-rolechip{font-size:12px}
.bc-root .bcr-srchead{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bc-root .bcr-phead{background:#f6f8fb;border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:8px}
.bc-root .bcr-checks{border:2px solid #e6b07a;background:#fff8ef;border-radius:12px;padding:10px 14px;margin-bottom:12px}
.bc-root .bcr-checks ul{margin:0;padding-left:20px;font-size:14px;line-height:1.7}
.bc-root .bcr-checks li.is-warn{color:#b42318;font-weight:700}
.bc-root .bcr-egrid .bcr-ta{padding:6px 10px;font-size:15px}
.bc-root .bcr-tpat{align-self:flex-start;--sc:#1e3a5f;font-size:12px}
.bc-root .bcr-filter{margin-bottom:12px}
.vtb-host .atb-toolbox-body .tool-info .bcr-info-pattern{font-size:12px;color:#284763}
@media (max-width:720px){
  .bc-root .bcr-two{grid-template-columns:1fr}
}

/* ===== トースト ===== */
.bc-root .bc-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--navy);color:#fff;padding:10px 22px;
  border-radius:999px;z-index:2147482300 !important;font-size:16px;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis}
.bc-root .bc-toast.show{opacity:1}

/* ============================================================
   共通可変道具BOX v1.1.0（variable-toolbox.css を同梱）
============================================================ */
.vtb-host .atb-toolbox{display:flex;position:fixed;right:16px;bottom:84px;width:244px;height:380px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 64px);padding:0;gap:0;align-items:stretch;flex-direction:column;background:#f5f7fc;border:2px solid #c8d3e3;border-radius:16px;box-shadow:0 6px 24px #13274240;overflow:hidden;z-index:1000;box-sizing:border-box;container-type:inline-size}
.vtb-host .atb-toolbox-head{display:flex;flex-shrink:0;height:44px;background:var(--navy,#1e3a5f);color:white;align-items:center}
.vtb-host .atb-toolbox-head button{border:0;background:transparent;color:white;height:44px;margin:0;padding:0 12px;font-family:inherit;font-size:16px;font-weight:bold;box-shadow:none;border-radius:0}
.vtb-host .atb-toolbox-grip{flex:1;text-align:left;cursor:move;touch-action:none;user-select:none}
.vtb-host .atb-toolbox-fold{width:40px;font-size:24px!important;cursor:pointer}
.vtb-host .atb-toolbox-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(94px,1fr));align-content:start;gap:8px;padding:10px 10px 24px;overflow:auto;min-height:0;flex:1}
.vtb-host .atb-toolbox .atb-toolbar-group{display:contents;border-radius:0;box-shadow:none}
.vtb-host .atb-toolbox-body button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;height:68px;min-height:48px;margin:0;padding:6px;border:1px solid #d7dfeb;border-radius:12px;background:white;color:var(--navy,#1e3a5f);box-shadow:0 2px 4px #13274212;cursor:pointer;font-family:inherit}
.vtb-host .atb-toolbox-body button.mode-on{background:var(--gold,#d4af37);border-color:var(--gold,#d4af37)}
.vtb-host .atb-toolbox-body button:disabled{opacity:.35;cursor:default}
.vtb-host .atb-toolbox-body .atb-tool-icon{width:26px;height:26px;flex-shrink:0}
.vtb-host .atb-toolbox-body .atb-tool-label{font-size:13px;font-weight:bold;line-height:1.2;white-space:normal;text-align:center}
.vtb-host .atb-toolbox-resize{position:absolute;right:0;bottom:0;width:26px;height:24px;border:0;background:#e4eaf4;color:var(--navy,#1e3a5f);font-size:20px;cursor:nwse-resize;touch-action:none;padding:0;margin:0}
.vtb-host .atb-toolbox.atb-toolbox-compact .atb-toolbox-body{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));padding:6px 6px 24px}
.vtb-host .atb-toolbox.atb-toolbox-compact .atb-toolbox-body button{width:44px;height:44px;min-height:44px;border-radius:50%;justify-self:center;gap:0}
.vtb-host .atb-toolbox.atb-toolbox-compact .atb-tool-label{display:none}
.vtb-host .atb-toolbox.atb-toolbox-compact button:has(img[hidden]) .atb-tool-label{display:block;font-size:10px}
.vtb-host .atb-toolbox-closed{height:44px!important;min-height:44px}
.vtb-host .atb-toolbox-closed .atb-toolbox-body,
.vtb-host .atb-toolbox-closed .atb-toolbox-resize{display:none}
.vtb-host .atb-toolbox button:focus-visible{outline:3px solid #4d97ff;outline-offset:-3px}
.vtb-host .atb-toolbox-layouts{display:flex;flex-shrink:0;gap:4px;padding:5px;background:#e7edf6}
.vtb-host .atb-toolbox-layouts button{flex:1;min-width:0;height:32px;margin:0;padding:2px;border:1px solid #c7d2e3;border-radius:7px;background:white;color:var(--navy,#1e3a5f);font-family:inherit;font-size:12px;font-weight:bold;cursor:pointer}
.vtb-host .atb-toolbox-layouts button[aria-pressed="true"]{background:var(--gold,#d4af37);border-color:var(--gold,#d4af37)}
.vtb-host .atb-toolbox[data-layout] .atb-toolbox-body{grid-template-columns:repeat(var(--atb-tool-columns),minmax(0,1fr))}
.vtb-host .atb-toolbox-closed .atb-toolbox-layouts{display:none}
.vtb-host .atb-toolbox-body button{--tool-bg:#eef1f5;--tool-border:#cbd2dc;--tool-ink:#394657;--tool-active:#465568;background:var(--tool-bg);border-color:var(--tool-border);color:var(--tool-ink)}
.vtb-host .atb-toolbox-body button[data-color="blue"]{--tool-bg:#e0edff;--tool-border:#9abce9;--tool-ink:#184d91;--tool-active:#245fa8}
.vtb-host .atb-toolbox-body button[data-color="orange"]{--tool-bg:#ffead4;--tool-border:#e6b07a;--tool-ink:#8b420c;--tool-active:#a64c10}
.vtb-host .atb-toolbox-body button[data-color="green"]{--tool-bg:#dcf2e5;--tool-border:#91c7a8;--tool-ink:#1d6342;--tool-active:#24734d}
.vtb-host .atb-toolbox-body button[data-color="purple"]{--tool-bg:#ede4fb;--tool-border:#bda2df;--tool-ink:#654091;--tool-active:#7045a1}
.vtb-host .atb-toolbox-body button[data-color="navy"]{--tool-bg:#e3eaf4;--tool-border:#9eafc7;--tool-ink:#1e3a5f;--tool-active:#1e3a5f}
.vtb-host .atb-toolbox-body button:hover:not(:disabled){box-shadow:0 0 0 2px var(--tool-border)}
.vtb-host .atb-toolbox-body button.mode-on{background:var(--tool-active);border-color:var(--tool-active);color:#fff;box-shadow:inset 0 0 0 2px #ffffff80}
.vtb-host .atb-toolbox-body button.mode-on img.atb-tool-icon{filter:brightness(0) invert(1)}
.vtb-host .atb-tool-icon{width:26px;height:26px;display:block;fill:currentColor}.vtb-host .atb-toolbox-settings svg{fill:currentColor}
.vtb-host .atb-toolbox [hidden]{display:none!important}
.vtb-host .atb-toolbox-grip{font-size:15px!important;line-height:1.2!important;min-width:0;white-space:normal}
.vtb-host .atb-toolbox-body>label,.vtb-host .atb-toolbox-body>select,.vtb-host .atb-toolbox-body>.tool-options,.vtb-host .atb-toolbox-body>.tool-info{grid-column:1/-1;min-width:0;margin:0;padding:6px;position:static;transform:none;background:transparent;box-shadow:none}
.vtb-host .atb-toolbox-body label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;color:#1e3a5f}
.vtb-host .atb-toolbox-body select{min-width:0;max-width:100%;width:100%;height:44px;background:white;color:#1e3a5f;border:1px solid #c7d2e3;border-radius:8px;font-size:14px}
.vtb-host .atb-toolbox-body .tool-options{display:flex;flex-direction:column;gap:8px}
.vtb-host .atb-toolbox-body :is(.atb-toolbar-group,.piece-tools,nav){display:contents;position:static;transform:none;padding:0;background:none;box-shadow:none}
.vtb-host .atb-toolbox-body button{border-radius:12px!important;font-size:14px;line-height:1.3!important}
.vtb-host .atb-toolbox-body img.atb-tool-icon,.vtb-host .atb-toolbox-body svg.atb-tool-icon{width:26px!important;height:26px!important;fill:currentColor;stroke:none;touch-action:auto}
.vtb-host .atb-toolbox-head svg{width:24px!important;height:24px!important;fill:currentColor}
.vtb-host .atb-toolbox-compact .atb-toolbox-body button{border-radius:50%!important}
.vtb-host .atb-toolbox-body .tool-info{font-size:13px;text-align:center;color:#1e3a5f}
.vtb-host .atb-toolbox-body [aria-pressed=true]{background:var(--tool-active,#245fa8);color:white}
@media print{.vtb-host .atb-toolbox{display:none!important}}
/* Cocoon より前に出す */
.bc-root.vtb-host .atb-toolbox{z-index:2147482100 !important}

/* ===== タブレット縦・スマホ ===== */
@media (max-width:720px){
  .bc-root .bc-stage{padding:12px 12px 160px}
  .bc-root .bc-mmodel{font-size:calc(22px * var(--bc-fs, 1))}
  .bc-root .bc-textarea{font-size:calc(20px * var(--bc-fs, 1))}
  .bc-root .bc-modal{padding:16px}
  .bc-root .bcr-card{padding:16px}
  .bc-root .bcr-egrid{grid-template-columns:1fr}
  .bc-root .bcr-warn{grid-column:1}
  .bc-root .bcr-pin{min-height:62px}
  .bc-root .bcr-mark{width:28px;height:28px}
}

/* 修正 v1.4.0: 先生の準備画面も道具BOX形式 */
/* 修正: 準備画面は左右中央に（道具BOXと重なってもよい） */
.bc-root .bcr-erow{cursor:pointer;transition:box-shadow .15s}
.bc-root .bcr-erow.is-sel{outline:4px solid var(--gold);outline-offset:2px;box-shadow:0 0 0 7px rgba(212,175,55,.25)}

/* 修正 v1.5.0: 例文はタップで選ぶ（いくつでも） */
.bc-root .bcr-gexcard{cursor:pointer;border-width:2px;transition:border-color .15s,box-shadow .15s}
.bc-root .bcr-gexcard:hover{border-color:#9abce9}
.bc-root .bcr-gexcard.is-on{border-color:var(--gold);box-shadow:0 0 0 4px rgba(212,175,55,.25);background:#fffdf3}
.bc-root .bcr-gexcard.is-on .bcr-gextop{background:#fffdf3}
.bc-root .bcr-gexcheck{flex:none;font-size:12px;font-weight:700;border:1.5px solid var(--line);border-radius:999px;padding:2px 10px;color:#5b6b80;background:#fff}
.bc-root .bcr-gexcard.is-on .bcr-gexcheck{background:var(--gold);border-color:var(--gold);color:#1e3a5f}

/* 修正 v1.6.0: 種類を選ぶ・お手本の選び方の画面（大きなボタン） */
.bc-root .bcr-bigchoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 18px}
.bc-root .bcr-bigchoices.two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:760px){.bc-root .bcr-bigchoices{grid-template-columns:repeat(2,minmax(0,1fr))}.bc-root .bcr-bigchoices.two{grid-template-columns:1fr}}
.bc-root .bcr-bigchoice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:96px;padding:18px 14px;border:2px solid #c8d3e3;border-radius:16px;background:#fff;color:var(--navy);cursor:pointer;font:inherit;text-align:center;box-shadow:0 2px 8px rgba(23,54,93,.06);transition:border-color .15s,box-shadow .15s,transform .1s}
.bc-root .bcr-bigchoice:hover{border-color:var(--gold);box-shadow:0 4px 14px rgba(212,175,55,.25)}
.bc-root .bcr-bigchoice:active{transform:scale(.98)}
.bc-root .bcr-bigchoice-t{font-size:18px;font-weight:700;line-height:1.4}
.bc-root .bcr-bigchoice-s{font-size:13px;color:#5b6b80;line-height:1.5}
.bc-root .bcr-bigchoices.two .bcr-bigchoice{min-height:140px}
.bc-root .bcr-bigchoices.two .bcr-bigchoice-t{font-size:20px}
.bc-root .bcr-controw{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;border-top:1px dashed #d4deeb;padding-top:14px}
.bc-root .bcr-sumrow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#f5f7fc;border:1px solid #d4deeb;border-radius:12px;padding:8px 12px;margin-bottom:6px}
.bc-root .bcr-sumtext{display:flex;gap:6px;flex-wrap:wrap}

/* 修正 v1.6.2: お手本をたしかめる画面 */
.bc-root .bc-row.bc-between{justify-content:space-between}
.bc-root .bcr-ptabs{margin-top:8px}
.bc-root .bcr-pmeta{margin:6px 0 4px;font-size:13px;color:#5b6b80;text-align:right}
.bc-root .bcr-pread{background:#fffdf7;border:1px solid #e6dcc0;border-radius:14px;padding:18px 22px;font-size:17px;line-height:2;color:#1f2d3d}
.bc-root .bcr-pread p{margin:0 0 .6em;text-indent:1em}
.bc-root .bcr-pread p:last-child{margin-bottom:0}