/* Extracted from maple-mobile-reading-v1 on 2026-08-23. */
@media screen and (max-width: 760px) {
    .content-wrap.card {
        padding-inline: 16px;
    }

    .page-content {
        font-size: 16px;
        line-height: 1.72;
        overflow-wrap: anywhere;
    }

    .page-content p,
    .page-content li,
    .page-content td,
    .page-content th {
        line-height: 1.65;
    }

    .page-content h2 {
        margin-top: 1.65em;
        font-size: 1.35rem;
        scroll-margin-top: 72px;
    }

    .page-content h3 {
        margin-top: 1.4em;
        font-size: 1.15rem;
        scroll-margin-top: 72px;
    }

    .page-content ul,
    .page-content ol {
        padding-inline-start: 1.4em;
    }

    .page-content blockquote,
    .page-content .callout {
        margin-inline: 0;
    }

    .page-content table {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        table-layout: auto;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: var(--color-primary) transparent;
    }

    .page-content table th,
    .page-content table td {
        min-width: 7rem;
        padding: 8px 10px;
        vertical-align: top;
        white-space: normal;
    }

    .page-content table th:first-child,
    .page-content table td:first-child {
        min-width: 5.5rem;
    }

    .page-content img {
        display: block;
        max-width: 100%;
        height: auto;
        margin-inline: auto;
    }

    .page-content pre {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .page-content :not(pre) > code,
    .page-content a {
        overflow-wrap: anywhere;
    }
}

/* Extracted from maple-reader-home-layout-v1 on 2026-08-23. */
html.maple-reader-home .tri-layout-mobile-tabs,
html.maple-reader-home .tri-layout-sides {
    display: none !important;
}

html.maple-reader-home .tri-layout-container {
    grid-template-areas: "b" !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100%;
    max-width: 1100px;
    margin-inline: auto !important;
    padding-inline: 16px;
}

html.maple-reader-home .tri-layout-middle {
    grid-area: b !important;
    width: 100%;
    min-width: 0;
}

@media screen and (max-width: 600px) {
    html.maple-reader-home .tri-layout-container {
        padding-inline: 0;
    }
}

/* Extracted from maple-pq-navigation-v1 on 2026-08-23. */
.page-content .maple-pq-jumps {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    margin: .55rem 0 1rem;
    padding: .7rem .8rem;
    border: 1px solid #88b9a8;
    border-radius: 10px;
    background: #edf7f3;
}
.page-content .maple-pq-jumps strong {
    margin-right: .2rem;
    color: #17372f;
}
.page-content .maple-pq-jumps a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: .3rem .65rem;
    border: 1px solid #62a88e;
    border-radius: 999px;
    background: #fff;
    color: #245d4c;
    font-weight: 700;
    text-decoration: none !important;
    overflow-wrap: normal;
}
.page-content .maple-pq-jumps a:hover,
.page-content .maple-pq-jumps a:focus-visible {
    background: #dff1e9;
    outline: 2px solid #2d8368;
    outline-offset: 1px;
}
.page-content .maple-pq-backtop {
    display: none;
}
@media screen and (max-width: 760px) {
    .page-content .maple-pq-jumps {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        padding: 10px;
    }
    .page-content .maple-pq-jumps strong {
        grid-column: 1 / -1;
        margin: 0 0 2px;
    }
    .page-content .maple-pq-jumps a {
        min-width: 0;
        min-height: 44px;
        padding: 6px 3px;
        border-radius: 8px;
        font-size: 13.5px;
        line-height: 1.25;
        text-align: center;
    }
    .page-content .maple-pq-backtop {
        position: fixed;
        right: 12px;
        bottom: calc(76px + env(safe-area-inset-bottom));
        z-index: 20;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 62px;
        min-height: 42px;
        padding: 6px 10px;
        border: 1px solid #b7ffe5;
        border-radius: 999px;
        background: #17372f;
        color: #fff;
        box-shadow: 0 3px 12px rgb(0 0 0 / 28%);
        font-size: 14px;
        font-weight: 800;
        text-decoration: none !important;
    }
}
@media print {
    .page-content .maple-pq-backtop { display: none !important; }
}

/* Extracted from maple-task-navigation-v1 on 2026-08-23. */
.page-content .maple-task-jumps {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    margin: .55rem 0 1rem;
    padding: .7rem .8rem;
    border: 1px solid #88b9a8;
    border-radius: 10px;
    background: #edf7f3;
}
.page-content .maple-task-jumps strong {
    margin-right: .2rem;
    color: #17372f;
}
.page-content .maple-task-jumps a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: .3rem .65rem;
    border: 1px solid #62a88e;
    border-radius: 999px;
    background: #fff;
    color: #245d4c;
    font-weight: 700;
    text-decoration: none !important;
    overflow-wrap: normal;
}
.page-content .maple-task-jumps a:hover,
.page-content .maple-task-jumps a:focus-visible {
    background: #dff1e9;
    outline: 2px solid #2d8368;
    outline-offset: 1px;
}
.page-content .maple-task-backtop {
    display: none;
}
@media screen and (max-width: 760px) {
    .page-content .maple-task-jumps {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        padding: 10px;
    }
    .page-content .maple-task-jumps strong {
        grid-column: 1 / -1;
        margin: 0 0 2px;
    }
    .page-content .maple-task-jumps a {
        min-width: 0;
        min-height: 44px;
        padding: 6px 3px;
        border-radius: 8px;
        font-size: 13.5px;
        line-height: 1.25;
        text-align: center;
    }
    .page-content .maple-task-backtop {
        position: fixed;
        right: 12px;
        bottom: calc(76px + env(safe-area-inset-bottom));
        z-index: 20;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 62px;
        min-height: 42px;
        padding: 6px 10px;
        border: 1px solid #b7ffe5;
        border-radius: 999px;
        background: #17372f;
        color: #fff;
        box-shadow: 0 3px 12px rgb(0 0 0 / 28%);
        font-size: 14px;
        font-weight: 800;
        text-decoration: none !important;
    }
}
@media print {
    .page-content .maple-task-backtop { display: none !important; }
}

