/* tibetan.html: phrases, script, phonetics. */

.phrases { display: grid; gap: .7rem; margin-top: 2.2rem; }
.ph {
  display: grid; gap: .2rem 1.4rem; align-items: baseline;
  grid-template-columns: minmax(0, 1fr);
  padding: .95rem 1.1rem; border-radius: 10px;
  background: var(--paper); border: 1px solid var(--rule-soft);
}
@media (min-width: 720px) {
  .ph { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.15fr) minmax(0, .8fr); }
  .ph__note { grid-column: 1 / -1; }
}
.ph__eng { font-size: .95rem; line-height: 1.5; }
.ph__tib {
  font-size: 1.28rem; line-height: 2; color: var(--maroon);
}
.ph__pho {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .86rem; color: var(--turquoise); letter-spacing: .01em;
}
.ph__note {
  margin: .5rem 0 0; font-size: .84rem; line-height: 1.6; color: var(--tx-soft);
  padding-top: .5rem; border-top: 1px solid var(--rule-soft); max-width: 72ch;
}
.ph__both {
  display: inline-block; margin-left: .5rem; vertical-align: .12em;
  font-size: .58rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 600;
  color: var(--turquoise); background: rgba(28,111,102,.11);
  border-radius: 4px; padding: .1rem .32rem;
}

.regs {
  display: grid; gap: 1.2rem; margin-top: 2.4rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
}
.reg {
  padding: 1.3rem; border-radius: var(--r);
  background: var(--paper); border: 1px solid var(--rule-soft);
}
.reg__tib { margin: 0 0 .3rem; font-size: 1.5rem; line-height: 1.7; color: var(--maroon); }
.reg h3 { margin: 0 0 .15em; font-size: 1.05rem; }
.reg__wylie {
  margin: 0 0 .7rem; font-size: .76rem; color: var(--tx-faint);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.reg__wylie em { font-style: italic; }
.reg p:last-child { margin: 0; font-size: .89rem; line-height: 1.6; color: var(--tx-soft); }

.dark .ph, .dark .reg { background: rgba(255,255,255,.045); border-color: rgba(255,255,255,.1); }