/* A quiet, optional reference below the discovery activities. */
.tips-library {margin-top:28px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;scroll-margin-top:24px;}
.tips-library h2 {margin:0 0 8px;font-size:28px;letter-spacing:-.5px;}
.tips-intro {margin:0 0 20px;color:var(--muted);}
.tips-category {border-top:1px solid var(--line);}
.tips-category > summary {padding:16px 4px;min-height:56px;cursor:pointer;color:var(--ink);}
.tips-category > summary h3 {display:inline;margin:0;font-size:20px;line-height:1.5;overflow-wrap:anywhere;}
.tips-category > summary::marker {color:var(--blue);}
.tips-category > summary:focus-visible {outline:3px solid #077ea4;outline-offset:3px;border-radius:6px;}
.tips-category[open] > summary {color:var(--blue);}
.tips-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:2px 0 20px;}
.tips-card {min-width:0;padding:18px;border:1px solid #d5e4f3;border-radius:14px;background:#f5f9ff;overflow-wrap:anywhere;}
.tips-card-wide {grid-column:1 / -1;}
.tips-card h4 {margin:0 0 10px;font-size:20px;line-height:1.4;}
.tips-card p {margin:8px 0;}
.tips-card p:last-child {margin-bottom:0;}
.tips-card .tips-example {font-weight:700;color:#204e7c;font-variant-numeric:tabular-nums;line-height:1.6;}
.tips-card .tips-note {font-size:16px;color:var(--muted);}
.tips-nine-key {display:flex;flex-wrap:wrap;gap:8px 24px;font-weight:700;}
.tips-nine-key span:first-child,.tips-tens {color:#187043;}
.tips-nine-key span:last-child,.tips-ones {color:#83531b;}
.tips-nine-pattern {list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;padding:0;}
.tips-nine-pattern li {display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:6px 8px;border:1px solid #c8dced;border-radius:9px;background:#fff;font-size:25px;font-weight:700;line-height:1.3;letter-spacing:2px;font-variant-numeric:tabular-nums;}
.tips-more-link,.tips-more {font-size:16px;}
.tips-more-link a,.tips-more a {color:var(--blue);text-decoration:underline;text-underline-offset:3px;}
@media(max-width:750px) {
  .tips-library {padding:20px;}
}
@media(max-width:600px) {
  .tips-grid {grid-template-columns:minmax(0,1fr);}
  .tips-library {padding:16px;border-radius:16px;}
  .tips-library h2 {font-size:26px;}
  .tips-card {padding:16px;}
  .tips-nine-pattern {gap:6px;}
  .tips-nine-pattern li {min-width:40px;min-height:44px;padding:6px;font-size:23px;}
}