/* /japan-phrases/ — phrase tables, reply cards and paywall teasers.
   Layered on top of /guides/guides.css so the two content surfaces feel like one site. */
.ph-tablewrap{overflow-x:auto;margin:18px 0}
.ph-table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.ph-table th{text-align:left;font-size:13px;text-transform:uppercase;letter-spacing:.04em;
  color:#6b675e;border-bottom:2px solid rgba(40,30,10,.14);padding:8px 10px}
.ph-table td{padding:11px 10px;border-bottom:1px solid rgba(40,30,10,.09);vertical-align:top}
.ph-table tr:last-child td{border-bottom:0}
.ph-ro strong{font-size:16px;letter-spacing:-.01em}
.ph-jp{font-size:16px;white-space:nowrap}
.ph-en{color:#5d5850}
.ph-note{font-size:13px;color:#6b675e;margin-top:3px;font-style:italic}
.ph-say{background:none;border:0;cursor:pointer;font-size:15px;padding:0 0 0 6px;opacity:.55}
.ph-say:hover{opacity:1}
.ph-golden{background:#fdf6e6;border-left:3px solid #e8943f;padding:12px 16px;margin:16px 0;
  border-radius:0 8px 8px 0}
.ph-golden p{margin:6px 0 0}
.ph-tag{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;
  font-weight:700;color:#b4762c}
.ph-tag-you{color:#4039c7}
.ph-replies{display:grid;gap:12px;margin:16px 0}
.ph-reply{display:grid;grid-template-columns:1fr 1fr;gap:14px;border:1px solid rgba(40,30,10,.12);
  border-radius:10px;padding:14px;background:#fffdf9}
.ph-reply .ph-jp{white-space:normal}
.ph-you{border-left:1px solid rgba(40,30,10,.10);padding-left:14px}
.ph-lockedwrap{margin:34px 0 10px;padding:22px;border:1px dashed rgba(40,30,10,.22);
  border-radius:12px;background:#faf7f1}
.ph-lockedgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;
  margin:16px 0}
.ph-locked{border:1px solid rgba(40,30,10,.12);border-radius:10px;padding:14px;background:#fff}
.ph-locked h3{margin:0 0 6px;font-size:16px}
.ph-peek{list-style:none;padding:0;margin:10px 0;font-size:14px}
.ph-peek li{margin:0 0 8px}
.ph-more{font-size:13px;color:#6b675e;margin:10px 0 0}
.ph-cta{margin:16px 0 0}
.ph-hubgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;
  margin:22px 0}
.ph-hubcard{border:1px solid rgba(40,30,10,.12);border-radius:12px;padding:18px;background:#fff}
.ph-hubcard h2{font-size:17px;margin:0 0 6px}
.ph-hubcard p{font-size:14px;color:#5d5850;margin:0 0 10px}
@media(max-width:640px){.ph-reply{grid-template-columns:1fr}
  .ph-you{border-left:0;border-top:1px solid rgba(40,30,10,.10);padding-left:0;padding-top:12px}}