@charset "utf-8";

/* picdic-en.css v4 - LanGeek English MDX (2026) */

* {
  box-sizing: border-box;
}

body {
  margin: 8px 4px;
  color: #1f2937;
  background: #ffffff;
  font: 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  overflow-wrap: anywhere;
}

.cls1 h1 {
  display: none;
}

.cls1 p {
  margin: 0;
}

.cls1 a {
  color: #2563eb;
  text-decoration: none;
}

.cls1 a:hover {
  text-decoration: underline;
}

.cls1 img {
  height: auto;
  max-width: 100%;
}

button,
input,
select,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  background: none;
  font: inherit;
}

/* The source includes an empty utility button and several audio controls. */
.cls11,
.cls12,
.cls17,
.cls69,
.cls72,
.cls73,
.cls75,
.cls81,
.cls87,
.cls89,
.cls91,
.cls114 {
  display: none;
}

/* Fixed source link; sense-number clicks provide the normal local shortcut. */
a[href="#topAnchor"] {
  z-index: 20;
  padding: 1px 5px;
  border: 1px solid #cbd5e1;
  border-radius: 8px 0 0 0;
  color: #64748b;
  background: rgba(255, 255, 255, 0.92);
  font-size: 11px;
  text-decoration: none;
}

/* Headword and pronunciation */
.cls4 {
  margin-bottom: 6px;
}

.cls6,
.cls6 > .cls7,
.cls8,
.cls9 {
  display: flex;
  align-items: center;
}

.cls6 {
  flex-wrap: wrap;
  gap: 8px;
}

.cls6 > .cls7 {
  min-width: 0;
}

.cls10 {
  color: #1d4ed8;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.55em;
  font-weight: 700;
}

.cls14,
.cls15,
.cls16,
.cls18 {
  display: inline;
}

.cls18,
.cls19 {
  color: #475569;
}

.cls19 {
  margin-left: 2px;
  font-family: "Lucida Sans Unicode", "Segoe UI", sans-serif;
  font-size: 14px;
}

/* Part-of-speech navigation */
.cls21 {
  margin-bottom: 6px;
}

.cls21 a {
  display: inline-block;
  margin: 0 4px 3px 0;
}

.cls21 button {
  cursor: pointer;
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  padding: 1px 7px;
  color: #1e3a8a;
  background: #dbeafe;
  font-size: 13px;
  font-weight: 600;
}

.cls21 button:hover {
  border-color: #60a5fa;
  background: #bfdbfe;
}

.cls93,
.cls94,
.cls96 {
  display: inline;
}

.cls93 {
  margin-left: 4px;
  color: #475569;
  font-size: 13px;
}

.cls94 + .cls94::before {
  content: " · ";
}

/* Part-of-speech section heading */
.cls24 {
  margin-top: 10px;
}

.cls25 {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 8px;
}

.cls26 {
  display: flex;
  align-items: center;
}

.cls27,
.cls153,
.cls155 {
  color: #1d4ed8;
  font-size: 15px;
  font-weight: 700;
}

.cls28 {
  color: #c2410c;
  font-size: 13px;
  font-weight: 700;
}

.cls30 {
  color: #c2410c !important;
}

/* Senses and definitions */
.cls33 {
  margin: 8px 0 0 4px;
  padding-top: 7px;
  border-top: 1px dashed #dbe3ec;
}

.cls34,
.cls105 {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 4px;
}

.cls92 > .cls34 {
  margin-top: 8px;
  padding-top: 7px;
  border-top: 1px dashed #e2e8f0;
}

.cls37 {
  display: flex;
  align-items: baseline;
  gap: 5px;
}

.cls38 {
  flex: 0 0 auto;
  cursor: pointer;
  border-radius: 10px;
  padding: 0 5px;
  color: #ffffff;
  background: #4f46e5;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.55;
}

.cls39 {
  display: block;
  flex: 1 1 auto;
  color: #234f91;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

/* Primary and secondary sense images */
.cls100,
.cls149 {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 7px;
}

.cls35,
.cls100,
.cls106,
.cls149,
.cls100 > .cls36,
.cls149 > .cls107 {
  flex: 1 1 70%;
  min-width: 190px;
}

.cls34 > .cls35,
.cls34 > .cls100,
.cls105 > .cls106,
.cls105 > .cls149 {
  flex-basis: 100%;
  min-width: 100%;
}

.cls101,
.cls150 {
  flex: 0 0 20%;
  width: 20%;
  min-width: 92px;
  max-width: 220px;
  cursor: pointer;
  transition: width 0.2s ease, flex-basis 0.2s ease;
}

.cls102,
.cls151 {
  display: block;
  width: 100%;
  border-radius: 7px;
  box-shadow: 0 1px 5px rgba(15, 23, 42, 0.18);
}

.cls101[data-picdic-expanded="1"],
.cls150[data-picdic-expanded="1"] {
  min-width: 100%;
}

/* Usage labels */
.cls124 {
  margin: 4px 0;
}

.cls124::before {
  content: "⚑";
  margin-right: 4px;
  color: #b45309;
}

.cls125 {
  display: inline-block;
  margin: 1px 4px 1px 0;
}

.cls126 {
  display: inline-block;
  border: 1px solid #fed7aa;
  border-radius: 10px;
  padding: 1px 6px;
  color: #92400e;
  background: #fff7ed;
  font-size: 12px;
}

/* Dialect and regional equivalents */
.cls40,
.cls163 {
  margin: 4px 0;
}

.cls41 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 1px 5px 1px 0;
  border-radius: 10px;
  padding: 1px 7px;
  color: #92400e;
  background: #fff7ed;
  font-size: 12px;
}

