.atlaife-personal-hub {
	display: grid;
	gap: clamp(24px, 4vw, 56px);
	width: 100%;
}

.atlaife-personal-hub *,
.atlaife-personal-hub *::before,
.atlaife-personal-hub *::after {
	box-sizing: border-box;
}

/* Personal experience only: give the map space outside a narrow article column. */
.atlaife-personal-hub:has(.atlaife-personal-hub__experience) {
	position: relative;
	width: min(1440px, calc(100vw - 40px));
	max-width: none;
	margin-left: calc(50% - min(720px, calc(50vw - 20px)));
}

.atlaife-personal-hub__features {
	display: grid;
	gap: 24px;
}

.atlaife-personal-hub__experience {
	min-width: 0;
	overflow: visible;
	border: 1px solid rgba(48, 79, 63, 0.12);
	border-radius: 20px;
}

.atlaife-personal-hub__experience #my-atlaife-v20 .atlaife-map-bridge-note {
	display: grid;
	min-height: 72px;
	margin-top: 14px;
	place-items: center;
	padding: 18px;
	color: #74756f;
	background: #f1efe8;
	border: 1px dashed #d2d0c7;
	border-radius: 14px;
	font-size: 10px;
	text-align: center;
}

.atlaife-personal-hub__experience #my-atlaife-v20 {
	min-height: 0;
}

.atlaife-personal-hub__experience #my-atlaife-v20 .atlaife-shell {
	width: 100%;
}

