/* 練功筆記 · rsqx-practice-journal
 * 由 journal-v5-reference.html 的 <style> 自動移植，全部選擇器 scope 到 .rsqx-journal
 * 手改請改參照檔再重新產生。勿塞進 Global Styles (post 512)。
 * 主題有 main.wp-block-post-content > *{max-width:none}，故底部有高 specificity 覆寫。
 */

.rsqx-journal{
  /* ── v3 淡墨文心 ── */
  --paper-100:#FAF6EE; --paper-200:#F2EBDC; --paper-light:#F6F0E3;
  --ink-900:#1A1815;          /* 標題 */
  --ink-body:#3A352E;         /* 內文（功能頁加深一階） */
  --ink-muted:#6B655C;        /* 次要（功能頁加深一階） */
  --ink-faint:#8A847A;        /* 純裝飾 */
  --ochre:#8C6845;            /* 赭石：線、題款粗體、連結、分類、按鈕框、active */
  --ochre-deep:#5C4630;
  --warm-light:#D6A97C;       /* 深底題款 */
  --cinnabar:#9C2B25;         /* 只留印章 */
  --line-1:#DDD6C8;           /* 髮絲分隔 */
  --line-2:#C9BFAE;           /* 框線 */
  --line-3:#B5A794;           /* 輸入底線（要看得見） */
  
  --kai:'LXGW WenKai TC','Noto Serif TC',serif;
  --serif-zh:'Noto Serif TC','Songti TC','宋體',serif;
  --sans-zh:'Noto Sans TC','PingFang TC',sans-serif;
  --serif-en:'EB Garamond','Cormorant Garamond',Georgia,serif;
}
.rsqx-journal *,.rsqx-journal *::before,.rsqx-journal *::after{box-sizing:border-box}
.rsqx-journal{scroll-behavior:smooth}
.rsqx-journal{
  margin:0; background:var(--paper-100); color:var(--ink-body);
  font-family:var(--serif-zh); font-weight:400; font-size:18px;
  line-height:2.0; letter-spacing:.03em;
  -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent;
}
.rsqx-journal img{max-width:100%; height:auto; display:block}

