/* The website supplies the outer navigation. Keep the atlas fluid underneath it. */
.atlas-shell {
    --atlas-gutter: clamp(32px, 3.333vw, 64px);
    --atlas-sticky-top: 92px;
    background: #f2f3f0;
}
.admin-bar .atlas-shell { --atlas-sticky-top: 124px; }
.atlas-header { background: #fff; }
.atlas-header-inner, .atlas-main, .atlas-footer {
    width: 100%;
    max-width: none;
    padding-left: var(--atlas-gutter);
    padding-right: var(--atlas-gutter);
}
.atlas-header-inner { min-height: 88px; }
.atlas-hero { gap: clamp(32px, 5vw, 100px); padding-top: 48px; }
.atlas-hero h1 { font-size: clamp(34px, 3.3vw, 56px); }
.atlas-hero-description { max-width: 640px; }
.atlas-hero-art { height: 350px; }
.atlas-card-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 330px), 1fr)); gap: 24px; }
.atlas-card { border-radius: 12px; }
.atlas-card-link { padding: 26px; }
.atlas-card p { font-size: 14px; }
.atlas-reader-layout {
    display: grid;
    grid-template-columns: minmax(176px, 220px) minmax(0, 1fr) minmax(220px, 260px);
    gap: clamp(24px, 2.2vw, 44px);
    align-items: start;
}
.atlas-reader {
    min-width: 0;
    background: #fff;
    padding: clamp(24px, 2.5vw, 48px);
    border-radius: 12px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .035), 0 4px 20px rgba(0, 0, 0, .02);
}
.atlas-reader > * { max-width: 860px; margin-left: auto; margin-right: auto; }
.atlas-reader h1 { font-size: clamp(27px, 2.1vw, 40px); }
.atlas-reader-labels { display: flex; gap: 8px 12px; align-items: center; flex-wrap: wrap; margin-bottom: 20px; color: var(--atlas-muted); font-size: 12px; }
.atlas-sample-label { background: #edf3ed; color: #365f47; padding: 4px 10px; border-radius: 5px; }
.atlas-reader-meta { font-size: 12px; gap: 8px 18px; }
.atlas-toc, .atlas-research-rail { position: sticky; top: var(--atlas-sticky-top); max-height: calc(100dvh - var(--atlas-sticky-top) - 24px); overflow-y: auto; scrollbar-width: thin; }
.atlas-toc { padding-left: 0; border: 0; }
.atlas-toc .atlas-eyebrow { padding: 12px; margin-bottom: 8px; }
.atlas-toc a { display: flex; align-items: baseline; gap: 10px; padding: 10px 12px; border-radius: 6px; font-size: 13px; line-height: 1.6; }
.atlas-toc a:hover, .atlas-toc a:focus-visible { background: #e5ebe2; }
.atlas-toc-index { flex-shrink: 0; font-size: 11px; color: #87967f; }
.atlas-prose { scroll-margin-top: var(--atlas-sticky-top); margin-top: 40px; margin-bottom: 40px; }
.atlas-prose .atlas-section-number { margin: 0 0 8px; color: #82917b; letter-spacing: .12em; font-size: 11px; }
.atlas-prose h2 { font-size: 25px; padding-top: 0; }
.atlas-prose li, .atlas-rail-card li { overflow-wrap: anywhere; }
.atlas-table-wrap { border-radius: 8px; }
.atlas-table-wrap th { background: #eef2ec; }
.atlas-note { border-radius: 0 8px 8px 0; }
.atlas-rail-card { background: #fff; padding: 22px; border-radius: 12px; margin-bottom: 18px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .035); }
.atlas-rail-card h2 { font-size: 20px; margin: 0 0 20px; }
.atlas-rail-card dl { margin: 0; }
.atlas-rail-card dl > div { padding: 10px 0; border-top: 1px solid var(--atlas-line); }
.atlas-rail-card dt { color: var(--atlas-muted); font-size: 11px; font-weight: 400; }
.atlas-rail-card dd { font-size: 13px; margin: 3px 0 0; }
.atlas-rail-card .atlas-eyebrow { font-size: 11px; letter-spacing: .07em; }
.atlas-rail-card ul { margin: 0 0 18px; padding-left: 18px; font-size: 13px; color: var(--atlas-muted); }
.atlas-rail-card li { margin-bottom: 10px; }
.atlas-rail-card .atlas-button { padding: 10px 12px; font-size: 12px; width: 100%; }
.atlas-rail-link { display: flex; gap: 10px; justify-content: space-between; padding: 12px 0; border-top: 1px solid var(--atlas-line); font-size: 13px; line-height: 1.7; min-height: 44px; }
.atlas-rail-link > span { flex-shrink: 0; }
@media (max-width: 1279px) {
    .atlas-reader-layout { grid-template-columns: 190px minmax(0, 1fr); }
    .atlas-research-rail { display: none; }
    .atlas-header nav { gap: 18px; }
}
@media (max-width: 900px) {
    .atlas-shell { --atlas-gutter: 24px; }
    .atlas-reader-layout { grid-template-columns: 156px minmax(0, 1fr); gap: 20px; }
    .atlas-reader { padding: 24px; }
    .atlas-toc a { font-size: 12px; padding: 8px; }
    .atlas-header-inner { flex-wrap: wrap; gap: 12px; }
    .atlas-header nav { order: 3; margin: 0; width: 100%; justify-content: space-between; }
    .atlas-header-action { margin-left: auto; }
}
@media (max-width: 760px) {
    .atlas-shell { --atlas-gutter: 20px; --atlas-sticky-top: 80px; }
    .atlas-header-inner { min-height: 0; padding-top: 18px; padding-bottom: 8px; }
    .atlas-header nav { gap: 4px; }
    .atlas-header nav a { font-size: 12px; }
    .atlas-hero { padding-top: 32px; gap: 26px; }
    .atlas-hero-art { height: 280px; }
    .atlas-card-grid { grid-template-columns: 1fr; gap: 18px; }
    .atlas-card-link { padding: 22px; }
    .atlas-reader-layout { display: block; }
    .atlas-toc { position: relative; top: 0; display: flex; flex-wrap: nowrap; max-height: none; gap: 4px; overflow-x: auto; padding: 10px 0; margin-bottom: 16px; border-radius: 0; background: transparent; }
    .atlas-toc .atlas-eyebrow { display: none; }
    .atlas-toc a { flex: 0 0 auto; max-width: 240px; white-space: nowrap; padding: 12px; background: #fff; }
    .atlas-reader { padding: 24px 20px; }
    .atlas-reader h1 { font-size: 28px; }
    .atlas-prose h2 { font-size: 22px; }
    .atlas-reader-labels { font-size: 11px; }
    .atlas-prose { margin-top: 32px; margin-bottom: 32px; }
    .atlas-table-wrap th, .atlas-table-wrap td { min-width: 130px; }
}
@media (max-width: 470px) {
    .atlas-shell { --atlas-gutter: 16px; }
    .atlas-reader { padding: 22px 18px; }
    .atlas-reader h1 { font-size: 26px; }
    .atlas-hero-art { height: 270px; }
}
@media print {
    .atlas-reader-layout { display: block; }
    .atlas-research-rail { display: none; }
    .atlas-reader { padding: 0; box-shadow: none; }
}
/* A directory keeps its density whether it contains one account or hundreds. */
.atlas-directory-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 30px 0 22px; }
.atlas-directory-heading h1 { font-size: 28px; margin: 0 0 8px; }
.atlas-directory-heading p { margin: 0; color: var(--atlas-muted); font-size: 14px; }
.atlas-directory-shortcut { flex-shrink: 0; display: flex; gap: 16px; align-items: center; font-size: 13px; min-height: 44px; }
.atlas-directory-filters { padding: 20px; border: 1px solid var(--atlas-line); border-radius: 10px; background: #fff; }
.atlas-directory-search { display: flex; gap: 12px; }
.atlas-directory-search input { min-width: 0; flex: 1; }
.atlas-directory-filters input, .atlas-directory-filters select { min-height: 44px; padding: 9px 12px; border: 1px solid var(--atlas-line); border-radius: 6px; background: #fff; color: var(--atlas-text); font-size: 14px; }
.atlas-directory-selects { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; margin-top: 14px; }
.atlas-directory-refine > summary { display: none; }
.atlas-directory-selects label { display: flex; align-items: center; gap: 10px; margin: 0; min-width: 0; font-weight: 400; font-size: 12px; }
.atlas-directory-selects label > span { color: var(--atlas-muted); flex-shrink: 0; }
.atlas-directory-selects select { width: 156px; max-width: 100%; font-size: 13px; }
.atlas-directory-selects .atlas-button { min-height: 44px; padding: 9px 16px; font-size: 13px; }
.atlas-filter-reset { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; color: var(--atlas-muted); }
.atlas-directory-count { display: flex; justify-content: space-between; gap: 12px; color: var(--atlas-muted); font-size: 12px; padding: 18px 0 16px; }
.atlas-directory-count strong { color: var(--atlas-ink); font-weight: 600; }
.atlas-directory-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 24px; }
.atlas-directory-grid .atlas-card-link { padding: 22px; }
.atlas-directory-grid .atlas-card h3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.6; font-size: 17px; margin: 18px 0 10px; min-height: 3.2em; text-wrap: initial; }
.atlas-directory-grid .atlas-card p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 13px; line-height: 1.8; min-height: 3.6em; margin-bottom: 18px; text-wrap: initial; }
.atlas-account-identity { display: flex; align-items: center; gap: 12px; min-width: 0; }
.atlas-account-avatar { flex: 0 0 46px; height: 46px; display: grid; place-items: center; background: #eaf0e6; border-radius: 9px; color: #536e4d; font: 25px/1 "Songti SC", serif; }
.atlas-account-identity > div { min-width: 0; flex: 1; }
.atlas-account-identity strong, .atlas-account-identity small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.atlas-account-identity strong { font-size: 16px; font-weight: 600; }
.atlas-account-identity small { font-size: 11px; color: var(--atlas-muted); margin-top: 2px; }
.atlas-card-sample { align-self: flex-start; font-size: 10px; color: var(--atlas-muted); border: 1px solid var(--atlas-line); padding: 1px 5px; border-radius: 4px; }
.atlas-card-category { background: #f0f3ec; padding: 3px 7px; border-radius: 4px; }
.atlas-card-foot .atlas-card-open { font-size: 11px; white-space: nowrap; }
.atlas-card-open > span { display: inline-block; margin-left: 5px; font-size: 15px; }
.atlas-directory-grid .atlas-card-study { display: flex; min-height: 100%; flex-direction: column; border-radius: 20px; background: #fbfcf8; box-shadow: 0 0 0 1px rgba(24,58,47,.08),0 7px 18px rgba(24,58,47,.055),0 26px 54px rgba(24,58,47,.055); }
.atlas-directory-grid .atlas-card-study:hover { box-shadow: 0 0 0 1px rgba(24,58,47,.13),0 11px 24px rgba(24,58,47,.075),0 30px 62px rgba(24,58,47,.07); transform: translateY(-4px); }
.atlas-directory-grid .atlas-card-study .atlas-card-link { padding: 0; }
.atlas-account-shot { position: relative; isolation: isolate; aspect-ratio: 16 / 6.8; margin: 0; overflow: hidden; background: #173d31; }
.atlas-account-shot::after { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg,rgba(6,22,17,.04) 45%,rgba(6,22,17,.60) 100%); pointer-events: none; }
.atlas-account-shot img { width: 100%; height: 100%; object-fit: cover; object-position: center top; outline: 1px solid rgba(0,0,0,.1); outline-offset: -1px; filter: saturate(.88) contrast(.98); transition-property: transform,filter; transition-duration: 260ms; transition-timing-function: ease-out; }
.atlas-card-study:hover .atlas-account-shot img { transform: scale(1.025); filter: saturate(1) contrast(1); }
.atlas-account-shot-empty { position: absolute; inset: 0; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 75% 12%,rgba(216,201,151,.22),transparent 34%),linear-gradient(140deg,#234c3d,#102f26); color: rgba(244,240,219,.72); }
.atlas-account-shot-empty::before,.atlas-account-shot-empty::after { content: ''; position: absolute; width: 58%; aspect-ratio: 1; border: 1px solid rgba(229,218,178,.19); border-radius: 50%; }
.atlas-account-shot-empty::before { top: -42%; right: -8%; }
.atlas-account-shot-empty::after { bottom: -58%; left: -4%; }
.atlas-account-shot-empty b { font: 500 56px/1 "Songti SC",serif; }
.atlas-account-shot figcaption,.atlas-account-shot-index { position: absolute; z-index: 2; top: 14px; padding: 6px 9px; border: 1px solid rgba(255,255,255,.20); border-radius: 6px; background: rgba(10,31,24,.66); color: #f1eddb; font-size: 10px; line-height: 1; letter-spacing: .08em; backdrop-filter: blur(9px); }
.atlas-account-shot figcaption { left: 14px; }
.atlas-account-shot-index { right: 14px; color: rgba(244,241,226,.80); font: 9px/1 Georgia,serif; letter-spacing: .13em; }
.atlas-card-study-body { display: flex; flex: 1; flex-direction: column; padding: 0; }
.atlas-card-study-body .atlas-account-identity { min-height: 78px; padding: 16px 21px 15px; border-bottom: 1px solid rgba(24,58,47,.055); }
.atlas-card-study-body .atlas-account-avatar { flex-basis: 44px; height: 44px; border-radius: 4px 12px 4px 4px; background: #173e31; box-shadow: inset 0 -2px #c5af69,0 5px 12px rgba(24,58,47,.14); color: #e6d69f; font-size: 21px; }
.atlas-card-study-body .atlas-account-identity small { margin: 0 0 2px; color: #9b8950; font: 8px/1.2 Georgia,serif; letter-spacing: .17em; }
.atlas-card-study-body .atlas-account-identity strong { color: #193e31; font-size: 19px; font-weight: 650; line-height: 1.3; }
.atlas-card-study-body .atlas-account-identity em { display: block; margin-top: 2px; overflow: hidden; color: #74847a; font-size: 11px; font-style: normal; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.atlas-card-study-body .atlas-card-sample { padding: 5px 9px; border-color: #d1dacd; border-radius: 7px; background: #f1f4ee; color: #687d6e; font-size: 10px; }
.atlas-card-insight { position: relative; margin: 15px 16px 14px; padding: 18px 20px 17px 22px; overflow: hidden; border: 1px solid rgba(24,58,47,.085); border-radius: 3px 12px 3px 3px; background: linear-gradient(135deg,#edf1e8 0%,#f8f8f2 78%); box-shadow: inset 4px 0 #c7b36d,0 5px 14px rgba(24,58,47,.025); }
.atlas-card-insight::after { position: absolute; right: -24px; bottom: -32px; width: 86px; height: 86px; border: 1px solid rgba(147,132,83,.11); border-radius: 50%; content: ''; pointer-events: none; }
.atlas-card-thesis { display: flex; align-items: center; gap: 8px; color: #8f7c40; font-size: 9px; font-weight: 700; letter-spacing: .15em; }
.atlas-card-thesis::before { width: 16px; height: 1px; background: #b8a25c; content: ''; }
.atlas-directory-grid .atlas-card-study h3 { min-height: 3em; margin: 9px 0 8px; color: #143c2f; font: 600 20px/1.5 "Songti SC","STSong",serif; letter-spacing: .01em; text-wrap: balance; }
.atlas-directory-grid .atlas-card-study p { min-height: 3.5em; margin: 0; color: #677a70; font-size: 13px; line-height: 1.75; }
.atlas-card-study-body .atlas-card-foot { min-height: 74px; gap: 16px; margin: auto 20px 0; padding: 14px 0 18px; border: 0; border-top: 1px solid rgba(24,58,47,.09); }
.atlas-card-study-body .atlas-card-category { display: grid; gap: 3px; padding: 0; background: none; color: #3f604f; font-size: 12px; line-height: 1.25; }
.atlas-card-study-body .atlas-card-category small { color: #929f96; font-size: 8px; letter-spacing: .11em; }
.atlas-card-study-body .atlas-card-open { display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 10px; min-width: 128px; min-height: 52px; padding: 9px 11px 9px 14px; border-radius: 9px; background: #173e31; box-shadow: 0 6px 14px rgba(24,58,47,.13); color: #f5f3e7; font-weight: 600; line-height: 1.1; }
.atlas-card-study-body .atlas-card-open small { grid-column: 1; color: #c7cead; font: 7px/1 Georgia,serif; letter-spacing: .17em; }
.atlas-card-study-body .atlas-card-open b { grid-column: 1; font-size: 13px; font-weight: 650; }
.atlas-card-study-body .atlas-card-open > span { grid-column: 2; grid-row: 1 / span 2; margin: 0; color: #dfcd87; font-size: 18px; transition: transform 160ms ease-out; }
.atlas-card-study-body .atlas-card-open:hover { background: #1d4a3a; box-shadow: 0 8px 18px rgba(24,58,47,.17); }
.atlas-card-study-body .atlas-card-open:hover > span { transform: translate(2px,-2px); }
.atlas-pagination-wrap { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px 28px; margin-top: 30px; }
.atlas-pagination-wrap .atlas-pagination { gap: 6px; margin: 0; flex-wrap: wrap; }
.atlas-pagination a, .atlas-pagination-gap { display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; border-radius: 6px; font-size: 14px; }
.atlas-pagination a { border: 1px solid var(--atlas-line); background: white; }
.atlas-pagination a[aria-current] { background: var(--atlas-ink); border-color: var(--atlas-ink); color: white; }
.atlas-page-jump { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--atlas-muted); }
.atlas-page-jump label { margin: 0; font-weight: 400; }
.atlas-page-jump input, .atlas-page-jump button { background: #fff; border: 1px solid var(--atlas-line); border-radius: 6px; min-height: 44px; color: var(--atlas-text); }
.atlas-page-jump input { width: 62px; text-align: center; padding: 6px; }
.atlas-page-jump button { padding: 6px 12px; }
@media (hover: hover) { .atlas-pagination a:hover { border-color: #93aa8c; } .atlas-directory-shortcut:hover, .atlas-filter-reset:hover { text-decoration: underline; text-underline-offset: 4px; } }
@media (min-width: 1700px) { .atlas-directory-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); } }
@media (max-width: 1279px) { .atlas-directory-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 999px) { .atlas-directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) {
    .atlas-directory-heading { display: block; padding: 24px 0 18px; }
    .atlas-directory-heading h1 { font-size: 24px; }
    .atlas-directory-heading p { font-size: 13px; }
    .atlas-directory-shortcut { margin-top: 6px; }
    .atlas-directory-filters { padding: 14px; }
    .atlas-directory-search { gap: 8px; }
    .atlas-directory-search .atlas-button { padding: 10px 16px; }
    .atlas-directory-selects { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .atlas-directory-refine > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; margin-top: 8px; cursor: pointer; font-size: 13px; }
    .atlas-directory-refine > summary span { font-size: 11px; color: var(--atlas-muted); }
    .atlas-directory-refine > summary span::after { content: ' +'; }
    .atlas-directory-refine[open] > summary span::after { content: ' −'; }
    .atlas-directory-selects label { display: block; }
    .atlas-directory-selects label > span { display: block; margin-bottom: 4px; }
    .atlas-directory-selects select { width: 100%; }
    .atlas-directory-count { flex-wrap: wrap; gap: 4px; }
    .atlas-directory-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .atlas-directory-grid .atlas-card-link { padding: 20px; }
    .atlas-directory-grid .atlas-card-study .atlas-card-link { padding: 0; }
    .atlas-account-shot { aspect-ratio: 16 / 6.8; }
    .atlas-card-study-body .atlas-account-identity { padding: 13px 16px 12px; }
    .atlas-card-insight { margin: 0 10px 11px; padding: 13px 14px 12px 17px; }
    .atlas-card-study-body .atlas-card-foot { padding: 0 16px 14px; }
    .atlas-pagination a, .atlas-pagination-gap { min-width: 36px; }
}

/* Account reports and method discovery are two entrances to the same content. */
.atlas-account-shot-link { display: block; }
.atlas-card-study a { transition-property: color, background-color, box-shadow, scale; transition-duration: 160ms; transition-timing-function: ease-out; }
.atlas-card-study a:active,.atlas-method-card a:active,.atlas-save-method:active { scale: .96; }
.atlas-card-methods { display: grid; align-content: start; gap: 7px; margin: 0 20px 17px; }
.atlas-card-methods-head { display: flex; min-height: 24px; align-items: center; justify-content: space-between; padding: 0 2px; color: #829087; background: transparent; }
.atlas-card-methods-head small { font: 8px/1 Georgia,serif; letter-spacing: .16em; }
.atlas-card-methods-head strong { color: #a18d51; font: 10px/1 Georgia,serif; letter-spacing: .08em; }
.atlas-card-methods a { display: grid; grid-template-columns: 25px minmax(0,1fr) 20px; min-height: 48px; align-items: center; gap: 9px; padding: 8px 10px 8px 12px; border-radius: 9px; background: #eef2e9; box-shadow: 0 0 0 1px rgba(24,58,47,.055),0 2px 4px rgba(24,58,47,.025); color: #315747; }
.atlas-card-methods a:hover { background: #e3eadf; box-shadow: 0 0 0 1px rgba(24,58,47,.11),0 5px 10px rgba(24,58,47,.055); transform: translateX(2px); }
.atlas-card-methods a span { color: #a18d51; font: 10px/1 Georgia,serif; letter-spacing: .06em; }
.atlas-card-methods a b { display: -webkit-box; overflow: hidden; font-size: 11px; font-weight: 550; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.atlas-card-methods a i { color: #8a9a8d; font-size: 13px; font-style: normal; text-align: center; }
.atlas-card-methods-more { min-height: 34px; padding: 7px 10px; color: #839087; font-size: 10px; }

.atlas-method-directory-heading .atlas-eyebrow { margin: 0 0 7px; color: #a18d51; font-size: 9px; letter-spacing: .16em; }
/* Method content leads; warm accents and source metadata stay subordinate. */
.atlas-method-directory-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.atlas-method-card { display: flex; min-width: 0; flex-direction: column; border: 1px solid #e5e3dc; border-radius: 16px; background: #fff; box-shadow: 0 2px 8px rgba(38,33,92,.025),0 10px 24px rgba(38,33,92,.035); font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; }
.atlas-method-card:hover { transform: none; box-shadow: 0 3px 10px rgba(38,33,92,.035),0 12px 28px rgba(38,33,92,.06); }
.atlas-method-card-main { display: flex; min-width: 0; flex: 1; flex-direction: column; padding: 28px 28px 18px; background: #fff; text-decoration: none!important; }
.atlas-method-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 12px; line-height: 1.5; letter-spacing: 0; }
.atlas-method-card-meta span { padding: 4px 10px; border-radius: 6px; }
.atlas-method-card-meta span:first-child { border: 1px solid #f2ba7c; background: #fff0dd; color: #a65413; font: inherit; font-variant-numeric: tabular-nums; }
.atlas-method-card-meta span:last-child { background: #e1f5ee; color: #0f6e56; }
.atlas-method-card h2 { min-height: 2.8em; margin: 20px 0 16px; color: #26215c; font: 650 clamp(23px,1.65vw,32px)/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; text-wrap: balance; overflow-wrap: anywhere; }
.atlas-method-card .atlas-method-card-main > .atlas-method-summary { display: block; box-sizing: border-box; min-height: 7.1em; margin: 0 0 16px; padding: 14px 16px; overflow: hidden; border: 1px solid #d0eee3; border-radius: 10px; background: #e1f5ee; color: #315b50; font-size: 15px; line-height: 1.75; text-wrap: pretty; }
.atlas-method-summary > span { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.atlas-method-card:nth-child(3n+2) .atlas-method-summary { background: #e6f1fb; border-color: #d3e6f7; color: #315575; }
.atlas-method-card:nth-child(3n) .atlas-method-summary { background: #ffe6cb; border-color: #f4cca1; color: #704d30; }
.atlas-method-summary-empty { font-style: normal; }
.atlas-method-card-action { display: inline-flex; align-self: flex-start; min-height: 44px; align-items: center; justify-content: center; gap: 12px; margin-top: auto; padding: 10px 16px; border: 1px solid #eaa15b; border-radius: 8px; background: #ffbb78; color: #713b15; box-shadow: none; font-size: 14px; line-height: 1.5; transition: background-color 160ms ease-out; }
.atlas-method-card-action b { color: inherit; font-size: inherit; font-weight: 600; }
.atlas-method-card-action i { display: inline; width: auto; height: auto; flex: none; border-radius: 0; background: none; color: inherit; font-size: 19px; font-style: normal; line-height: 1; transition: transform 160ms ease-out; }
.atlas-method-card-main:hover .atlas-method-card-action { background: #ffae62; box-shadow: none; }
.atlas-method-card-main:hover .atlas-method-card-action i { transform: translateX(2px); }
.atlas-method-account { position: relative; display: flex; align-items: center; gap: 10px; min-height: 58px; margin: 0 28px 12px; padding: 10px 0; border-top: 1px solid #e5e3dc; background: #fff; box-shadow: none; color: #6b6a64!important; font-size: 12px; text-decoration: none!important; }
.atlas-method-account::after { content: none; }
.atlas-method-source-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.atlas-method-source-platform { flex-shrink: 0; color: #6b6a64; }
.atlas-method-account-cta { display: inline-flex; flex-shrink: 0; align-items: center; gap: 6px; min-width: 0; min-height: 40px; margin-left: auto; padding: 0; border: 0; background: none; box-shadow: none; color: #534ab7; font-size: 12px; white-space: nowrap; }
.atlas-method-account-cta i { display: inline; width: auto; height: auto; flex: none; border-radius: 0; background: none; color: inherit; font-size: 15px; font-style: normal; }
.atlas-method-account:hover { background: #fff; }
.atlas-method-account:hover .atlas-method-account-cta { background: none; color: #3c3489; }
.atlas-method-card a:focus-visible { outline: 2px solid #534ab7; outline-offset: -3px; border-radius: 10px; }

.atlas-method-context { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: -17px 0 28px; padding: 14px 18px; border-radius: 10px; background: #e9eee5; box-shadow: 0 0 0 1px rgba(24,58,47,.055); color: #607268; font-size: 12px; }
.atlas-method-context b { color: #23483a; }
.atlas-method-context a { display: inline-flex; min-height: 40px; align-items: center; color: #315b49; font-weight: 650; }
.atlas-method-section-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 10px; }
.atlas-method-section-head .atlas-section-number { margin: 0; }
.atlas-save-method { min-height: 40px; padding: 8px 13px; border: 0; border-radius: 8px; background: #edf2e9; box-shadow: 0 0 0 1px rgba(24,58,47,.07),0 2px 5px rgba(24,58,47,.04); color: #355b4b; font-size: 11px; transition-property: background-color, box-shadow, scale; transition-duration: 150ms; transition-timing-function: ease-out; }
.atlas-save-method:hover { background: #e2eadf; box-shadow: 0 0 0 1px rgba(24,58,47,.12),0 4px 9px rgba(24,58,47,.06); }
.atlas-account-case .atlas-mechanism-section:target { box-shadow: 0 0 0 2px rgba(196,174,104,.66),0 18px 48px rgba(24,58,47,.08)!important; }
.atlas-next-method { display: grid; grid-template-columns: 1fr auto; gap: 3px 18px; min-height: 64px; align-items: center; margin-top: 30px; padding: 13px 16px; border-radius: 10px; background: #edf2e9; box-shadow: 0 0 0 1px rgba(24,58,47,.055); text-decoration: none!important; }
.atlas-next-method small { color: #7b8a7f; font-size: 9px; }
.atlas-next-method strong { color: #234a3b; font-size: 12px; }
.atlas-next-method span { grid-column: 2; grid-row: 1 / span 2; color: #a48e4e; }
.atlas-saved-methods { display: grid; gap: 7px; margin-top: 18px; }
.atlas-saved-methods > small { color: #8a987f; font-size: 10px; letter-spacing: .08em; }
.atlas-saved-methods a { display: flex; min-height: 44px; align-items: center; justify-content: space-between; gap: 16px; padding: 9px 12px; border-radius: 8px; background: #eef2e9; color: #315746; font-size: 13px; }

@media (max-width: 760px) {
    .atlas-card-methods { margin: 0 16px 13px; }
    .atlas-method-directory-grid { grid-template-columns: 1fr; }
    .atlas-method-card-main { padding: 22px 20px 16px; }
    .atlas-method-card h2 { min-height: 0; margin-top: 18px; font-size: 23px; }
    .atlas-method-card .atlas-method-card-main > .atlas-method-summary { font-size: 16px; min-height: 0; }
    .atlas-method-account { flex-wrap: wrap; gap: 6px 10px; margin: 0 20px 10px; font-size: 12px; }
    .atlas-method-source-name { max-width: calc(100% - 65px); }
    .atlas-method-account-cta { font-size: 12px; }
    .atlas-method-context { display: grid; margin-top: -8px; }
    .atlas-method-section-head { align-items: flex-start; }
}

/* The approved palette applies to this directory, not the shared site navigation. */
.atlas-method-directory-page .atlas-shell { --atlas-ink: #26215c; --atlas-muted: #6b6a64; --atlas-line: #e5e3dc; background: #f7f6f3; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; -webkit-font-smoothing: antialiased; }
.atlas-method-directory-page .atlas-section-nav nav a { border: 1px solid transparent; border-radius: 8px; padding: 10px 16px; color: #6b6a64; }
.atlas-method-directory-page .atlas-section-nav nav a[aria-current="page"] { border-color: #f2ba7c; background: #fff0dd; color: #a65413; }
.atlas-method-directory-page .atlas-section-nav nav a::after { display: none; }
.atlas-method-directory-page .atlas-section-updates { color: #534ab7; }
.atlas-method-directory-page .atlas-directory-filters { border: 1px solid #e5e3dc; border-radius: 16px; background: #fff; box-shadow: none; }
.atlas-method-directory-page .atlas-directory-filters .atlas-button { border: 1px solid #eaa15b; border-radius: 8px; background: #ffbb78; color: #713b15!important; box-shadow: none; }
.atlas-method-directory-page .atlas-directory-filters .atlas-button.secondary { background: #fff0dd; }
.atlas-method-directory-page .atlas-directory-filters input,.atlas-method-directory-page .atlas-directory-filters select { border-color: #e5e3dc; color: #2c2c2a; font-family: inherit; }
.atlas-method-directory-page .atlas-pagination a[aria-current="page"] { background: #fff0dd; border-color: #f2ba7c; color: #a65413; box-shadow: none; }
@media (min-width:761px) and (max-width:1100px) { .atlas-method-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) { .atlas-method-directory-page .atlas-section-nav nav a { padding: 9px 10px; font-size: 13px; } }
@media (prefers-reduced-motion:reduce) { .atlas-method-card-action,.atlas-method-card-action i { transition: none; } .atlas-method-card a:active { scale: 1; } }

/* Method directory: public creator identity, plain action titles and complete introductions. */
.atlas-method-card .atlas-method-origin { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; padding: 22px 24px 0; color: #35354b; text-decoration: none; }
.atlas-method-card .atlas-method-source-name { display: grid; gap: 4px; min-width: 0; overflow: visible; text-overflow: clip; white-space: normal; }
.atlas-method-card .atlas-method-source-name small { color: #686973; font-size: 12px; line-height: 1.5; font-weight: 400; }
.atlas-method-card .atlas-method-source-name strong { font-size: 16px; line-height: 1.5; font-weight: 650; overflow-wrap: anywhere; }
.atlas-method-card .atlas-method-source-platform { flex: none; padding: 4px 9px; border: 1px solid #e5e3dc; border-radius: 6px; background: #f7f6f3; color: #595c62; font-size: 12px; line-height: 1.5; }
.atlas-method-card .atlas-method-origin:hover strong { color: #534ab7; }
.atlas-method-card .atlas-method-card-main { padding: 18px 24px 24px; }
.atlas-method-card h2 { min-height: 0; margin: 0 0 18px; font-size: clamp(21px,1.55vw,25px); line-height: 1.45; font-weight: 650; text-wrap: pretty; }
.atlas-method-card .atlas-method-card-main > .atlas-method-summary { min-height: 0; padding: 14px 16px; margin-bottom: 22px; overflow: visible; line-height: 1.75; }
.atlas-method-summary > small { display: block; margin: 0 0 5px; font-size: 12px; font-weight: 650; color: inherit; }
.atlas-method-summary > span { display: block; overflow: visible; -webkit-line-clamp: unset; }
.atlas-method-card .atlas-method-card-action { min-height: 44px; }
@media(max-width:760px) {
 .atlas-method-card .atlas-method-origin { padding: 20px 20px 0; gap: 12px; }
 .atlas-method-card .atlas-method-card-main { padding: 16px 20px 20px; }
 .atlas-method-card h2 { font-size: 22px; margin-bottom: 16px; }
 .atlas-method-card .atlas-method-source-name strong { font-size: 16px; }
 .atlas-method-card .atlas-method-card-main > .atlas-method-summary { font-size: 16px; }
}

/* Method directory: identity, use case, action, then practical instructions. */
.atlas-method-card .atlas-method-source-identity{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.atlas-method-card .atlas-method-source-identity .atlas-method-source-name{max-width:none;flex:1}
.atlas-method-card .atlas-real-avatar{position:relative;display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#f2f1ec;color:#77796f;box-shadow:inset 0 0 0 1px rgb(0 0 0 / .1)}
.atlas-method-card .atlas-real-avatar>svg{width:24px;height:24px}
.atlas-method-card .atlas-real-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;outline:1px solid rgb(0 0 0 / .1);outline-offset:-1px}
.atlas-method-card .atlas-method-card-main > .atlas-method-use{display:block;min-height:0;height:auto;overflow:visible;margin:0 0 20px;padding:12px 14px;background:#f0f6f3;border:1px solid #dce8e2;border-radius:10px;color:#35554d;font-size:15px;line-height:1.65;overflow-wrap:anywhere}
.atlas-method-card .atlas-method-use b{display:block;margin:0 0 3px;font-size:12px;line-height:1.5;font-weight:700;color:#536e64}
.atlas-method-card .atlas-method-use span{display:block;font-weight:500}
.atlas-method-card .atlas-method-title-label{display:block;margin:0 0 7px;color:#696485;font-size:13px;line-height:1.5;font-weight:650}
.atlas-method-card .atlas-method-title-label+h2{margin-top:0;margin-bottom:18px;font-weight:700;color:#26215c}
.atlas-method-card .atlas-method-card-main > .atlas-method-summary{background:#faf9f6!important;border:1px solid #e8e5de!important;color:#56554f!important;border-radius:10px}
.atlas-method-card .atlas-method-summary>small{color:#73716b;font-size:12px}
@media(max-width:640px){.atlas-method-card .atlas-method-card-main > .atlas-method-use{font-size:15px;margin-bottom:18px}.atlas-method-card .atlas-method-source-identity{gap:10px}.atlas-method-card .atlas-real-avatar{flex-basis:44px;width:44px;height:44px}}

/* Source-bound editorial methods: complete instructions without clipping. */
.atlas-method-card .atlas-method-card-main>.atlas-method-condition{display:block;height:auto;min-height:0;max-height:none;overflow:visible;margin:0 0 22px;color:#62645c;font-size:14px;line-height:1.7;overflow-wrap:anywhere;text-wrap:pretty}
.atlas-method-card .atlas-method-condition small{display:block;margin-bottom:4px;font-size:12px;font-weight:650;color:#76796f}
.atlas-method-card .atlas-method-condition span{display:block}
.atlas-method-card .atlas-method-card-main>.atlas-method-summary{max-height:none;height:auto;text-wrap:pretty}
.atlas-method-card .atlas-method-source-name strong{overflow-wrap:anywhere}
@media(max-width:640px){.atlas-method-card .atlas-method-card-main>.atlas-method-condition{margin-bottom:18px}}
.atlas-method-card .atlas-method-source-chapter{display:block;margin:0 0 14px;color:#77796f;font-size:12px;line-height:1.6;overflow-wrap:anywhere}