/* Browser tools share the site's existing typography, colors, and illustrations. */
.colect-home-lab-feature { padding-bottom:36px; border-bottom:1px solid var(--colect-line); }
.colect-home-lab-feature .colect-home-section-title { margin-bottom:14px; }
.colect-home-lab-lead { margin:0 0 24px; font-size:16px; line-height:1.9; color:var(--colect-ink); }
.colect-home-lab-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.colect-home-tool { display:flex; flex-direction:column; min-width:0; padding:24px; border:1px solid var(--colect-line); border-radius:12px; background:#f5f9fc; }
.colect-home-tool-top { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:22px; }
.colect-home-tool-top .colect-home-icon-education { background:#e3efe7; color:#285c48; }
.colect-home-tool-access { font-size:11px; line-height:1.7; color:#526b7e; }
.colect-home-tool-use { margin:0 0 8px; font-size:12px; font-weight:600; line-height:1.8; color:#526b7e; }
.colect-refresh .colect-home-tool h3 { font-size:20px; line-height:1.55; margin:0 0 12px; color:var(--colect-ink); }
.colect-home-tool > p:not(.colect-home-tool-use) { margin:0 0 20px; font-size:14px; line-height:1.9; }
.colect-home-tool-links { display:flex; flex-wrap:wrap; gap:0 18px; margin-top:auto; }
.colect-home-tool-links a { display:inline-flex; align-items:center; gap:8px; min-height:44px; font-size:13px; font-weight:600; }
.colect-home-tool-links a:hover,.colect-home-lab-more a:hover { text-decoration:underline; }
.colect-home-lab-more { margin:20px 0 0; font-size:13px; line-height:1.9; color:#526b7e; }
.colect-home-lab-more a { display:inline-block; padding:6px 0; font-weight:600; }
.colect-lab { width:100%; max-width:1152px; margin:0 auto; padding:12px 24px 64px; }
.colect-lab [hidden] { display:none !important; }
.colect-refresh.colect-lab-page #content { padding-top:32px; }
.colect-lab-back { font-size:12px; color:#687b89; margin-bottom:28px; }
.colect-lab-back span { margin-left:7px; }
.colect-lab-intro { max-width:760px; margin-bottom:30px; }
.colect-refresh .colect-lab h1 { color:var(--colect-ink); font-size:38px; line-height:1.4; margin:0 0 20px; letter-spacing:.025em; }
.colect-lab p { line-height:1.9; }
.colect-lab-lead { font-size:18px; margin-bottom:12px; }
.colect-lab-purposes { scroll-margin-top:24px; }
.colect-refresh .colect-lab-purposes h2 { font-size:20px; margin:0 0 16px; color:var(--colect-ink); }
.colect-lab-purpose-links { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.lab-purpose-lesson { --lab-purpose-color:#2b6c98; --lab-purpose-bg:#eef6fc; }
.lab-purpose-work { --lab-purpose-color:#70528d; --lab-purpose-bg:#f6f2fa; }
.lab-purpose-research { --lab-purpose-color:#347364; --lab-purpose-bg:#eef7f3; }
.lab-purpose-create { --lab-purpose-color:#956c2c; --lab-purpose-bg:#faf5e9; }
.lab-purpose-life { --lab-purpose-color:#7d6551; --lab-purpose-bg:#f8f4ef; }
.colect-refresh .colect-lab-purpose-link { display:flex; flex-direction:column; min-width:0; padding:18px 16px 12px; border:1px solid var(--colect-line); border-top:3px solid var(--lab-purpose-color); border-radius:9px; background:var(--lab-purpose-bg); color:var(--colect-ink); }
.colect-refresh .colect-lab-purpose-link:hover { border-color:var(--lab-purpose-color); }
.colect-lab-purpose-name { display:flex; align-items:baseline; flex-wrap:wrap; gap:6px; font-size:15px; font-weight:700; line-height:1.7; }
.colect-lab-purpose-count { font-size:11px; font-weight:500; color:#617482; }
.colect-lab-purpose-examples { font-size:11px; line-height:1.9; margin:6px 0 8px; color:#526b7e; }
.colect-lab-purpose-arrow { margin-top:auto; color:var(--lab-purpose-color); }
.colect-lab-finder { margin:26px 0 0; padding:22px 24px 12px; border:1px solid var(--colect-line); border-radius:10px; background:#f5f9fc; }
.colect-lab-finder label { display:block; font-size:14px; font-weight:600; margin-bottom:10px; color:var(--colect-ink); }
.colect-lab-search-row { display:flex; flex-wrap:wrap; gap:10px; }
.colect-lab-finder input[type=search] { flex:1 1 220px; min-width:0; width:100%; min-height:46px; padding:10px 14px; border:1px solid #8ea8ba; border-radius:5px; background:#fff; color:var(--colect-ink); font:inherit; font-size:16px; line-height:1.5; }
.colect-lab-finder button,.colect-lab-no-results button { min-height:46px; padding:10px 16px; border:1px solid #8ea8ba; border-radius:5px; background:#fff; color:var(--colect-accent); font:inherit; font-size:13px; font-weight:600; cursor:pointer; }
.colect-lab-finder button:hover,.colect-lab-no-results button:hover { background:#e8f2f9; }
.colect-lab-finder input:focus-visible { outline:3px solid #b87821; outline-offset:3px; }
.colect-lab #colect-lab-search-status { font-size:12px; color:#526b7e; margin:10px 0 0; overflow-wrap:anywhere; }
.colect-lab-access-note { font-size:12px; color:#617482; margin:14px 0 0; }
.colect-lab-tools { margin-top:44px; scroll-margin-top:24px; }
.colect-lab-group-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:12px 20px; padding:0 0 16px; margin-bottom:20px; border-bottom:2px solid var(--lab-purpose-color); }
.colect-refresh .colect-lab-group-heading h2 { display:flex; align-items:baseline; flex-wrap:wrap; gap:12px; font-size:25px; line-height:1.5; color:var(--colect-ink); margin:0 0 6px; }
.colect-lab-group-count { font-size:12px; font-weight:500; color:#617482; }
.colect-lab-group-heading p { font-size:14px; margin:0; color:#526b7e; }
.colect-lab-back-to-index { display:inline-flex; align-items:center; gap:8px; min-height:44px; font-size:12px; font-weight:600; }
.colect-lab-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.colect-lab-card { display:flex; flex-direction:column; min-width:0; border:1px solid var(--colect-line); border-radius:12px; overflow:hidden; background:#fff; }
.colect-lab-weather-art { display:flex; align-items:center; gap:16px; padding:16px 24px; background:var(--lab-purpose-bg,#edf4f6); color:var(--lab-purpose-color,#517c88); }
.colect-lab-weather-art svg { flex:none; width:64px; max-width:100%; height:48px; }
.colect-lab-education-art { background:#e3efe7; color:#285c48; }
.colect-lab-education-art svg { width:48px; height:48px; }
.colect-lab-weather-art span { font-size:12px; }
.colect-lab-card-body { display:flex; flex-direction:column; align-items:flex-start; flex:1; padding:24px; }
.colect-lab-card-body > .colect-button { margin-top:auto; max-width:100%; gap:12px; }
.colect-lab-tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.colect-lab-tags span { background:#f1f6f7; color:#526e79; border-radius:4px; padding:4px 9px; font-size:11px; }
.colect-refresh .colect-lab-card h3 { margin:0 0 8px; color:var(--colect-ink); font-size:23px; line-height:1.5; }
.colect-lab-card-lead { font-weight:600; font-size:16px; margin:0 0 12px; }
.colect-lab-card-body > p { margin-bottom:20px; }
.colect-lab-card-body > .colect-button + p { margin:12px 0 0; font-size:12px; }
.colect-lab-card-body > p:not(.colect-lab-card-lead) { font-size:14px; }
.colect-lab-card-body > .colect-lab-card-access { width:100%; padding:12px 14px; border-left:3px solid var(--lab-purpose-color,#517c88); border-radius:0 5px 5px 0; background:var(--lab-purpose-bg,#edf4f6); color:var(--colect-ink); line-height:1.8; overflow-wrap:anywhere; }
.colect-lab-access-label { display:block; margin-bottom:3px; font-size:11px; color:#526b7e; }
.colect-lab-card-access strong { display:block; font-size:14px; font-weight:600; }
.colect-lab-access-detail { display:block; margin-top:5px; font-size:12px; line-height:1.8; color:#405663; }
.colect-lab-footnote { color:#617482; font-size:12px; margin:22px 0 0; }
.colect-lab-footer { display:flex; align-items:center; flex-wrap:wrap; gap:4px 24px; border-top:1px solid var(--colect-line); margin-top:36px; padding-top:18px; }
.colect-lab-footer .colect-lab-footnote { flex-basis:100%; margin:0 0 8px; }
.colect-lab-footer > a:last-child { font-size:12px; padding:12px 0; }
.colect-lab-no-results { margin:32px 0; padding:24px; background:var(--colect-paper); border-radius:10px; }
.colect-lab-no-results p:first-child { font-weight:600; }
@media (min-width:768px) and (max-width:1023px) {
    .colect-lab-purpose-links { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:767px) {
    .colect-home-lab-feature { padding-bottom:26px; }
    .colect-home-lab-feature .colect-home-section-title { flex-direction:column; gap:4px; }
    .colect-home-lab-lead { font-size:14px; margin-bottom:18px; }
    .colect-home-lab-grid { grid-template-columns:minmax(0,1fr); gap:14px; }
    .colect-home-tool { padding:22px; }
    .colect-home-tool-top { margin-bottom:16px; }
    .colect-lab { padding:4px 18px 40px; }
    .colect-lab-back { margin-bottom:30px; }
    .colect-refresh .colect-lab h1 { font-size:29px; }
    .colect-lab-lead { font-size:16px; }
    .colect-lab-intro { margin-bottom:26px; }
    .colect-lab-purpose-links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .colect-lab-purpose-link:last-child { grid-column:1 / -1; }
    .colect-refresh .colect-lab-purpose-link { padding:14px 12px 8px; }
    .colect-lab-purpose-name { font-size:14px; }
    .colect-lab-finder { padding:18px 16px 12px; margin-top:20px; }
    .colect-lab-tools { margin-top:32px; }
    .colect-refresh .colect-lab-group-heading h2 { font-size:22px; }
    .colect-lab-group-heading { gap:0; }
    .colect-lab-card-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
    .colect-lab-weather-art { padding:14px 20px; gap:12px; }
    .colect-lab-card-body { padding:22px 20px; }
    .colect-refresh .colect-lab-card h3 { font-size:22px; }
}