/* ══════ 照片頁首 ══════ */
.rsqx-journal .page-hero{position:relative; min-height:52vh; display:flex; align-items:stretch;
  overflow:hidden; background:#171310}
.rsqx-journal .page-hero>img{position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:50% 45%}
.rsqx-journal .page-hero::after{content:''; position:absolute; inset:0;
  background:linear-gradient(80deg,rgba(16,14,12,.62) 0%,rgba(16,14,12,.34) 55%,rgba(16,14,12,.60) 100%)}
.rsqx-journal .page-hero__inner{position:relative; z-index:2; max-width:1180px; margin:0 auto;
  padding:90px 44px 70px; width:100%; display:flex; justify-content:flex-end; align-items:center}
.rsqx-journal .page-hero__mark{writing-mode:vertical-rl; display:flex; flex-direction:row-reverse;
  align-items:flex-start; gap:2.2em}
.rsqx-journal .page-hero__zh{font-family:var(--kai); font-weight:400; font-size:38px;
  letter-spacing:.4em; color:var(--paper-light); margin:0; line-height:1.4;
  text-shadow:0 1px 24px rgba(10,8,6,.55)}
.rsqx-journal .page-hero__lede{font-family:var(--serif-zh); font-weight:400; font-size:16px;
  letter-spacing:.28em; line-height:2.4; color:rgba(246,240,227,.92); margin:0;
  text-shadow:0 1px 18px rgba(10,8,6,.6)}
.rsqx-journal .page-hero__en{font-family:var(--serif-en); font-size:11px; letter-spacing:.3em;
  text-transform:uppercase; color:rgba(246,240,227,.7); margin:0}
@media(max-width:640px){
  .rsqx-journal .page-hero{min-height:38vh}
  .rsqx-journal .page-hero__inner{padding:56px 24px 44px; justify-content:center}
  .rsqx-journal .page-hero__mark{writing-mode:horizontal-tb; flex-direction:column; align-items:center; gap:.9em; text-align:center}
  .rsqx-journal .page-hero__zh{font-size:27px; letter-spacing:.3em}
}

/* ══════ 引首 ══════ */
.rsqx-journal .lede{max-width:640px; margin:0 auto; padding:110px 24px 0; text-align:center}
.rsqx-journal .lede__tick{width:1px; height:40px; background:var(--ochre); margin:0 auto 40px}
.rsqx-journal .lede__title{font-family:var(--kai); font-weight:400; font-size:28px;
  letter-spacing:.4em; color:var(--ink-900); margin:0 0 44px; line-height:1.6}
.rsqx-journal .lede p{font-family:var(--serif-zh); font-weight:400; font-size:17px;
  line-height:2.4; letter-spacing:.05em; color:var(--ink-body); margin:0 0 1.9em}
.rsqx-journal .lede p:last-child{margin:0}
.rsqx-journal .lede__rule{width:1px; height:56px; background:var(--line-2); margin:70px auto 0}

/* ══════ 版心 ══════ */
.rsqx-journal .wrap{max-width:1180px; margin:0 auto; padding:0 44px 140px}
@media(max-width:640px){.rsqx-journal .wrap{padding:0 24px 120px}}

.rsqx-journal section{padding:110px 0; border-top:1px solid var(--line-1)}
.rsqx-journal section:first-of-type{border-top:0}
.rsqx-journal .secgrid{display:grid; grid-template-columns:110px 1fr; gap:56px; align-items:start}
@media(max-width:900px){.rsqx-journal .secgrid{grid-template-columns:1fr; gap:32px}}

/* 直排題款 */
.rsqx-journal .seclabel{display:flex; flex-direction:row-reverse; align-items:flex-start; gap:14px;
  position:sticky; top:44px}
.rsqx-journal .glyph{font-family:var(--kai); font-weight:400; font-size:44px; color:var(--ink-900);
  writing-mode:vertical-rl; line-height:1; letter-spacing:0}
.rsqx-journal .vsub{font-family:var(--kai); font-weight:400; font-size:15px; color:var(--ochre);
  writing-mode:vertical-rl; letter-spacing:.3em; padding-top:6px}
.rsqx-journal .ven{font-family:var(--serif-en); text-transform:uppercase; font-size:11px;
  color:var(--ink-faint); writing-mode:vertical-rl; letter-spacing:.3em; padding-top:8px}
@media(max-width:900px){
  .rsqx-journal .seclabel{position:static; flex-direction:row; align-items:baseline; gap:18px;
    padding-bottom:18px; border-bottom:1px solid var(--line-1)}
  .rsqx-journal .glyph,.rsqx-journal .vsub,.rsqx-journal .ven{writing-mode:horizontal-tb !important; padding-top:0}
  .rsqx-journal .glyph{font-size:32px}
  .rsqx-journal .ven{margin-left:auto}
}

/* 引導語 */
.rsqx-journal .guide{margin:0 0 56px}
.rsqx-journal .guide p{font-family:var(--serif-zh); font-weight:400; font-size:17px; line-height:2.25;
  letter-spacing:.04em; color:var(--ink-body); margin:0 0 1.5em; max-width:33em}
.rsqx-journal .guide p:last-child{margin:0}

/* ══════ 欄位 ══════ */
.rsqx-journal .field{margin:0 0 48px}
.rsqx-journal label.f{display:block; font-family:var(--kai); font-size:18px; font-weight:400;
  color:var(--ink-900); letter-spacing:.16em; margin:0 0 8px; line-height:1.8}
.rsqx-journal label.f .en{font-family:var(--serif-en); text-transform:uppercase; font-size:11px;
  letter-spacing:.26em; color:var(--ochre); margin-left:14px}
.rsqx-journal label.f .hint{font-family:var(--sans-zh); font-weight:400; font-size:14px;
  letter-spacing:.04em; color:var(--ink-muted); margin-left:12px}
.rsqx-journal .sublab{font-family:var(--sans-zh); font-weight:400; font-size:14px;
  letter-spacing:.1em; color:var(--ink-muted); margin:0 0 2px; display:block}

.rsqx-journal input[type=text],.rsqx-journal input[type=number],.rsqx-journal input[type=date],.rsqx-journal input[type=time],.rsqx-journal textarea,.rsqx-journal select{
  width:100%; background:transparent; border:0; border-bottom:1px solid var(--line-3);
  padding:10px 0; font-family:var(--serif-zh); font-weight:400; font-size:18px;
  color:var(--ink-900); outline:none; transition:border-color .4s ease; letter-spacing:.03em;
  border-radius:0; -webkit-appearance:none; appearance:none; line-height:1.9;
}
.rsqx-journal textarea{resize:vertical; min-height:5.5rem; line-height:2.15}
.rsqx-journal input:focus,.rsqx-journal textarea:focus,.rsqx-journal select:focus{border-bottom-color:var(--ochre); border-bottom-width:1px}
.rsqx-journal input::placeholder,.rsqx-journal textarea::placeholder{color:var(--ink-faint); font-weight:400; letter-spacing:.03em; opacity:1}

.rsqx-journal .grid{display:grid; gap:32px 40px}
.rsqx-journal .g2{grid-template-columns:1fr 1fr}
.rsqx-journal .g3{grid-template-columns:1fr 1fr 1fr}
@media(max-width:640px){.rsqx-journal .g2,.rsqx-journal .g3{grid-template-columns:1fr}}

/* ══════ chips ══════ */
.rsqx-journal .chips{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px}
.rsqx-journal .chip{
  border:1px solid var(--line-2); background:transparent; color:var(--ink-body);
  padding:8px 16px; border-radius:0; font-size:15px; cursor:pointer;
  font-family:var(--sans-zh); font-weight:400; letter-spacing:.06em;
  transition:color .3s ease,border-color .3s ease,box-shadow .3s ease; line-height:1.7;
}
.rsqx-journal .chip:hover{border-color:var(--ochre); color:var(--ink-900)}
.rsqx-journal .chip.on{border-color:var(--ochre); color:var(--ochre-deep); background:transparent;
  box-shadow:inset 0 0 0 1px var(--ochre)}

/* ══════ 鬆緊表 ══════ */
.rsqx-journal .songtable{margin-top:20px; max-width:400px}
.rsqx-journal .songrow{display:grid; grid-template-columns:1fr repeat(3,54px); align-items:center;
  border-bottom:1px solid var(--line-1)}
.rsqx-journal .songrow.head{border-bottom:1px solid var(--line-2)}
.rsqx-journal .songrow.head div{font-family:var(--sans-zh); font-weight:400; font-size:13px;
  letter-spacing:.16em; color:var(--ink-muted); padding:9px 0}
.rsqx-journal .songrow .head-c{text-align:center}
.rsqx-journal .songrow .rname{font-family:var(--serif-zh); font-weight:400; font-size:16px;
  color:var(--ink-body); letter-spacing:.14em; padding:12px 0}
.rsqx-journal .sbox{width:13px; height:13px; border:1px solid var(--line-3); background:transparent;
  cursor:pointer; margin:12px auto; display:block; padding:0; border-radius:50%;
  transition:all .3s ease}
.rsqx-journal .sbox:hover{border-color:var(--ochre)}
.rsqx-journal .sbox.on{background:var(--ochre); border-color:var(--ochre); box-shadow:0 0 0 3px rgba(140,104,69,.14)}
.rsqx-journal .tablehint{font-family:var(--sans-zh); font-weight:400; font-size:14px;
  color:var(--ink-muted); margin-top:14px; letter-spacing:.03em; line-height:2}

/* ══════ 圖 ══════ */
.rsqx-journal .maptools{display:flex; flex-wrap:wrap; gap:22px; align-items:center;
  padding:14px 0; border-top:1px solid var(--line-1); border-bottom:1px solid var(--line-1);
  margin:18px 0 32px}
.rsqx-journal .tgroup{display:flex; align-items:center; gap:7px}
.rsqx-journal .tgroup>.lab{font-family:var(--sans-zh); font-weight:400; font-size:13px;
  letter-spacing:.12em; color:var(--ink-muted); margin-right:3px; white-space:nowrap}
.rsqx-journal .swatch{width:22px; height:22px; border:1px solid var(--line-3); cursor:pointer;
  transition:all .3s ease; border-radius:50%}
.rsqx-journal .swatch.on{outline:1.5px solid var(--ochre); outline-offset:3px}
.rsqx-journal .tbtn{border:1px solid var(--line-2); background:transparent; color:var(--ink-body);
  padding:6px 14px; font-size:14px; cursor:pointer; font-family:var(--sans-zh);
  font-weight:400; letter-spacing:.08em; transition:all .3s ease; border-radius:0}
.rsqx-journal .tbtn.on{border-color:var(--ochre); color:var(--ochre-deep); box-shadow:inset 0 0 0 1px var(--ochre)}
.rsqx-journal .tbtn:hover{border-color:var(--ochre)}
.rsqx-journal input[type=range]{width:70px; accent-color:var(--ochre); background:transparent; border:0; padding:0}

.rsqx-journal .canvases{display:flex; gap:36px; justify-content:center; flex-wrap:wrap}
.rsqx-journal .figbox{position:relative; width:230px; height:428px; touch-action:none;
  border:1px solid var(--line-1)}
.rsqx-journal .figbox svg{position:absolute; inset:0; width:100%; height:100%; pointer-events:none}
.rsqx-journal .figbox canvas{position:absolute; inset:0; width:100%; height:100%; cursor:crosshair}
.rsqx-journal .figlab{position:absolute; top:10px; left:12px; font-family:var(--serif-en);
  text-transform:uppercase; font-size:11px; letter-spacing:.28em; color:var(--ink-faint); z-index:3}
.rsqx-journal .maphint{font-family:var(--sans-zh); font-weight:400; font-size:14px; color:var(--ink-muted);
  text-align:center; margin-top:22px; letter-spacing:.03em; line-height:2}

.rsqx-journal .innerbox{position:relative; width:100%; max-width:540px; height:380px; margin:0 auto;
  background:#171310; border:1px solid var(--line-1); touch-action:none}
.rsqx-journal .innerbox canvas{position:absolute; inset:0; width:100%; height:100%; cursor:crosshair}
.rsqx-journal .innerbox.paper{background:var(--paper-100)}
.rsqx-journal .innerbox .figlab{color:rgba(246,240,227,.5)}
.rsqx-journal .innerbox.paper .figlab{color:var(--ink-muted)}

.rsqx-journal .note{font-family:var(--sans-zh); font-weight:400; font-size:14px; color:var(--ink-muted);
  margin-top:14px; letter-spacing:.03em; line-height:2.05; max-width:33em}

/* ══════ 工具列 ══════ */
.rsqx-journal .bar{position:fixed; bottom:0; left:0; right:0; background:rgba(250,246,238,.95);
  backdrop-filter:blur(10px); border-top:1px solid var(--line-2); padding:12px 24px; z-index:50}
.rsqx-journal .barin{max-width:1180px; margin:0 auto; display:flex; gap:8px; align-items:center; flex-wrap:wrap}
.rsqx-journal .btn{display:inline-block; padding:10px 22px; background:transparent; color:var(--ochre-deep);
  border:1px solid var(--line-3); border-radius:0; font-family:var(--sans-zh);
  font-weight:400; font-size:15px; letter-spacing:.12em; cursor:pointer;
  transition:border-color .3s ease,color .3s ease,background .3s ease}
.rsqx-journal .btn:hover{border-color:var(--ochre); color:var(--ochre)}
.rsqx-journal .btn.primary{border-color:var(--ochre); color:var(--paper-100); background:var(--ochre)}
.rsqx-journal .btn.primary:hover{background:var(--ochre-deep); border-color:var(--ochre-deep); color:var(--paper-100)}
.rsqx-journal .status{font-family:var(--sans-zh); font-weight:400; font-size:14px;
  color:var(--ink-muted); margin-left:auto; letter-spacing:.04em}
.rsqx-journal .hidden{display:none !important}

/* ══════ 落款 ══════ */





/* fade-in */
.rsqx-journal .fade{opacity:0; transition:opacity 1.1s ease}
.rsqx-journal .fade.in{opacity:1}

@media print{
  .rsqx-journal{background:#fff}
  .rsqx-journal .page-hero{min-height:auto; background:#fff; page-break-after:avoid}
  .rsqx-journal .page-hero>img,.rsqx-journal .page-hero::after{display:none}
  .rsqx-journal .page-hero__zh,.rsqx-journal .page-hero__lede,.rsqx-journal .page-hero__en{color:var(--ink-900) !important}
  .rsqx-journal .page-hero__inner{padding:24px 0; justify-content:center}
  .rsqx-journal .bar,.rsqx-journal .maptools,.rsqx-journal .tablehint{display:none !important}
  .rsqx-journal .innerbox{background:#fff !important}
  
  .rsqx-journal section{break-inside:avoid; padding:28px 0}
  .rsqx-journal .seclabel{position:static}
  .rsqx-journal .wrap{padding:0}
  .rsqx-journal .fade{opacity:1}
}
@media(prefers-reduced-motion:reduce){.rsqx-journal *{transition-duration:.01ms !important}}


/* ── 主題覆寫（地雷 #3：main.wp-block-post-content > *{max-width:none}）── */
main.wp-block-post-content > .rsqx-journal{max-width:none;margin-left:auto;margin-right:auto}

/* ── 分享開關（Phase 2 新增，不在參照檔內）── */
.rsqx-journal .share{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rsqx-journal .share input[type=checkbox]{width:15px;height:15px;accent-color:var(--ochre);flex:none}
.rsqx-journal .share label{font-family:var(--sans-zh);font-weight:400;font-size:14px;
  letter-spacing:.04em;color:var(--ink-body);cursor:pointer}
.rsqx-journal .share .sharehint{font-family:var(--sans-zh);font-weight:400;font-size:12.5px;
  letter-spacing:.04em;color:var(--ink-muted)}

/* ── 未登入引導 ── */
.rsqx-journal-gate{max-width:var(--width-prose,720px);margin:0 auto;padding:80px 24px;text-align:center}
.rsqx-journal-gate .g-zh{font-family:'LXGW WenKai TC','Noto Serif TC',serif;font-weight:300;
  font-size:24px;letter-spacing:.32em;color:#1A1815;margin:0 0 18px}
.rsqx-journal-gate .g-tick{width:1px;height:30px;background:#8C6845;margin:0 auto 26px}
.rsqx-journal-gate p{font-family:'Noto Serif TC',serif;font-size:15px;line-height:2.1;
  color:#3A352E;margin:0 0 14px}
.rsqx-journal-gate a{color:#8C6845;text-decoration:none;border-bottom:1px solid #8C6845}

/* ── 讀取用下拉（取代參照檔的 prompt()）── */
.rsqx-journal .loadwrap{position:relative;display:inline-block}
.rsqx-journal .loadmenu{display:none;position:absolute;bottom:calc(100% + 8px);left:0;z-index:40;
  min-width:230px;max-height:320px;overflow:auto;background:var(--paper-100);
  border:1px solid var(--line-2)}
.rsqx-journal .loadmenu.on{display:block}
.rsqx-journal .loadmenu button{display:block;width:100%;text-align:left;background:transparent;
  border:0;border-bottom:1px solid var(--line-1);padding:10px 14px;cursor:pointer;
  font-family:var(--sans-zh);font-weight:400;font-size:13.5px;letter-spacing:.04em;color:var(--ink-body)}
.rsqx-journal .loadmenu button:last-child{border-bottom:0}
.rsqx-journal .loadmenu button:hover{background:var(--paper-200);color:var(--ochre)}
.rsqx-journal .loadmenu .empty{padding:12px 14px;font-family:var(--sans-zh);font-size:13px;
  color:var(--ink-muted)}

/* ══════════════════════════════════════════════════════════
   /practice-journal/guide 說明頁
   文字取自 guide-content.md（已定稿）。版式：v3 素紙內文。
   ══════════════════════════════════════════════════════════ */
.guide-v3{max-width:720px;margin:0 auto;padding:0 24px 96px}
main.wp-block-post-content > .guide-v3{max-width:720px;margin-left:auto;margin-right:auto}
.guide-v3__lede{padding:8px 0 4px}
.guide-v3__lede p{font-family:'LXGW WenKai TC','Noto Serif TC',serif;font-weight:400;
  font-size:17px;line-height:2.3;letter-spacing:.04em;color:#3A352E;margin:0 0 18px}
.guide-v3__rule{width:1px;height:46px;background:#8C6845;margin:36px auto}
.guide-v3__sec{margin:0 0 58px}
.guide-v3__sec h2{font-family:'LXGW WenKai TC','Noto Serif TC',serif;font-weight:400;
  font-size:22px;letter-spacing:.16em;color:#1A1815;margin:0 0 26px;
  padding-bottom:14px;border-bottom:1px solid #DDD6C8}
.guide-v3__sec h3{font-family:'LXGW WenKai TC','Noto Serif TC',serif;font-weight:400;
  font-size:17px;letter-spacing:.1em;color:#8C6845;margin:34px 0 14px}
.guide-v3__sec p{font-family:'Noto Serif TC',serif;font-weight:400;font-size:15px;
  line-height:2.15;letter-spacing:.04em;color:#3A352E;margin:0 0 16px}
.guide-v3__sec strong{font-weight:600;color:#1A1815}
.guide-v3__sec ul{margin:0 0 16px;padding-left:1.2em}
.guide-v3__sec li{font-family:'Noto Serif TC',serif;font-weight:400;font-size:15px;
  line-height:2.15;letter-spacing:.04em;color:#3A352E;margin:0 0 8px}
.guide-v3__sec blockquote{margin:14px 0;padding:12px 20px;border-left:2px solid #8C6845;
  background:#F2EBDC;font-family:'LXGW WenKai TC','Noto Serif TC',serif;font-weight:400;
  font-size:15px;line-height:2;letter-spacing:.04em;color:#3A352E}
.guide-v3__table{width:100%;border-collapse:collapse;margin:18px 0 20px}
.guide-v3__table th,.guide-v3__table td{text-align:left;padding:10px 12px;
  border-bottom:1px solid #DDD6C8;font-family:'Noto Sans TC',sans-serif;font-weight:400;
  font-size:14px;letter-spacing:.04em;color:#3A352E;vertical-align:top}
.guide-v3__table th{font-family:'LXGW WenKai TC','Noto Serif TC',serif;font-size:15px;
  color:#8C6845;border-bottom:1px solid #C9BFAE;white-space:nowrap}
.guide-v3__end p{font-family:'LXGW WenKai TC','Noto Serif TC',serif;font-weight:400;
  font-size:16px;line-height:2.3;letter-spacing:.06em;color:#6B655C;margin:0 0 12px;text-align:center}
@media (max-width:640px){
  .guide-v3{padding:0 20px 64px}
  .guide-v3__lede p{font-size:16px}
  .guide-v3__sec h2{font-size:20px}
}

/* ── 頁首佔位圖（待創辦人補正式主視覺後可改回 <img>）──
   參照檔原本是 <img> 直接填滿 .page-hero；換成 .img-ph 後
   會變成 flex item 只佔一半，故補上絕對定位填滿。 */
.rsqx-journal .page-hero > .img-ph{
  position:absolute; inset:0; width:100%; height:100%;
  display:flex; align-items:center; justify-content:center;
  background:var(--paper-200);
  background-image:repeating-linear-gradient(45deg,
    var(--paper-100) 0, var(--paper-100) 8px,
    var(--paper-200) 8px, var(--paper-200) 16px);
  color:var(--ink-faint); font-family:var(--serif-en);
  font-size:12px; letter-spacing:.24em; text-transform:uppercase;
}

/* 頁首主視覺（2026-07-15 上圖後）：與 .img-ph 同一組填滿規則 */
.rsqx-journal .page-hero > img,
.rsqx-journal .page-hero > .page-hero__img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:50% 45%;
}

/* ── 未登入引導的三顆 CTA（2026-07-15 公開化）── */
.rsqx-journal-gate .g-lede{font-family:'LXGW WenKai TC','Noto Serif TC',serif;font-weight:400;
  font-size:16px;line-height:2.2;letter-spacing:.05em;color:#3A352E;margin:0 0 10px}
.rsqx-journal-gate .g-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:34px 0 0}
.rsqx-journal-gate .g-btn{display:inline-block;padding:11px 26px;border:1px solid #8C6845;
  color:#8C6845;background:transparent;text-decoration:none;
  font-family:'Noto Sans TC',sans-serif;font-weight:400;font-size:14px;letter-spacing:.08em;
  transition:background .15s,color .15s}
.rsqx-journal-gate .g-btn:hover{background:#8C6845;color:#FAF6EE}
.rsqx-journal-gate .g-btn--primary{background:#8C6845;color:#FAF6EE}
.rsqx-journal-gate .g-btn--primary:hover{background:#5C4630;border-color:#5C4630}
.rsqx-journal-gate .g-note{font-family:'Noto Sans TC',sans-serif;font-size:13px;
  letter-spacing:.04em;color:#6B655C;margin-top:30px}
@media (max-width:640px){.rsqx-journal-gate .g-cta{flex-direction:column}
  .rsqx-journal-gate .g-btn{width:100%}}