.cls42 {
  color: #64748b;
}

.cls44 {
  color: #b45309;
}

.cls45 {
  display: inline;
}

/* Synonyms and antonyms */
.cls117 {
  display: block;
  margin-top: 4px;
}

.cls118,
.cls127 {
  display: inline-block;
  margin: 1px 3px 1px 0;
  border-radius: 10px;
  padding: 1px 6px;
  font-size: 13px;
}

.cls118 {
  color: #155e75 !important;
  background: #ecfeff;
}

.cls118::before {
  content: "≈ ";
}

.cls127 {
  cursor: default;
  color: #9f1239;
  background: #fff1f2;
}

.cls127::before {
  content: "≠ ";
}

/* Verb valency and patterns */
.cls136 {
  margin-top: 4px;
}

.cls137 {
  display: block;
  margin: 2px 0;
}

.cls138 {
  display: inline;
}

.cls139,
.cls152,
.cls159,
.cls160,
.cls161 {
  color: #64748b;
  font-size: 13px;
  font-style: italic;
}

.cls140 {
  color: #475569;
  font-size: 13px;
}

.cls141 {
  color: #3730a3;
  font-weight: 700;
}

/* Grammatical Information */
.cls47 {
  clear: both;
  margin: 8px 0;
}

.cls48 {
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
}

.cls49 {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  padding: 6px 10px;
  user-select: none;
}

.cls50 {
  color: #5b21b6;
  font-size: 13px;
  font-weight: 650;
}

.cls51 {
  color: #7c3aed;
  font-size: 10px;
}

.cls51::after {
  content: "▶";
}

.cls48[data-collapsed="0"] .cls51::after {
  content: "▼";
}

.cls54 {
  display: none;
  padding: 7px 10px 9px;
  border-top: 1px solid #e9e4f5;
  background: #ffffff;
}

.cls56,
.cls116,
.cls142,
.cls54 > .cls55 > .cls83 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 12px;
}

.cls115 {
  display: block;
}

.cls57 {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
}

.cls58,
.cls60 {
  display: inline;
}

.cls59 {
  color: #64748b;
  font-size: 12px;
}

.cls59::after {
  content: ":";
}

.cls61 {
  color: #334155;
  font-family: Georgia, serif;
  font-size: 13px;
  font-weight: 600;
}

.cls62,
.cls122,
.cls123 {
  display: inline-block;
  border: 1px solid #bfdbfe;
  border-radius: 10px;
  padding: 1px 7px;
  color: #1d4ed8;
  background: #eff6ff;
  font-size: 12px;
  font-weight: 500;
}

.cls123 {
  border-color: #fed7aa;
  color: #b45309;
  background: #fff7ed;
}

/* Verb tense table */
.cls143 {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 12px;
  margin-top: 7px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 6px 9px;
  background: #ffffff;
}

.cls144 {
  display: flex;
  align-items: baseline;
  flex: 1 1 205px;
  padding: 2px 0;
}

.cls145 {
  flex: 0 0 112px;
}

.cls146 {
  color: #64748b;
  font-size: 12px;
  font-style: italic;
}

.cls147 {
  display: inline;
  margin-left: 4px;
}

.cls148 {
  color: #3730a3;
  font-family: Georgia, serif;
  font-size: 13px;
  font-weight: 600;
}

/* "What is ...?" explanatory box */
.cls63 {
  margin: 8px 0;
  border: 1px solid #fed7aa;
  border-radius: 9px;
  padding: 5px 8px;
  color: #7c2d12;
  background: #fff7ed;
  font-family: Georgia, serif;
}

.cls64 {
  display: block;
  cursor: pointer;
  color: #9a3412;
  font-weight: 650;
  user-select: none;
}

.cls64::after {
  content: " ▶";
  color: #c2410c;
  font-size: 11px;
}

.cls63[data-open="1"] .cls64::after {
  content: " ▼";
}

.cls65 {
  display: none;
  margin-top: 4px !important;
  color: #4b3025;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

/* Examples */
.cls66 {
  margin-top: 5px;
}

.cls83,
.cls84,
.cls85 {
  display: block;
}

.cls86 {
  position: relative;
  padding-left: 1.15em;
  color: #123b25;
  font-family: Bookerly, Georgia, serif;
  line-height: 1.4;
}

.cls86::before {
  content: "●";
  position: absolute;
  top: 2px;
  left: 0;
  color: #15803d;
  font-size: 0.9em;
}

.cls86 b {
  color: #064e3b;
  font-weight: 750;
}

/* Sub-senses (1.1, 1.2, and so on) */
.cls103 {
  margin-top: 7px;
  padding-left: 8px;
  border-left: 2px solid #e2e8f0;
}

.cls104 {
  margin-top: 5px;
}

.cls108,
.cls110,
.cls111 {
  display: inline;
}

.cls109 {
  display: inline-block;
  cursor: pointer;
  margin-right: 5px;
  border-radius: 10px;
  padding: 0 5px;
  color: #ffffff;
  background: #6366f1;
  font-size: 11px;
  line-height: 1.55;
}

.cls111 {
  color: #234f91;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

/* Nested secondary records contained in a single MDX value. */
.cls162 {
  margin-top: 14px;
  padding-top: 10px;
  border-top: 2px solid #cbd5e1;
}

@media (max-width: 520px) {
  body {
    margin: 5px 3px;
  }

  .cls10 {
    font-size: 1.4em;
  }

  .cls100 > .cls36,
  .cls149 > .cls107 {
    min-width: 160px;
  }

  .cls101,
  .cls150 {
    min-width: 78px;
  }

  .cls144 {
    flex-basis: 100%;
  }
}