/* Extracted from maple-reader-cards-v2 on 2026-08-23. */
.page-content .maple-data-status {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem .6rem;
    margin: .25rem 0 1rem;
    padding: .8rem .9rem;
    border: 1px solid #78ad9a;
    border-left: 5px solid #2d8368;
    border-radius: 10px;
    background: #edf7f3;
    color: #17372f;
}
.page-content .maple-data-status > strong {
    font-size: 1.05em;
}
.page-content .maple-data-status > span {
    padding: .18rem .52rem;
    border: 1px solid #88b9a8;
    border-radius: 999px;
    background: #fff;
    font-size: .88em;
    font-weight: 700;
}
.page-content .maple-data-status > p {
    flex-basis: 100%;
    margin: .05rem 0 0;
    color: #3e5a51;
}
.page-content .maple-route-lead {
    margin: .55rem 0 1rem;
    padding: .9rem 1rem;
    border-radius: 12px;
    background: #17372f;
    color: #fff;
}
.page-content .maple-route-lead > strong {
    display: block;
    font-size: 1.04em;
    line-height: 1.65;
}
.page-content .maple-route-lead > p {
    margin: .55rem 0 0;
    color: #d6eee5;
}
.page-content .maple-route-lead code {
    color: #17372f;
    background: #ffefb7;
}
.page-content .maple-route-grid,
.page-content .maple-choice-grid,
.page-content .maple-quest-card-grid,
.page-content .maple-material-guide {
    display: grid;
    gap: .75rem;
    margin: .65rem 0 1rem;
}
.page-content .maple-route-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.page-content .maple-choice-grid,
.page-content .maple-material-guide {
    grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
}
.page-content .maple-quest-card-grid {
    grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
}
.page-content .maple-route-card,
.page-content .maple-choice-card,
.page-content .maple-material-guide > article {
    min-width: 0;
    padding: .85rem .9rem;
    border: 1px solid #a8cabe;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 2px 7px rgb(23 55 47 / 7%);
}
.page-content .maple-route-card > strong,
.page-content .maple-choice-card > strong,
.page-content .maple-material-guide > article > strong {
    display: block;
    margin: .28rem 0 .38rem;
    color: #17372f;
    font-size: 1.04em;
}
.page-content .maple-route-card > p,
.page-content .maple-choice-card > p,
.page-content .maple-material-guide > article > p {
    margin: .25rem 0;
}
.page-content .maple-route-level {
    display: inline-flex;
    padding: .18rem .55rem;
    border-radius: 999px;
    background: #dff1e9;
    color: #245d4c;
    font-size: .87em;
    font-weight: 800;
}
.page-content .maple-choice-card > a,
.page-content .maple-material-guide > article > a {
    display: inline-block;
    margin-top: .42rem;
    font-weight: 750;
}
.page-content .maple-quest-mini {
    display: flex;
    min-width: 0;
    min-height: 112px;
    flex-direction: column;
    justify-content: center;
    padding: .75rem .85rem;
    border: 1px solid #8dbbaa;
    border-radius: 11px;
    background: #f7fbf9;
    color: #17372f;
    text-decoration: none !important;
    box-shadow: 0 2px 7px rgb(23 55 47 / 6%);
}
.page-content .maple-quest-mini:hover,
.page-content .maple-quest-mini:focus-visible {
    border-color: #2d8368;
    background: #edf7f3;
    outline: 2px solid #2d8368;
    outline-offset: 1px;
}
.page-content .maple-quest-mini > span {
    color: #2d6d58;
    font-size: .87em;
    font-weight: 800;
}
.page-content .maple-quest-mini > strong {
    margin: .24rem 0;
    font-size: 1.05em;
}
.page-content .maple-quest-mini > small {
    color: #50665f;
    line-height: 1.45;
}
.page-content .maple-task-facts {
    display: grid;
    gap: 0;
    margin: .55rem 0 1rem;
    overflow: hidden;
    border: 1px solid #8bb8a8;
    border-radius: 11px;
    background: #fff;
}
.page-content .maple-task-facts > p {
    display: grid;
    grid-template-columns: minmax(92px, 8.5rem) minmax(0, 1fr);
    gap: .65rem;
    margin: 0;
    padding: .62rem .8rem;
    border-bottom: 1px solid #d6e6e0;
}
.page-content .maple-task-facts > p:last-child {
    border-bottom: 0;
}
.page-content .maple-task-facts > p > strong {
    color: #245d4c;
}
.page-content .maple-data-footnote {
    margin: 1.15rem 0 .8rem;
    padding: .82rem .9rem;
    border: 1px dashed #7aa994;
    border-radius: 10px;
    background: #f6faf8;
    color: #3d574f;
}
.page-content .maple-data-footnote > strong {
    color: #17372f;
}
.page-content .maple-data-footnote > p {
    margin: .3rem 0 0;
}
.page-content img[src*="task-tree-boss-route-mobile-v1"],
.page-content img[src*="task-level25-30-bundle-mobile-v1"] {
    display: block;
    width: 100%;
    height: auto;
    margin: .65rem auto 1rem;
    border: 1px solid #a8cabe;
    border-radius: 10px;
}
@media screen and (max-width: 760px) {
    .page-content .maple-data-status {
        padding: .72rem .75rem;
    }
    .page-content .maple-data-status > span {
        font-size: .82em;
    }
    .page-content .maple-route-lead {
        padding: .8rem .85rem;
    }
    .page-content .maple-route-grid,
    .page-content .maple-choice-grid,
    .page-content .maple-quest-card-grid,
    .page-content .maple-material-guide {
        grid-template-columns: minmax(0, 1fr);
        gap: .62rem;
    }
    .page-content .maple-route-card,
    .page-content .maple-choice-card,
    .page-content .maple-material-guide > article {
        padding: .74rem .78rem;
    }
    .page-content .maple-quest-mini {
        min-height: 92px;
    }
    .page-content .maple-task-facts > p {
        grid-template-columns: minmax(0, 1fr);
        gap: .15rem;
        padding: .58rem .72rem;
    }
}
@media print {
    .page-content .maple-route-card,
    .page-content .maple-choice-card,
    .page-content .maple-quest-mini,
    .page-content .maple-material-guide > article {
        box-shadow: none;
        break-inside: avoid;
    }
}

/* Extracted from maple-job-visuals-v1 on 2026-08-23. */
.page-content .maple-job-figure {
  margin: 1.1rem 0 1.65rem;
  overflow: hidden;
  border: 1px solid #c9ddd5;
  border-radius: 14px;
  background: #f4f8fa;
  box-shadow: 0 4px 16px rgba(23, 55, 47, .08);
}
.page-content .maple-job-figure > a {
  display: block;
  line-height: 0;
}
.page-content .maple-job-figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  border: 0;
  border-radius: 0;
}
.page-content .maple-job-figure figcaption {
  padding: .78rem .95rem .86rem;
  color: #486159;
  font-size: .9rem;
  line-height: 1.65;
  background: #fff;
  border-top: 1px solid #d9e8e2;
}
@media (max-width: 600px) {
  .page-content .maple-job-figure {
    margin: .9rem 0 1.35rem;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(23, 55, 47, .07);
  }
  .page-content .maple-job-figure figcaption {
    padding: .68rem .78rem .76rem;
    font-size: .84rem;
    line-height: 1.58;
  }
}