.atlaife-personal-hub [hidden] { display: none !important; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-hero-grid { grid-template-columns: minmax(0, 1fr); }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-shell { max-width: none; flex: 1 1 auto; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-main { padding: 24px 16px; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-inner { max-width: none; min-width: 0; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-hero { padding: clamp(10px, 1.6vw, 22px); }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-personal-map { width: 100%; max-width: none; }
.atlaife-personal-hub #my-atlaife-v20 [data-map-slot] { width: 100%; margin-top: 18px; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-personal-map__image { margin: 0; max-width: 100%; }
.atlaife-personal-hub #my-atlaife-v20 h2::before,
.atlaife-personal-hub #my-atlaife-v20 h2::after { display: none; }
.atlaife-personal-hub #my-atlaife-v20 h2 { background: none; color: inherit; border: 0; box-shadow: none; padding: 0; }
.atlaife-customer-settings { display: grid; gap: 20px; margin-top: 24px; }
.atlaife-customer-settings form, .atlaife-customer-settings section { padding: 20px; background: #fbfaf6; border: 1px solid #deddd6; border-radius: 14px; }
.atlaife-customer-settings label { display: block; margin: 16px 0; font-size: 14px; }
.atlaife-customer-settings input:not([type=hidden]):not([type=checkbox]),
.atlaife-customer-settings select { display: block; width: 100%; padding: 10px; margin-top: 8px; }
.atlaife-customer-settings button { background: #264c38; color: white; border: 0; border-radius: 8px; padding: 12px 18px; cursor: pointer; }
.atlaife-customer-settings button:disabled { opacity: .5; cursor: not-allowed; }
.atlaife-customer-settings .atlaife-danger { border: 2px solid #a14c43; background: #fff8f5; }
.atlaife-customer-settings .atlaife-danger button { background: #8b3e35; }
.atlaife-customer-settings .atlaife-danger form { background: transparent; }
.atlaife-settings-entry, .atlaife-settings-diagnoses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.atlaife-settings-diagnoses article { border: 1px solid #deddd6; border-radius: 10px; padding: 14px; }
.atlaife-settings-diagnoses a { display: inline-block; margin: 4px 8px 4px 0; }
.atlaife-settings-links, .atlaife-range-labels { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.atlaife-range-labels { font-size: 12px; }
.atlaife-profile-avatar { width: 64px; height: 64px; border-radius: 50%; }
.atlaife-map-settings-link { margin-top: 14px; padding: 8px 12px; border: 1px solid #deddd6; border-radius: 10px; background: #fff; cursor: pointer; }
.atlaife-personal-hub.hide-progress .atlaife-personal-map__label small,
.atlaife-personal-hub.hide-progress #screen-home .atlaife-summary,
.atlaife-personal-hub.hide-progress #screen-home .atlaife-area-meta,
.atlaife-personal-hub.hide-unexplored [data-atlaife-personal-map] [data-diagnosed="false"],
.atlaife-personal-hub.hide-recommended #screen-home [data-go="recommended"],
.atlaife-personal-hub.hide-recommended #screen-you [data-go="recommended"],
.atlaife-personal-hub.hide-diagnosis #screen-home .atlaife-area-type,
.atlaife-personal-hub.hide-diagnosis #screen-you [data-screen="diagnosis"],
.atlaife-personal-hub.hide-diagnosis .atlaife-nav [data-screen="diagnosis"] { display: none !important; }
@media (max-width: 650px) {
	.atlaife-settings-entry, .atlaife-settings-diagnoses { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 1000px) {
	.atlaife-personal-hub #my-atlaife-v20 .atlaife-shell { grid-template-columns: minmax(0, 1fr); }
	.atlaife-personal-hub #my-atlaife-v20 .atlaife-sidebar { min-width: 0; padding: 14px; border-right: 0; border-bottom: 1px solid #deddd6; }
	.atlaife-personal-hub #my-atlaife-v20 .atlaife-nav { display: flex; overflow-x: auto; }
	.atlaife-personal-hub #my-atlaife-v20 .atlaife-nav button { flex: 0 0 auto; width: auto; white-space: nowrap; }
}
@media (max-width: 480px) {
	.atlaife-personal-hub:has(.atlaife-personal-hub__experience) { width: calc(100vw - 16px); margin-left: calc(50% - 50vw + 8px); }
	.atlaife-personal-hub #my-atlaife-v20 .atlaife-main { padding: 18px 8px; }
}

.atlaife-personal-hub.is-grid .atlaife-personal-hub__features {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.atlaife-personal-hub__feature {
	min-width: 0;
	padding: clamp(18px, 3vw, 32px);
	background: rgba(255, 255, 255, 0.94);
	border: 1px solid rgba(48, 79, 63, 0.14);
	border-radius: 18px;
	box-shadow: 0 12px 32px rgba(31, 55, 42, 0.07);
}

.atlaife-personal-hub__feature h2 {
	margin: 0 0 18px;
	font-size: clamp(18px, 2.2vw, 26px);
	color: #20392d;
}

.atlaife-personal-hub__feature-content > :first-child { margin-top: 0; }
.atlaife-personal-hub__feature-content > :last-child { margin-bottom: 0; }

.atlaife-feature-admin-grid {
	display: grid;
	grid-template-columns: minmax(260px, 0.75fr) minmax(420px, 1.5fr);
	gap: 18px;
	align-items: start;
}

.atlaife-feature-module {
	margin: 0 0 16px;
	padding: 16px;
	border: 1px solid var(--atlaife-admin-line);
	border-radius: 10px;
}

.atlaife-feature-module legend {
	padding: 0 6px;
	font-weight: 700;
}

.atlaife-feature-module textarea {
	width: 100%;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

@media (max-width: 782px) {
	.atlaife-personal-hub.is-grid .atlaife-personal-hub__features,
	.atlaife-feature-admin-grid {
		grid-template-columns: 1fr;
	}
}
.atlaife-exploration-help,[data-exploration-status]{margin:12px 0;padding:12px 16px;background:#f2f5ee;border:1px solid #dbe3d3;border-radius:12px;font-size:14px;line-height:1.8;}
.atlaife-exploration-help summary,[data-exploration-status] summary{cursor:pointer;font-weight:600;}
[data-exploration-status] ul{padding-left:20px;}
.atlaife-two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1000px){.atlaife-two{grid-template-columns:1fr}}

/* Shared navigation and entry cards. */
.atlaife-personal-hub #my-atlaife-v20 [data-primary-nav] { gap: 6px; }
.atlaife-personal-hub #my-atlaife-v20 [data-primary-nav] button { min-height: 44px; font-size: 13px; font-weight: 600; }
.atlaife-personal-hub #my-atlaife-v20 [data-primary-nav] button.active { background: #264c38; color: #fff; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-account-menu { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 12px; }
.atlaife-account-menu summary { cursor: pointer; padding: 10px 0; }
.atlaife-account-menu > div { display: grid; gap: 8px; margin-top: 8px; }
.atlaife-account-menu button { padding: 10px; border: 1px solid #deddd6; border-radius: 10px; background: #fbfaf6; color: #264c38; cursor: pointer; text-align: left; }
.atlaife-entry-intro { margin: 18px 0 24px; color: #63665d; font-size: 14px; line-height: 1.8; }
.atlaife-entry-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-entry-card { display: grid; align-content: start; gap: 14px; padding: 24px; border: 1px solid #deddd6; border-radius: 16px; background: #fbfaf6; color: #264c38; text-align: left; text-decoration: none; cursor: pointer; min-width: 0; }
.atlaife-entry-card strong { font-size: 18px; }
.atlaife-entry-card span { font-size: 13px; line-height: 1.7; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-entry-card:hover { background: #edf1e7; }
.atlaife-personal-hub #my-atlaife-v20 :is([data-primary-nav] button,.atlaife-entry-card,.atlaife-account-menu button):focus-visible { outline: 3px solid #57784a; outline-offset: 3px; }
.atlaife-you-extensions { margin-top: 28px; }
[data-you-extension-links] { display: flex; flex-wrap: wrap; gap: 12px; }
[data-you-extension-links] button,.atlaife-find-search button { min-height: 44px; padding: 10px 18px; border: 1px solid #40654a; border-radius: 10px; background: #264c38; color: #fff; cursor: pointer; }
.atlaife-find-search { margin: 24px 0; }
.atlaife-find-search label { display: block; font-size: 14px; margin-bottom: 10px; }
.atlaife-find-search > div { display: flex; gap: 10px; }
.atlaife-find-search input { flex: 1; min-width: 0; padding: 12px; border: 1px solid #deddd6; border-radius: 10px; font: inherit; background: #fff; }
@media (max-width: 1000px) {
	.atlaife-personal-hub #my-atlaife-v20 [data-primary-nav] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); overflow: visible; gap: 4px; }
	.atlaife-personal-hub #my-atlaife-v20 [data-primary-nav] button { width: 100%; padding: 10px 4px; text-align: center; white-space: normal; font-size: 12px; }
	.atlaife-personal-hub #my-atlaife-v20 .atlaife-account-menu { margin-top: 12px; padding-top: 8px; }
}
@media(max-width:650px) {
	.atlaife-entry-grid { grid-template-columns: minmax(0,1fr); }
	.atlaife-personal-hub #my-atlaife-v20 .atlaife-entry-card { padding: 20px; }
}

/* Readable member UI; map geometry keeps its own responsive labels. */
.atlaife-personal-hub #my-atlaife-v20 { font-size: 16px; line-height: 1.7; }
.atlaife-personal-hub #my-atlaife-v20 :is(p, label, input, select, textarea, .atlaife-area-type, .atlaife-diagnosis-type) { font-size: 16px; line-height: 1.7; }
.atlaife-personal-hub #my-atlaife-v20 :is(.atlaife-eyebrow,.atlaife-subbrand,.atlaife-status,.atlaife-area-meta,.atlaife-summary-row,.atlaife-tag,.atlaife-entry-card span,.atlaife-diagnosis-desc,.atlaife-diagnosis-bottom span,.atlaife-range-labels,.atlaife-live-note) { font-size: 14px; line-height: 1.6; }
.atlaife-personal-hub #my-atlaife-v20 :is(.atlaife-area h3,.atlaife-feature h3,.atlaife-diagnosis-card h3) { font-size: 18px; }
.atlaife-personal-hub #my-atlaife-v20 :is(.atlaife-section-head h2,.atlaife-hero h2) { font-size: 22px; }
.atlaife-personal-hub #my-atlaife-v20 :is(.atlaife-btn,.atlaife-back,.atlaife-diagnosis-detail,[data-primary-nav] button) { font-size: 16px; min-height: 44px; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-title { line-height: 1.4; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-sidebar { position: sticky; top: 48px; align-self: start; border-radius: 20px 0 0 0; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-section-head { flex-wrap: wrap; }
.atlaife-personal-hub #my-atlaife-v20 [data-live-recommendations] form { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; margin: 24px 0; }
.atlaife-personal-hub #my-atlaife-v20 [data-live-recommendations] label { display: grid; gap: 8px; max-width: 100%; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-library-pages { flex-wrap: wrap; }
.atlaife-you-account { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 28px; }
.atlaife-personal-hub #my-atlaife-v20 [data-member-error]:not(:empty) { display: block; margin-bottom: 18px; padding: 14px; border: 1px solid #cdd8cb; border-radius: 12px; }
.atlaife-personal-hub #my-atlaife-v20 :is(.atlaife-btn,.atlaife-back):focus-visible { outline: 3px solid #57784a; outline-offset: 3px; }
@media(max-width:1000px) {
 .atlaife-personal-hub #my-atlaife-v20 .atlaife-sidebar { position: static; padding: 16px; }
 .atlaife-personal-hub #my-atlaife-v20 .atlaife-subbrand { margin-bottom: 0; }
 .atlaife-personal-hub #my-atlaife-v20 [data-primary-nav] { position: fixed; bottom: 0; left: 0; right: 0; z-index: 99990; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 2px; padding: 8px 4px calc(8px + env(safe-area-inset-bottom,0px)); border-top: 1px solid #cdd8cb; background: #fbfaf6; box-shadow: 0 -4px 18px #203d2d12; }
 .atlaife-personal-hub #my-atlaife-v20 [data-primary-nav] button { width: 100%; min-width: 0; min-height: 52px; padding: 6px 2px; font-size: 14px; line-height: 1.4; text-align: center; white-space: normal; overflow-wrap: normal; }
 .atlaife-personal-hub #my-atlaife-v20 .atlaife-main { padding-bottom: calc(90px + env(safe-area-inset-bottom,0px)); }
 .atlaife-personal-hub #my-atlaife-v20 .atlaife-area-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:650px) {
 .atlaife-personal-hub #my-atlaife-v20 .atlaife-area-grid { grid-template-columns: minmax(0,1fr); }
 .atlaife-personal-hub #my-atlaife-v20 .atlaife-top { display: block; }
}

.atlaife-personal-hub .atlaife-personal-map__label strong { font-size: 14px; letter-spacing: .02em; }
.atlaife-personal-hub .atlaife-personal-map__label small { font-size: 12px; opacity: 1; }
.atlaife-personal-hub .atlaife-personal-map__label { background: rgba(250,249,245,.88); }

/* You: identity, compact actions, and horizontal article shelves. */
.atlaife-personal-hub #my-atlaife-v20 .atlaife-you-identity { display:flex; align-items:center; gap:16px; margin:14px 0; }
.atlaife-personal-hub #my-atlaife-v20 [data-you-name] { min-width:0; overflow-wrap:anywhere; }
.atlaife-you-actions { display:flex; align-items:start; flex-wrap:wrap; gap:24px; margin:12px 0 32px; }
.atlaife-you-settings summary { cursor:pointer; min-height:44px; padding:8px 0; }
.atlaife-you-settings > div { display:grid; gap:8px; padding:12px; border:1px solid #deddd6; border-radius:12px; background:#fff; }
.atlaife-you-settings button { padding:10px 16px; border:0; background:#f4f5ee; border-radius:8px; cursor:pointer; text-align:left; }
.atlaife-you-shelf,.atlaife-you-diagnosis { margin:32px 0; min-width:0; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-shelf-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-shelf-heading h2 { font-size:22px; margin:0; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-you-diagnosis .atlaife-entry-card { width:100%; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-media-library [data-library-status]:empty { display:none; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-media-library [data-library-items] { display:grid; gap:20px; min-width:0; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-media-library.is-preview [data-library-items] { display:flex; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; padding-bottom:12px; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-media-library article { border:0; padding:0; margin:0; background:transparent; min-width:0; border-radius:0; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-media-library.is-preview article { flex:0 0 240px; scroll-snap-align:start; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-media-library article > a { display:flex; gap:16px; color:#20392d; text-decoration:none; align-items:start; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-media-library.is-preview article > a { display:grid; gap:10px; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-media-thumb { display:block; flex:0 0 200px; width:200px; aspect-ratio:16/9; position:relative; overflow:hidden; border-radius:12px; background:linear-gradient(135deg,#d8e2d4,#edf0e8); }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-media-thumb:empty::after { content:'◇'; display:grid; place-items:center; height:100%; color:#6f866e; font-size:32px; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-media-thumb img { display:block; width:100%; height:100%; object-fit:cover; }
.atlaife-personal-hub #my-atlaife-v20 .is-preview .atlaife-media-thumb { width:100%; }
.atlaife-media-copy { display:grid; gap:6px; min-width:0; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-media-copy strong { font-size:16px; line-height:1.5; overflow-wrap:anywhere; }
.atlaife-media-author { color:#63665d; font-size:14px; }
.atlaife-library-sort { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:20px 0; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-library-sort select { font-size:16px; padding:10px; min-height:44px; border:1px solid #cdd8cb; border-radius:8px; background:#fff; }
@media(max-width:650px){
 .atlaife-personal-hub #my-atlaife-v20 .atlaife-media-library.is-preview article { flex-basis:220px; }
 .atlaife-personal-hub #my-atlaife-v20 .atlaife-media-thumb { flex-basis:120px; width:120px; }
 .atlaife-personal-hub #my-atlaife-v20 .atlaife-media-library article > a { gap:12px; }
}

/* The compact member shell replaces SWELL chrome only on the built-in hub. */
body:has([data-atlaife-built-in-experience]) :is(#header,#fix_header,#footer,#breadcrumb,.p-breadcrumb,#sidebar,#sp_menu,#fix_bottom_menu,#pagetop),
body:has([data-atlaife-built-in-experience]) #main_content > .l-mainContent__inner > :is(.c-pageTitle,.p-articleHead),
body:has([data-atlaife-built-in-experience]) #main_content .c-pageTitle { display:none !important; }
body:has([data-atlaife-built-in-experience]) #content.l-content { padding-top:0; margin-top:0; }
body:has([data-atlaife-built-in-experience]) #main_content { float:none; width:100%; }
body:has([data-atlaife-built-in-experience]) #main_content .post_content { margin-top:0; }
.atlaife-personal-hub #my-atlaife-v20 { flex-direction:column; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-shell { width:100%; flex:auto; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-compact-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 24px; border-bottom:1px solid #deddd6; background:#fbfaf6; position:relative; z-index:30; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-home-logo { color:#20392d; font-size:21px; font-weight:750; letter-spacing:.14em; text-decoration:none; padding:8px 0; }
.atlaife-header-menu { position:relative; }
.atlaife-header-menu > summary { display:grid; place-items:center; cursor:pointer; list-style:none; width:48px; height:48px; border-radius:12px; border:1px solid #d7ddd3; }
.atlaife-header-menu > summary::-webkit-details-marker { display:none; }
.atlaife-hamburger { display:grid; gap:5px; width:22px; }
.atlaife-hamburger i { display:block; height:2px; background:#264c38; }
.atlaife-header-menu-panel { position:absolute; right:0; top:56px; width:min(280px,calc(100vw - 64px)); padding:12px; border:1px solid #deddd6; border-radius:16px; background:#fbfaf6; box-shadow:0 12px 32px #20392d26; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-header-menu-panel :is(button,a) { display:flex; gap:12px; align-items:center; padding:12px; min-height:48px; width:100%; border:0; border-radius:8px; background:transparent; color:#264c38; font-size:16px; text-decoration:none; text-align:left; cursor:pointer; overflow-wrap:anywhere; }
.atlaife-header-menu-panel :is(button,a):hover { background:#edf1e7!important; }
.atlaife-menu-profile [data-profile-photo] { flex:0 0 40px; }
.atlaife-menu-profile :is(svg,img) { width:40px!important; height:40px!important; }
.atlaife-you-identity > [data-profile-photo] { flex:0 0 64px; }
.atlaife-notice-tabs { display:flex; flex-wrap:wrap; gap:12px; margin:24px 0; }
.atlaife-notice-tabs button { padding:12px 20px; border:1px solid #cdd8cb; border-radius:12px; cursor:pointer; background:#fbfaf6; color:#264c38; }
.atlaife-notice-tabs button[aria-pressed="true"] { background:#264c38; color:white; }
.atlaife-public-library [data-public-items] { display:grid; gap:24px 20px; min-width:0; }
.atlaife-public-library [data-public-status]:empty { display:none; }
.atlaife-public-library.is-preview [data-public-items] { display:flex; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; padding-bottom:12px; }
.atlaife-public-library.is-grid [data-public-items] { grid-template-columns:repeat(3,minmax(0,1fr)); }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-public-library.is-grid article > a { display:grid; gap:10px; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-public-library.is-grid .atlaife-media-thumb { width:100%; }
.atlaife-media-copy time { color:#63665d; font-size:14px; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-recommendation-link { display:flex; align-items:start; gap:20px; text-decoration:none; color:#20392d; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-recommendation-link h2 { font-size:18px; line-height:1.5; margin:0; overflow-wrap:anywhere; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-sidebar { border-radius:0; }
@media(max-width:1000px){
 .atlaife-personal-hub #my-atlaife-v20 .atlaife-sidebar { padding:0; border:0; }
 .atlaife-personal-hub #my-atlaife-v20 [data-primary-nav] button { min-height:70px; overflow-wrap:anywhere; line-height:1.4; }
 .atlaife-public-library.is-grid [data-public-items] { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:650px){
 .atlaife-personal-hub #my-atlaife-v20 .atlaife-compact-header { padding:8px 16px; }
 .atlaife-personal-hub #my-atlaife-v20 .atlaife-recommendation-link { gap:12px; }
 .atlaife-personal-hub #my-atlaife-v20 .atlaife-recommendation-link h2 { font-size:16px; }
 .atlaife-personal-hub #my-atlaife-v20 .atlaife-recommendation-link .atlaife-media-thumb { width:110px; flex-basis:110px; }
}
@media(max-width:380px){.atlaife-public-library.is-grid [data-public-items] { grid-template-columns:1fr; }}

/* Member header: symmetric columns keep the wordmark centered. */
.atlaife-personal-hub #my-atlaife-v20 .atlaife-compact-header { display:grid; grid-template-columns:48px minmax(0,1fr) 48px; gap:12px; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-home-logo { justify-self:center; }
.atlaife-header-menu > summary { position:relative; }
.atlaife-header-menu-panel { left:0; right:auto; max-height:calc(100vh - 210px); max-height:calc(100dvh - 210px); overflow-y:auto; overscroll-behavior:contain; }
.atlaife-header-menu-panel details > summary { padding:12px; min-height:48px; cursor:pointer; font-size:16px; color:#264c38; }
.atlaife-header-menu-panel details > div { margin-left:12px; padding-left:6px; border-left:2px solid #d7ddd3; }
.atlaife-header-search > summary { display:grid; place-items:center; cursor:pointer; list-style:none; width:48px; height:48px; border:1px solid #d7ddd3; border-radius:12px; }
.atlaife-header-search > summary::-webkit-details-marker { display:none; }
.atlaife-header-search > summary svg { width:24px; height:24px; fill:none; stroke:#264c38; stroke-width:2; stroke-linecap:round; }
.atlaife-search-panel { position:absolute; left:16px; right:16px; top:calc(100% + 8px); padding:18px; border:1px solid #deddd6; border-radius:16px; background:#fbfaf6; box-shadow:0 12px 32px #20392d26; }
.atlaife-search-panel label { display:block; margin-bottom:10px; font-size:16px; }
.atlaife-search-panel form > div { display:flex; gap:10px; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-search-panel input { flex:1; width:100%; min-width:0; padding:12px; font-size:16px; border:1px solid #d7ddd3; border-radius:10px; background:white; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-search-panel button { flex-shrink:0; padding:12px 18px; font-size:16px; border:0; border-radius:10px; color:white; background:#264c38; cursor:pointer; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-you-avatar { flex:0 0 64px; display:block; width:64px; height:64px; padding:0; border:0; border-radius:50%; background:transparent; cursor:pointer; }
.atlaife-you-avatar [data-profile-photo] { display:block; }
.atlaife-personal-hub #my-atlaife-v20 #screen-find > .atlaife-entry-card { margin-top:24px; }
.atlaife-unread-dot { position:absolute; top:4px; right:4px; width:12px; height:12px; background:#d52d3b; border:2px solid #fbfaf6; border-radius:50%; box-shadow:0 0 0 1px #b72230; }
[data-notice-menu-label] { color:#b72230; font-size:14px; font-weight:700; }
.atlaife-more-unavailable { display:flex; justify-content:space-between; gap:8px; padding:12px; min-height:48px; color:#70736a; font-size:16px; }
.atlaife-more-unavailable small { flex-shrink:0; font-size:12px; }
.atlaife-personal-hub #my-atlaife-v20 :is(.atlaife-header-search,.atlaife-header-menu) summary:focus-visible,
.atlaife-personal-hub #my-atlaife-v20 .atlaife-you-avatar:focus-visible { outline:3px solid #57784a; outline-offset:3px; }

[data-notice-list] { display:grid; gap:12px; }
.atlaife-personal-hub #my-atlaife-v20 .atlaife-notice-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 16px; padding:18px; border:1px solid #d7ddd3; border-radius:12px; text-align:left; background:#fbfaf6; color:#264c38; cursor:pointer; }
.atlaife-notice-row strong { grid-column:1; overflow-wrap:anywhere; }
.atlaife-notice-row time { grid-column:1; font-size:14px; color:#63665d; }
.atlaife-notice-row > span { grid-column:2; grid-row:1 / 3; align-self:center; font-size:14px; }
.atlaife-notice-row .is-unread { color:#b72230; font-weight:700; }
[data-notice-body] { white-space:pre-wrap; overflow-wrap:anywhere; margin:24px 0; line-height:1.8; }
[data-notice-read-status] { font-size:14px; color:#63665d; }