/* Extracted from maple-second-job-guides-v1 on 2026-08-23. */
.page-content .maple-secondjob-at-a-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 22px}.page-content .maple-secondjob-at-a-glance span{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid #b9d6cd;border-radius:12px;background:#f1f8f5;line-height:1.5}.page-content .maple-secondjob-at-a-glance b{font-size:.76em;letter-spacing:.08em;color:#2d7662}.page-content .maple-secondjob-figure{margin:16px auto 24px;max-width:1000px}.page-content .maple-secondjob-figure img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 10px 28px rgba(23,55,47,.14)}.page-content .maple-secondjob-figure figcaption{margin-top:9px;color:#5d6e68;font-size:.91em;line-height:1.65}.page-content .maple-secondjob-template{margin:14px 0 20px;padding:15px 17px;border-left:5px solid #2d8368;border-radius:10px;background:#edf7f3}.page-content .maple-secondjob-template strong{display:block;margin-bottom:7px;font-size:1.08em}.page-content .maple-secondjob-template p{margin:0 0 6px;line-height:1.9}.page-content .maple-secondjob-template code{white-space:normal}.page-content .maple-sp-checkpoints{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:18px 0}.page-content .maple-sp-checkpoints span{padding:9px 5px;border:1px solid #cbded7;border-radius:9px;background:#f7faf9;text-align:center;font-size:.82em}.page-content .maple-sp-checkpoints b{display:block;color:#216c57;font-size:1.2em}.page-content .maple-secondjob-skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:17px 0 24px}.page-content .maple-secondjob-skill{padding:13px 14px;border:1px solid #b7d3ca;border-radius:11px;background:#fff}.page-content .maple-secondjob-skill.is-skipped{background:#f3f5f4;border-color:#d4dcda}.page-content .maple-secondjob-skill header{display:flex;align-items:center;justify-content:space-between;gap:10px}.page-content .maple-secondjob-skill header strong{font-size:1.03em}.page-content .maple-secondjob-skill header span{flex:none;padding:3px 8px;border-radius:999px;background:#2d8368;color:#fff;font-size:.78em;font-weight:700}.page-content .maple-secondjob-skill.is-skipped header span{background:#899590}.page-content .maple-secondjob-skill p{margin:7px 0 5px;line-height:1.6}.page-content .maple-secondjob-skill small{display:block;color:#63736e;line-height:1.55}.page-content .maple-secondjob-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:14px 0 22px}.page-content a.maple-secondjob-link{display:flex;min-height:92px;flex-direction:column;gap:4px;padding:13px 14px;border:1px solid #b8d4cb;border-radius:11px;background:#f6faf8;color:inherit;text-decoration:none}.page-content a.maple-secondjob-link:hover{border-color:#2d8368;background:#edf7f3}.page-content .maple-secondjob-link strong{color:#1f6754;font-size:1.06em}.page-content .maple-secondjob-link span,.page-content .maple-secondjob-link small{color:#61716c;line-height:1.45}
@media(max-width:700px){.page-content .maple-secondjob-at-a-glance,.page-content .maple-secondjob-skill-grid,.page-content .maple-secondjob-link-grid{grid-template-columns:1fr}.page-content .maple-sp-checkpoints{grid-template-columns:repeat(4,minmax(0,1fr))}.page-content .maple-secondjob-figure{margin-left:-10px;margin-right:-10px}.page-content .maple-secondjob-figure img{border-radius:9px}.page-content a.maple-secondjob-link{min-height:0}.page-content .maple-secondjob-template{padding:13px 14px}}
@media(max-width:420px){.page-content .maple-sp-checkpoints{grid-template-columns:repeat(3,minmax(0,1fr))}.page-content .maple-secondjob-skill{padding:12px}.page-content .maple-secondjob-skill header{align-items:flex-start}.page-content .maple-secondjob-at-a-glance span{padding:10px 12px}}

/* Extracted from maple-map-decision-v5 on 2026-08-23. */
.page-content .maple-map-stage-grid,.page-content .maple-map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.78rem;margin:.7rem 0 1.15rem}.page-content .maple-map-stage-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.page-content .maple-map-stage-grid>section,.page-content .maple-map-card{min-width:0;border:1px solid #a8cabe;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgb(23 55 47 / 7%)}.page-content .maple-map-stage-grid>section{padding:.78rem .85rem}.page-content .maple-map-stage-grid span,.page-content .maple-map-level{display:inline-flex;padding:.18rem .54rem;border-radius:999px;background:#dff1e9;color:#245d4c;font-size:.84em;font-weight:800}.page-content .maple-map-stage-grid strong{display:block;margin:.35rem 0 .22rem;color:#17372f}.page-content .maple-map-stage-grid p{margin:0;color:#4b615a}.page-content .maple-map-controls{display:none}.page-content .maple-map-decision.is-ready .maple-map-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;padding:.78rem;margin:.65rem 0;border:1px solid #78ad9a;border-radius:12px;background:#edf7f3}.page-content .maple-map-filter-group{min-width:0;overflow:hidden;border:1px solid #9fc5b7;border-radius:9px;background:#fff}.page-content .maple-map-filter-group summary{display:flex;min-height:44px;align-items:center;padding:.45rem .62rem;color:#17372f;font-size:.9em;font-weight:800;cursor:pointer}.page-content .maple-map-filter-links{display:flex;flex-wrap:wrap;gap:.38rem;padding:0 .58rem .58rem}.page-content a.maple-map-filter{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:.25rem .5rem;border:1px solid #9fc5b7;border-radius:999px;background:#f6faf8;color:#245d4c;font-size:.82em;font-weight:750;text-decoration:none!important}.page-content a.maple-map-filter:hover,.page-content a.maple-map-filter:focus-visible{border-color:#245d4c;background:#dff1e9;outline:2px solid #245d4c;outline-offset:1px}.page-content a.maple-map-filter.is-active{border-color:#245d4c;background:#245d4c;color:#fff}.page-content a.maple-map-reset{display:flex;min-height:44px;align-items:center;justify-content:center;padding:.4rem .6rem;border:1px solid #245d4c;border-radius:9px;background:#245d4c;color:#fff;font-size:.9em;font-weight:800;text-decoration:none!important}.page-content a.maple-map-reset:hover,.page-content a.maple-map-reset:focus-visible{background:#17372f;outline:2px solid #17372f;outline-offset:2px}.page-content .maple-map-result{margin:.65rem 0;color:#2d6d58;font-weight:800}.page-content .maple-map-card{display:flex;flex-direction:column;padding:.9rem}.page-content .maple-map-card.is-filtered-out{display:none!important}.page-content .maple-map-card header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem}.page-content .maple-map-card header strong{color:#17372f;font-size:1.08em}.page-content .maple-map-card header em{padding:.16rem .48rem;border-radius:999px;background:#fff1c7;color:#6b4b00;font-size:.78em;font-style:normal;font-weight:800}.page-content .maple-map-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin:.58rem 0}.page-content .maple-map-tags span{padding:.12rem .42rem;border:1px solid #c5d9d2;border-radius:999px;background:#f6faf8;color:#4b615a;font-size:.78em;font-weight:700}.page-content .maple-map-card p{margin:.34rem 0}.page-content .maple-map-fact{padding:.55rem .62rem;border-radius:8px;background:#f1f8f5;color:#294e43}.page-content .maple-map-mobs{display:grid;gap:.3rem;margin:.5rem 0;padding:0;list-style:none}.page-content .maple-map-mobs li{display:grid;grid-template-columns:minmax(5.3rem,auto) minmax(0,1fr);gap:.45rem;padding:.34rem .48rem;border-bottom:1px solid #e1ece8}.page-content .maple-map-mobs li:last-child{border-bottom:0}.page-content .maple-map-mobs span{color:#4b615a;font-size:.9em}.page-content .maple-map-exit{padding-left:.62rem;border-left:4px solid #d39a25}.page-content .maple-map-card footer{display:flex;flex-wrap:wrap;gap:.25rem .4rem;margin-top:auto;padding-top:.55rem;border-top:1px solid #dbe8e3;font-size:.9em;font-weight:700}.page-content .maple-map-card footer>span:last-child{color:#65766f;font-weight:500}.page-content .maple-map-empty{display:none;padding:.8rem .9rem;border:1px dashed #ba7b18;border-radius:9px;background:#fff8e5;color:#60450e;font-weight:800}.page-content .maple-map-empty.is-visible{display:block}.page-content .maple-map-noscript{padding:.8rem .9rem;border:1px dashed #ba7b18;border-radius:9px;background:#fff8e5;color:#60450e}
@media(max-width:760px){.page-content .maple-map-stage-grid,.page-content .maple-map-grid{grid-template-columns:minmax(0,1fr);gap:.62rem}.page-content .maple-map-decision.is-ready .maple-map-controls{grid-template-columns:minmax(0,1fr);gap:.52rem;padding:.68rem}.page-content .maple-map-card{padding:.76rem}.page-content .maple-map-card header{grid-template-columns:auto minmax(0,1fr)}.page-content .maple-map-card header em{grid-column:2;justify-self:start}.page-content .maple-map-mobs li{grid-template-columns:minmax(0,1fr);gap:.08rem}.page-content .maple-map-mobs span{font-size:.86em}}
@media print{.page-content .maple-map-controls{display:none!important}.page-content .maple-map-card{display:flex!important;break-inside:avoid;box-shadow:none}.page-content .maple-map-empty{display:none!important}}
.page-content .maple-map-actions{display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.page-content a.maple-map-copy{display:flex;min-height:44px;align-items:center;justify-content:center;padding:.4rem .6rem;border:1px solid #245d4c;border-radius:9px;background:#fff;color:#245d4c;font-size:.9em;font-weight:800;text-decoration:none!important}.page-content a.maple-map-copy:hover,.page-content a.maple-map-copy:focus-visible{background:#dff1e9;outline:2px solid #245d4c;outline-offset:2px}.page-content a.maple-map-copy.is-copied{background:#dff1e9}.page-content .maple-map-filter-group-risk a.maple-map-filter.is-active:not(.maple-value-all){border-color:#8a481f;background:#8a481f;color:#fff}.page-content .maple-secondjob-next{margin-top:.6rem}@media(max-width:520px){.page-content .maple-map-actions{grid-template-columns:1fr}}
.page-content .maple-map-travel{margin:.55rem 0;padding:.62rem .68rem;border:1px solid #b7d2c8;border-radius:9px;background:#f7fbf9;color:#294e43}.page-content .maple-map-travel p{margin:.2rem 0}.page-content .maple-map-route-short{font-size:.9em}.page-content .maple-map-travel details{margin-top:.42rem;border-top:1px solid #dbe8e3}.page-content .maple-map-travel summary{display:flex;min-height:44px;align-items:center;color:#245d4c;font-size:.9em;font-weight:800;cursor:pointer}.page-content .maple-map-route-full{padding:.45rem .55rem;border-radius:7px;background:#edf7f3;font-size:.88em;line-height:1.65;overflow-wrap:anywhere}.page-content a.maple-map-route-copy{display:none;min-height:44px;align-items:center;justify-content:center;margin:.35rem 0;padding:.35rem .65rem;border:1px solid #245d4c;border-radius:8px;background:#fff;color:#245d4c;font-size:.88em;font-weight:800;text-decoration:none!important}.page-content a.maple-map-route-copy.is-copy-ready{display:inline-flex}.page-content a.maple-map-route-copy:hover,.page-content a.maple-map-route-copy:focus-visible,.page-content a.maple-map-route-copy.is-copied{background:#dff1e9;outline:2px solid #245d4c;outline-offset:1px}.page-content .maple-map-travel-figure{margin:.55rem 0 0;border:1px solid #27443b;border-radius:9px;background:#07110f;overflow:hidden}.page-content .maple-map-travel-figure a{display:block}.page-content .maple-map-travel-figure img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.page-content .maple-map-travel-figure figcaption{padding:.48rem .58rem;color:#dbe8e3;font-size:.78em;line-height:1.55}.page-content .maple-map-travel-figure+*{margin-top:.4rem}@media(max-width:760px){.page-content .maple-map-travel{padding:.56rem .6rem}.page-content .maple-map-route-full{font-size:.85em}}

/* Extracted from maple-equipment-progression-v1 on 2026-08-23. */
.maple-equipment-jumps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:12px 0 22px}.maple-equipment-jumps a{display:flex;min-height:42px;align-items:center;justify-content:center;border:1px solid #cbd5e1;border-radius:10px;padding:8px;text-align:center;font-weight:700;text-decoration:none}.maple-equipment-branch{margin:0 0 28px}.maple-equipment-branch-summary{border-left:4px solid #2563eb;background:#eff6ff;border-radius:0 10px 10px 0;padding:12px 14px}.maple-equipment-checkpoints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.maple-equipment-checkpoint{min-width:0;border:1px solid #dbe3ee;border-radius:12px;background:#fff;padding:14px;box-shadow:0 2px 8px rgba(15,23,42,.05)}.maple-equipment-checkpoint-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e2e8f0;padding-bottom:9px}.maple-equipment-checkpoint-head span{border-radius:999px;background:#dbeafe;color:#1d4ed8;padding:4px 9px;font-size:.86em;font-weight:800}.maple-equipment-checkpoint-head a{font-weight:800;text-align:right}.maple-equipment-checkpoint p{margin:10px 0 0}.maple-equipment-checkpoint p strong{display:inline-block;margin-right:6px;color:#0f172a}.maple-equipment-facts{color:#334155}.maple-equipment-source{color:#475569}.maple-equipment-advice{border-top:1px dashed #cbd5e1;padding-top:10px;color:#166534}.maple-equipment-alternatives{margin-top:12px;border:1px solid #cbd5e1;border-radius:10px;padding:0 12px}.maple-equipment-alternatives summary{display:flex;min-height:44px;align-items:center;font-weight:800;cursor:pointer}.maple-equipment-alternatives p{overflow-wrap:anywhere}.maple-equipment-alternatives small{color:#64748b}.maple-equipment-general-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.maple-equipment-general-grid>div{border:1px solid #dbe3ee;border-radius:10px;padding:12px}.maple-equipment-general-grid p{margin:6px 0 0}.page-content h3[id^="bkmrk-"]{scroll-margin-top:92px}.dark-mode .maple-equipment-branch-summary{background:#172554}.dark-mode .maple-equipment-checkpoint,.dark-mode .maple-equipment-general-grid>div{background:#111827;border-color:#334155}.dark-mode .maple-equipment-checkpoint-head{border-color:#334155}.dark-mode .maple-equipment-checkpoint p strong{color:#e2e8f0}.dark-mode .maple-equipment-facts,.dark-mode .maple-equipment-source{color:#cbd5e1}.dark-mode .maple-equipment-advice{color:#86efac;border-color:#475569}
@media(max-width:760px){.maple-equipment-jumps{grid-template-columns:repeat(3,minmax(0,1fr))}.maple-equipment-jumps a{min-height:44px}.maple-equipment-checkpoints,.maple-equipment-general-grid{grid-template-columns:1fr}.maple-equipment-checkpoint{padding:13px}.maple-equipment-checkpoint-head{align-items:flex-start}.maple-equipment-alternatives summary{min-height:44px}}
@media(max-width:420px){.maple-equipment-jumps{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Extracted from maple-search-aliases-v1 on 2026-08-23. */
.maple-search-alias{margin:14px 0 18px;padding:14px;border:1px solid #9fc5b7;border-radius:12px;background:#f1f8f5}.maple-search-alias h2{margin:0 0 5px;font-size:1.1rem}.maple-search-alias p{margin:0 0 10px;color:#475569}.maple-search-alias-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.maple-search-alias-links a{display:flex;min-height:44px;flex-direction:column;justify-content:center;padding:9px 11px;border:1px solid #9fc5b7;border-radius:9px;background:#fff;color:#245d4c;text-decoration:none}.maple-search-alias-links a strong{font-size:.96rem}.maple-search-alias-links a span{margin-top:2px;color:#5d6e68;font-size:.82rem}.dark-mode .maple-search-alias{border-color:#3f6d5d;background:#15251f}.dark-mode .maple-search-alias-links a{border-color:#3f6d5d;background:#111827;color:#86efac}.dark-mode .maple-search-alias p,.dark-mode .maple-search-alias-links a span{color:#cbd5e1}@media(max-width:600px){.maple-search-alias-links{grid-template-columns:1fr}}
/* Maple homepage cards and equipment branch filter v1 (2026-08-23). */
.page-content .maple-home-status{margin-bottom:24px}.page-content .maple-home-status p{flex-basis:100%;margin:8px 0 0}.page-content .maple-home-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 28px}.page-content .maple-home-action-grid article,.page-content .maple-home-job-grid article{margin:0;border:1px solid #d7e5df;border-radius:14px;background:#fff;box-shadow:0 2px 8px rgba(32,72,57,.07);overflow:hidden}.page-content .maple-home-action-link{display:flex;min-height:116px;height:100%;padding:16px;box-sizing:border-box;flex-direction:column;gap:7px;color:#23483c;text-decoration:none}.page-content .maple-home-action-link strong{font-size:1.08em;color:#153f32}.page-content .maple-home-action-link span{color:#4c625b;line-height:1.55}.page-content .maple-home-action-link:hover,.page-content .maple-home-action-link:focus-visible{background:#eff8f4;outline:3px solid #64a88d;outline-offset:-3px}.page-content .maple-home-job-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0 28px}.page-content .maple-home-job-grid article{padding:16px;display:flex;flex-direction:column}.page-content .maple-home-job-grid article>strong{font-size:1.12em;color:#153f32}.page-content .maple-home-job-grid article>p{color:#4c625b;line-height:1.55;flex:1}.page-content .maple-home-job-grid article>div{display:grid;gap:8px}.page-content .maple-home-job-grid a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:7px 10px;border:1px solid #83b7a2;border-radius:9px;text-decoration:none;text-align:center}.page-content .maple-home-job-grid a:hover,.page-content .maple-home-job-grid a:focus-visible{background:#eff8f4;outline:2px solid #64a88d;outline-offset:1px}.page-content .maple-equipment-filter-intro{margin:6px 0 10px;color:#4d625b}.page-content .maple-equipment-filter-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 20px;padding:10px 12px;border-left:4px solid #6ba88f;background:#f3f9f6;border-radius:8px}.page-content .maple-equipment-result{font-weight:700;color:#244a3d}.page-content .maple-equipment-copy{display:none;min-height:44px;align-items:center;padding:7px 12px;border:1px solid #79ad98;border-radius:9px;text-decoration:none}.page-content .maple-equipment-jumps.is-ready+.maple-equipment-filter-status .maple-equipment-copy{display:inline-flex}.page-content .maple-equipment-jumps a.is-active{background:#2f765d;color:#fff;border-color:#2f765d}.page-content .maple-equipment-copy.is-copied{background:#dff2e9}.page-content .is-filtered-out{display:none!important}
@media screen and (max-width:1000px){.page-content .maple-home-job-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media screen and (max-width:760px){.page-content .maple-home-action-grid,.page-content .maple-home-job-grid{grid-template-columns:1fr;gap:10px}.page-content .maple-home-action-link{min-height:88px;padding:14px}.page-content .maple-home-job-grid article{padding:14px}.page-content .maple-home-job-grid article>div{grid-template-columns:1fr 1fr}.page-content .maple-equipment-jumps{grid-template-columns:repeat(2,minmax(0,1fr))}.page-content .maple-equipment-filter-status{align-items:stretch;flex-direction:column}.page-content .maple-equipment-copy{justify-content:center}}
/* Maple homepage pathfinder v1 (2026-08-23). */
.page-content .maple-home-pathfinder{margin:14px 0 30px;padding:16px;border:1px solid #8ebaaa;border-radius:14px;background:linear-gradient(145deg,#f4faf7,#edf7f3);box-shadow:0 3px 12px rgba(32,72,57,.08)}
.page-content .maple-home-pathfinder-fallback{margin:0;color:#3f5d53;line-height:1.65}
.page-content .maple-home-pathfinder.is-ready{display:block}
.page-content .maple-home-pathfinder-form{display:grid;grid-template-columns:minmax(230px,2fr) minmax(120px,.7fr) auto;gap:12px;align-items:end}
.page-content .maple-home-pathfinder-field{display:grid;gap:6px;min-width:0}
.page-content .maple-home-pathfinder-field>span{color:#23483c;font-size:.9em;font-weight:800}
.page-content .maple-home-pathfinder select,.page-content .maple-home-pathfinder input{width:100%;min-width:0;min-height:44px;box-sizing:border-box;padding:8px 10px;border:1px solid #7fae9d;border-radius:9px;background:#fff;color:#17372f;font:inherit}
.page-content .maple-home-pathfinder select:focus-visible,.page-content .maple-home-pathfinder input:focus-visible,.page-content .maple-home-pathfinder button:focus-visible,.page-content .maple-home-pathfinder-card:focus-visible{outline:3px solid #2d8368;outline-offset:2px}
.page-content .maple-home-pathfinder button{min-height:44px;padding:8px 14px;border:1px solid #2f765d;border-radius:9px;background:#fff;color:#245d4c;font:inherit;font-weight:800;cursor:pointer}
.page-content .maple-home-pathfinder-submit{background:#2f765d!important;color:#fff!important}
.page-content .maple-home-pathfinder button:hover{background:#dff1e9}
.page-content .maple-home-pathfinder-submit:hover{background:#245d4c!important}
.page-content .maple-home-pathfinder button:disabled{cursor:not-allowed;opacity:.55}
.page-content .maple-home-pathfinder-error{min-height:1.5em;margin:8px 0 0;color:#9f2d20;font-size:.88em;font-weight:750}
.page-content .maple-home-pathfinder-result[hidden]{display:none}
.page-content .maple-home-pathfinder-result{margin-top:4px}
.page-content .maple-home-pathfinder-summary{margin:0 0 10px;padding:10px 12px;border-left:4px solid #2d8368;border-radius:8px;background:#fff;color:#244a3d;font-weight:800}
.page-content .maple-home-pathfinder-notice{margin:9px 0;padding:8px 10px;border:1px solid #d6bc77;border-radius:8px;background:#fff8e4;color:#654b12;font-size:.88em;line-height:1.55}
.page-content .maple-home-pathfinder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}
.page-content .maple-home-pathfinder-card{display:flex;min-width:0;min-height:106px;box-sizing:border-box;flex-direction:column;justify-content:center;padding:12px 13px;border:1px solid #a6c9bc;border-radius:11px;background:#fff;color:#17372f;text-decoration:none!important;box-shadow:0 2px 7px rgba(23,55,47,.06)}
.page-content .maple-home-pathfinder-card:hover{border-color:#2d8368;background:#f2faf6}
.page-content .maple-home-pathfinder-card>span{color:#2d7662;font-size:.76em;font-weight:850;letter-spacing:.08em}
.page-content .maple-home-pathfinder-card>strong{margin:4px 0;color:#17372f;font-size:1.01em;line-height:1.35}
.page-content .maple-home-pathfinder-card>small{color:#52675f;font-size:.82em;line-height:1.45}
.page-content .maple-home-pathfinder-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}
.page-content .maple-home-pathfinder-note{margin:10px 0 0;color:#4c625b;font-size:.84em;line-height:1.55}
.page-content .maple-home-pathfinder-copy.is-copied{background:#dff2e9}
.dark-mode .page-content .maple-home-pathfinder{border-color:#3f6d5d;background:#15251f}
.dark-mode .page-content .maple-home-pathfinder select,.dark-mode .page-content .maple-home-pathfinder input,.dark-mode .page-content .maple-home-pathfinder-card,.dark-mode .page-content .maple-home-pathfinder-summary{border-color:#3f6d5d;background:#111827;color:#e2e8f0}
.dark-mode .page-content .maple-home-pathfinder-card>strong{color:#e2e8f0}
.dark-mode .page-content .maple-home-pathfinder-card>small,.dark-mode .page-content .maple-home-pathfinder-note{color:#cbd5e1}
@media screen and (max-width:760px){.page-content .maple-home-pathfinder{padding:13px;margin-bottom:24px}.page-content .maple-home-pathfinder-form{grid-template-columns:minmax(0,1fr) minmax(104px,.55fr);gap:9px}.page-content .maple-home-pathfinder-submit{grid-column:1/-1}.page-content .maple-home-pathfinder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.page-content .maple-home-pathfinder-card{min-height:98px;padding:10px}.page-content .maple-home-pathfinder-card>small{font-size:.78em}.page-content .maple-home-pathfinder-actions{gap:8px}.page-content .maple-home-pathfinder-actions button{padding:7px 8px}}
@media screen and (max-width:360px){.page-content .maple-home-pathfinder-form,.page-content .maple-home-pathfinder-grid,.page-content .maple-home-pathfinder-actions{grid-template-columns:minmax(0,1fr)}.page-content .maple-home-pathfinder-submit{grid-column:auto}}
@media print{.page-content .maple-home-pathfinder-form,.page-content .maple-home-pathfinder-actions,.page-content .maple-home-pathfinder-error{display:none!important}.page-content .maple-home-pathfinder-card{box-shadow:none;break-inside:avoid}}
/* Maple contextual guide tools v2 / progress center (2026-08-27). */
.page-content .maple-profile-bar {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: .6rem;
  margin: .25rem 0 1rem;
  padding: .58rem .68rem;
  border: 1px solid #9fc5b7;
  border-radius: 11px;
  background: #f1f8f5;
  color: #294e43;
  line-height: 1.45;
}
.page-content .maple-profile-bar > strong {
  min-width: 0;
  margin-right: auto;
  overflow-wrap: anywhere;
  color: #17372f;
}
.page-content .maple-profile-bar a,
.page-content .maple-profile-bar button,
.page-content .maple-tool-button {
  display: inline-flex;
  min-height: 44px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: .42rem .72rem;
  border: 1px solid #6f9f8d;
  border-radius: 9px;
  background: #fff;
  color: #245d4c;
  font: inherit;
  font-size: .9em;
  font-weight: 800;
  text-decoration: none !important;
  cursor: pointer;
}
.page-content .maple-profile-bar a:hover,
.page-content .maple-profile-bar button:hover,
.page-content .maple-tool-button:hover {
  background: #dff1e9;
}
.page-content .maple-profile-bar a:focus-visible,
.page-content .maple-profile-bar button:focus-visible,
.page-content .maple-tool-button:focus-visible,
.page-content .maple-tool-input:focus-visible,
.page-content .maple-tool-select:focus-visible {
  outline: 3px solid #2d8368;
  outline-offset: 2px;
}
.page-content .maple-tool-input,
.page-content .maple-tool-select {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  box-sizing: border-box;
  padding: .45rem .58rem;
  border: 1px solid #7fae9d;
  border-radius: 9px;
  background: #fff;
  color: #17372f;
  font: inherit;
}
.page-content .maple-tool-note {
  margin: .55rem 0 0;
  color: #52675f;
  font-size: .84em;
  line-height: 1.55;
}
.page-content .maple-profile-manager {
  min-width: 0;
}
.page-content .maple-profile-manager[open] {
  flex-basis: 100%;
}
.page-content .maple-profile-manager > summary {
  display: inline-flex;
  min-height: 44px;
  box-sizing: border-box;
  align-items: center;
  padding: .42rem .72rem;
  border: 1px solid #6f9f8d;
  border-radius: 9px;
  background: #fff;
  color: #245d4c;
  font-size: .9em;
  font-weight: 800;
  cursor: pointer;
}
.page-content .maple-profile-manager-panel {
  display: grid;
  gap: .62rem;
  margin-top: .55rem;
  padding: .72rem;
  border: 1px solid #bfd6cd;
  border-radius: 10px;
  background: #fff;
}
.page-content .maple-profile-switch {
  display: grid;
  grid-template-columns: minmax(80px, auto) minmax(150px, 1fr);
  gap: .55rem;
  align-items: center;
  color: #294e43;
  font-weight: 800;
}
.page-content .maple-profile-manager-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}
.page-content .maple-profile-manager-panel small {
  color: #52675f;
  line-height: 1.5;
}
.page-content .maple-profile-delete {
  border-color: #b76d69;
  color: #8d312b;
}
.page-content .maple-profile-bar button:disabled,
.page-content .maple-tool-button:disabled {
  cursor: not-allowed;
  opacity: .52;
}

.page-content .maple-skill-calculator,
.page-content .maple-equipment-level-tool,
.page-content .maple-task-planner {
  margin: 1rem 0 1.35rem;
  padding: .9rem;
  border: 1px solid #8ebaaa;
  border-radius: 13px;
  background: linear-gradient(145deg, #f6fbf8, #edf7f3);
  box-shadow: 0 3px 12px rgba(32, 72, 57, .07);
}
.page-content .maple-skill-calculator h2,
.page-content .maple-equipment-level-tool h2,
.page-content .maple-task-planner h2 {
  margin: 0 0 .25rem;
  color: #17372f;
  font-size: 1.18rem;
}
.page-content .maple-skill-form,
.page-content .maple-equipment-level-form,
.page-content .maple-task-level-form {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) auto;
  gap: .55rem;
  align-items: end;
  margin-top: .72rem;
}
.page-content .maple-skill-form label,
.page-content .maple-equipment-level-form label,
.page-content .maple-task-level-form label {
  display: grid;
  min-width: 0;
  gap: .3rem;
  color: #294e43;
  font-size: .88em;
  font-weight: 800;
}
.page-content .maple-skill-result,
.page-content .maple-equipment-level-result {
  margin-top: .72rem;
  padding: .72rem .78rem;
  border-left: 4px solid #2d8368;
  border-radius: 8px;
  background: #fff;
  color: #294e43;
}
.page-content .maple-skill-result[hidden],
.page-content .maple-equipment-level-result[hidden] {
  display: none;
}
.page-content .maple-skill-result > strong,
.page-content .maple-equipment-level-result > strong {
  display: block;
  margin-bottom: .35rem;
  color: #17372f;
  font-size: 1.04em;
}
.page-content .maple-skill-result p,
.page-content .maple-equipment-level-result p {
  margin: .3rem 0;
}
.page-content .maple-skill-result code {
  white-space: normal;
  overflow-wrap: anywhere;
}
.page-content .maple-skill-actions,
.page-content .maple-equipment-level-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: .62rem;
}
.page-content .maple-skill-audit {
  margin-top: .7rem;
  border: 1px solid #9fc5b7;
  border-radius: 10px;
  background: #fff;
}
.page-content .maple-skill-audit > summary {
  display: flex;
  min-height: 44px;
  align-items: center;
  padding: .55rem .7rem;
  color: #17372f;
  font-weight: 850;
  cursor: pointer;
}
.page-content .maple-skill-audit > .maple-tool-note {
  margin: 0;
  padding: 0 .7rem .62rem;
}
.page-content .maple-skill-audit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem;
  padding: 0 .7rem .7rem;
}
.page-content .maple-skill-audit-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 78px;
  gap: .48rem;
  align-items: center;
  padding: .52rem;
  border: 1px solid #d7e5df;
  border-radius: 8px;
  background: #f7fbf9;
}
.page-content .maple-skill-audit-row strong,
.page-content .maple-skill-audit-row small {
  display: block;
}
.page-content .maple-skill-audit-row small {
  margin-top: .12rem;
  color: #52675f;
}
.page-content .maple-skill-audit-result {
  margin: 0 .7rem .7rem;
  padding: .68rem;
  border-left: 4px solid #2d8368;
  border-radius: 8px;
  background: #f4faf7;
  color: #294e43;
}
.page-content .maple-skill-audit-result p {
  margin: .32rem 0 0;
}
.page-content .maple-skill-audit-result .is-warning {
  color: #8d312b;
  font-weight: 800;
}
.page-content .maple-skill-audit-result .is-ok {
  color: #24704f;
  font-weight: 800;
}
.page-content .maple-equipment-checkpoint.is-maple-current {
  border: 2px solid #2d8368;
  background: #f1faf6;
  box-shadow: 0 4px 14px rgba(45, 131, 104, .14);
}
.page-content .maple-equipment-checkpoint.is-maple-next {
  border: 2px solid #c98a22;
  background: #fff9e9;
}
.page-content .maple-equipment-checkpoint.is-maple-current::before,
.page-content .maple-equipment-checkpoint.is-maple-next::before {
  display: inline-flex;
  margin: 0 0 .5rem;
  padding: .14rem .46rem;
  border-radius: 999px;
  color: #fff;
  font-size: .76em;
  font-weight: 850;
}
.page-content .maple-equipment-checkpoint.is-maple-current::before {
  content: "当前基线";
  background: #2d8368;
}
.page-content .maple-equipment-checkpoint.is-maple-next::before {
  content: "下一目标";
  background: #a96814;
}

.page-content .maple-task-planner-head {
  display: flex;
  align-items: flex-start;
  gap: .7rem;
}
.page-content .maple-task-planner-head > div {
  min-width: 0;
  margin-right: auto;
}
.page-content .maple-task-planner-head p {
  margin: .25rem 0 0;
  color: #52675f;
  font-size: .88em;
}
.page-content .maple-task-planner-summary {
  margin: .7rem 0;
  padding: .62rem .7rem;
  border-left: 4px solid #2d8368;
  border-radius: 8px;
  background: #fff;
  color: #294e43;
  font-weight: 750;
}
.page-content .maple-task-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: .42rem;
  margin: .68rem 0;
}
.page-content .maple-task-tab {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: .35rem .65rem;
  border: 1px solid #8ebaaa;
  border-radius: 999px;
  background: #fff;
  color: #245d4c;
  font: inherit;
  font-size: .86em;
  font-weight: 800;
  cursor: pointer;
}
.page-content .maple-task-tab.is-active {
  border-color: #2d8368;
  background: #2d8368;
  color: #fff;
}
.page-content .maple-task-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .62rem;
}
.page-content .maple-task-item {
  display: grid;
  min-width: 0;
  gap: .42rem;
  padding: .72rem;
  border: 1px solid #bfd6cd;
  border-radius: 10px;
  background: #fff;
}
.page-content .maple-task-item[hidden] {
  display: none;
}
.page-content .maple-task-item header {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: .45rem;
}
.page-content .maple-task-item header > strong {
  min-width: 0;
  margin-right: auto;
  color: #17372f;
  overflow-wrap: anywhere;
}
.page-content .maple-task-badge {
  flex: none;
  padding: .13rem .42rem;
  border-radius: 999px;
  background: #dff1e9;
  color: #245d4c;
  font-size: .75em;
  font-weight: 850;
}
.page-content .maple-task-item p {
  margin: 0;
  color: #52675f;
  font-size: .86em;
  line-height: 1.5;
}
.page-content .maple-task-item a {
  color: #245d4c;
  font-size: .88em;
  font-weight: 800;
}
.page-content .maple-task-status-label {
  display: grid;
  gap: .22rem;
  color: #52675f;
  font-size: .78em;
  font-weight: 800;
}
.page-content .maple-task-empty {
  margin: .5rem 0 0;
  padding: .68rem;
  border: 1px dashed #8ebaaa;
  border-radius: 9px;
  background: #fff;
  color: #52675f;
}
.page-content .maple-task-materials {
  margin-top: .8rem;
  border: 1px solid #9fc5b7;
  border-radius: 10px;
  background: #fff;
}
.page-content .maple-task-materials > summary {
  display: flex;
  min-height: 44px;
  align-items: center;
  padding: .55rem .7rem;
  color: #17372f;
  font-weight: 850;
  cursor: pointer;
}
.page-content .maple-task-material-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem;
  padding: 0 .7rem .7rem;
}
.page-content .maple-task-material-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 82px;
  gap: .42rem;
  align-items: center;
  padding: .52rem;
  border: 1px solid #d7e5df;
  border-radius: 8px;
  background: #f7fbf9;
}
.page-content .maple-task-material-row strong,
.page-content .maple-task-material-row small {
  display: block;
}
.page-content .maple-task-material-row small {
  margin-top: .12rem;
  color: #52675f;
}
.page-content .maple-task-material-row.is-complete small {
  color: #24704f;
  font-weight: 800;
}
.page-content .maple-task-material-row input {
  min-height: 44px;
}
.page-content .maple-task-reset {
  flex: none;
}

.page-content .maple-continue-dashboard {
  margin: 1rem 0 1.35rem;
  padding: .9rem;
  border: 1px solid #8ebaaa;
  border-radius: 13px;
  background: linear-gradient(145deg, #f6fbf8, #edf7f3);
  box-shadow: 0 3px 12px rgba(32, 72, 57, .07);
}
.page-content .maple-continue-heading h2 {
  margin: 0;
  color: #17372f;
  font-size: 1.18rem;
}
.page-content .maple-continue-heading p {
  margin: .3rem 0 .7rem;
  color: #52675f;
  font-size: .88em;
  line-height: 1.55;
}
.page-content .maple-continue-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .62rem;
}
.page-content .maple-continue-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: .42rem;
  padding: .72rem;
  border: 1px solid #bfd6cd;
  border-radius: 10px;
  background: #fff;
}
.page-content .maple-continue-kind {
  align-self: flex-start;
  padding: .13rem .42rem;
  border-radius: 999px;
  background: #dff1e9;
  color: #245d4c;
  font-size: .75em;
  font-weight: 850;
}
.page-content .maple-continue-card h3 {
  margin: 0;
  color: #17372f;
  font-size: 1rem;
}
.page-content .maple-continue-card p {
  margin: 0;
  color: #52675f;
  font-size: .86em;
  line-height: 1.5;
}
.page-content .maple-continue-card .maple-continue-recommendation {
  color: #7a5417;
}
.page-content .maple-continue-card .maple-continue-gap {
  color: #294e43;
  font-weight: 750;
}
.page-content .maple-continue-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  margin-top: auto;
  color: #245d4c;
  font-size: .88em;
  font-weight: 850;
}
.page-content .maple-continue-link + .maple-continue-link {
  margin-top: -.3rem;
}

.page-content .maple-pq-evidence-status {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .4rem .58rem;
  margin: .75rem 0 1rem;
  padding: .72rem;
  border: 1px solid #8ebaaa;
  border-left: 4px solid #2d8368;
  border-radius: 10px;
  background: #f6fbf8;
  color: #294e43;
  font-size: .86em;
}
.page-content .maple-pq-evidence-status > strong,
.page-content .maple-pq-evidence-status > p {
  grid-column: 1 / -1;
}
.page-content .maple-pq-evidence-status > strong {
  color: #17372f;
  font-size: 1.04em;
}
.page-content .maple-pq-evidence-status > span {
  padding: .3rem .42rem;
  border-radius: 7px;
  background: #e6f3ed;
  font-weight: 750;
}
.page-content .maple-pq-evidence-status > p {
  margin: .15rem 0 0;
  line-height: 1.55;
}

.dark-mode .page-content .maple-profile-bar,
.dark-mode .page-content .maple-skill-calculator,
.dark-mode .page-content .maple-equipment-level-tool,
.dark-mode .page-content .maple-task-planner,
.dark-mode .page-content .maple-continue-dashboard,
.dark-mode .page-content .maple-pq-evidence-status {
  border-color: #3f6d5d;
  background: #15251f;
  color: #dbe8e3;
}
.dark-mode .page-content .maple-profile-bar > strong,
.dark-mode .page-content .maple-skill-calculator h2,
.dark-mode .page-content .maple-equipment-level-tool h2,
.dark-mode .page-content .maple-task-planner h2,
.dark-mode .page-content .maple-skill-result > strong,
.dark-mode .page-content .maple-equipment-level-result > strong,
.dark-mode .page-content .maple-task-item header > strong,
.dark-mode .page-content .maple-task-materials > summary {
  color: #e2e8f0;
}
.dark-mode .page-content .maple-profile-manager > summary,
.dark-mode .page-content .maple-skill-audit > summary,
.dark-mode .page-content .maple-skill-audit-result,
.dark-mode .page-content .maple-continue-heading h2,
.dark-mode .page-content .maple-continue-card h3,
.dark-mode .page-content .maple-pq-evidence-status > strong {
  color: #e2e8f0;
}
.dark-mode .page-content .maple-profile-bar a,
.dark-mode .page-content .maple-profile-bar button,
.dark-mode .page-content .maple-tool-button,
.dark-mode .page-content .maple-tool-input,
.dark-mode .page-content .maple-tool-select,
.dark-mode .page-content .maple-skill-result,
.dark-mode .page-content .maple-equipment-level-result,
.dark-mode .page-content .maple-task-planner-summary,
.dark-mode .page-content .maple-task-tab,
.dark-mode .page-content .maple-task-item,
.dark-mode .page-content .maple-task-empty,
.dark-mode .page-content .maple-task-materials,
.dark-mode .page-content .maple-profile-manager > summary,
.dark-mode .page-content .maple-profile-manager-panel,
.dark-mode .page-content .maple-skill-audit,
.dark-mode .page-content .maple-skill-audit-result,
.dark-mode .page-content .maple-continue-card {
  border-color: #3f6d5d;
  background: #111827;
  color: #e2e8f0;
}
.dark-mode .page-content .maple-task-material-row {
  border-color: #334155;
  background: #172033;
}
.dark-mode .page-content .maple-skill-audit-row,
.dark-mode .page-content .maple-pq-evidence-status > span {
  border-color: #334155;
  background: #172033;
}
.dark-mode .page-content .maple-equipment-checkpoint.is-maple-current {
  border-color: #6ee7b7;
  background: #102b24;
}
.dark-mode .page-content .maple-equipment-checkpoint.is-maple-next {
  border-color: #f5c56a;
  background: #31260f;
}
.dark-mode .page-content .maple-tool-note,
.dark-mode .page-content .maple-task-planner-head p,
.dark-mode .page-content .maple-task-item p,
.dark-mode .page-content .maple-task-status-label,
.dark-mode .page-content .maple-task-material-row small {
  color: #cbd5e1;
}
.dark-mode .page-content .maple-profile-manager-panel small,
.dark-mode .page-content .maple-skill-audit-row small,
.dark-mode .page-content .maple-continue-heading p,
.dark-mode .page-content .maple-continue-card p {
  color: #cbd5e1;
}
.dark-mode .page-content .maple-continue-card .maple-continue-recommendation {
  color: #f5c56a;
}
.dark-mode .page-content .maple-continue-card .maple-continue-gap {
  color: #dbe8e3;
}

@media screen and (max-width: 760px) {
  .page-content .maple-profile-bar {
    flex-wrap: wrap;
  }
  .page-content .maple-profile-bar > strong {
    flex-basis: 100%;
  }
  .page-content .maple-skill-calculator,
  .page-content .maple-equipment-level-tool,
  .page-content .maple-task-planner {
    padding: .74rem;
  }
  .page-content .maple-task-planner-head {
    flex-direction: column;
  }
  .page-content .maple-task-reset {
    width: 100%;
  }
  .page-content .maple-task-list,
  .page-content .maple-task-material-grid,
  .page-content .maple-skill-audit-grid,
  .page-content .maple-continue-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .page-content .maple-profile-manager,
  .page-content .maple-profile-manager[open] {
    flex-basis: 100%;
  }
  .page-content .maple-profile-manager > summary,
  .page-content .maple-profile-manager-actions .maple-tool-button {
    width: 100%;
  }
  .page-content .maple-profile-manager-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-content .maple-pq-evidence-status {
    grid-template-columns: minmax(0, 1fr);
  }
  .page-content .maple-pq-evidence-status > strong,
  .page-content .maple-pq-evidence-status > p {
    grid-column: auto;
  }
}
@media screen and (max-width: 420px) {
  .page-content .maple-skill-form,
  .page-content .maple-equipment-level-form,
  .page-content .maple-task-level-form {
    grid-template-columns: minmax(0, 1fr);
  }
  .page-content .maple-profile-switch,
  .page-content .maple-profile-manager-actions {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media print {
  .page-content .maple-profile-bar,
  .page-content .maple-skill-calculator,
  .page-content .maple-equipment-level-tool,
  .page-content .maple-task-planner,
  .page-content .maple-continue-dashboard {
    display: none !important;
  }
  .page-content .maple-equipment-checkpoint[hidden] {
    display: block !important;
  }
}