/* Shared non-home visual foundation. The homepage deliberately does not load this file. */
:root {
	--apple-canvas: #f5f5f7;
	--apple-surface: #fbfbfd;
	--apple-surface-raised: #fdfdff;
	--apple-ink: #1d1d1f;
	--apple-copy: #424245;
	--apple-muted: #6e6e73;
	--apple-faint: #86868b;
	--apple-line: #d2d2d7;
	--apple-line-soft: rgba(29, 29, 31, .1);
	--apple-blue: #0066cc;
	--apple-blue-strong: #0071e3;
	--apple-blue-soft: #eaf3ff;
	--apple-danger: #b42318;
	--apple-success: #16784a;
	--apple-radius: 8px;
}

body:not(.home) {
	--header-height: 4.25rem;
	color: var(--apple-ink);
	background: var(--apple-canvas);
	font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;
}

body:not(.home) *,
body:not(.home) *::before,
body:not(.home) *::after {
	letter-spacing: 0;
}

body:not(.home) :focus-visible {
	outline-color: var(--apple-blue-strong);
}

body:not(.home) ::selection {
	color: var(--apple-surface-raised);
	background: var(--apple-blue);
}

body:not(.home) .site-header {
	min-height: var(--header-height);
	padding-top: .7rem;
	padding-bottom: .7rem;
	color: var(--apple-ink);
	border-bottom: 1px solid var(--apple-line-soft);
	background: rgba(250, 250, 252, .84);
	box-shadow: none;
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}

body:not(.home) .site-brand {
	gap: .65rem;
	font-size: .74rem;
	font-weight: 650;
}

body:not(.home) .brand-mark {
	width: 2.05rem;
	height: 2.05rem;
	border-color: rgba(29, 29, 31, .24);
	border-radius: 6px;
	background: rgba(29, 29, 31, .035);
	font-size: .62rem;
}

body:not(.home) .header-nav {
	gap: clamp(1.15rem, 2.2vw, 2rem);
	font-size: .74rem;
	font-weight: 560;
}

body:not(.home) .header-nav a {
	color: var(--apple-copy);
}

body:not(.home) .header-nav a::after {
	bottom: -.45rem;
	background: var(--apple-blue);
}

body:not(.home) .header-nav a:hover,
body:not(.home) .header-nav a:focus-visible,
body:not(.home) .header-nav .current-menu-item > a {
	color: var(--apple-blue);
}

body:not(.home) .nav-auth {
	padding: .38rem .72rem;
	color: var(--apple-surface-raised);
	border: 0;
	border-radius: 7px;
	background: var(--apple-blue-strong);
}

body:not(.home) .site-user-menu {
	top: .65rem;
	min-height: 2.9rem;
	color: var(--apple-ink);
	border-color: var(--apple-line-soft);
	border-radius: 8px;
	background: rgba(251, 251, 253, .94);
	box-shadow: 0 8px 26px rgba(29, 29, 31, .1);
}

body:not(.home) .user-menu-avatar {
	border-color: var(--apple-line);
	background: var(--apple-canvas);
}

body:not(.home) .user-menu-actions {
	border-left-color: var(--apple-line);
}

body:not(.home) .user-menu-actions a,
body:not(.home) .user-menu-actions [data-user-logout] {
	color: var(--apple-copy);
	border-radius: 6px;
}

body:not(.home) .user-menu-actions a:hover,
body:not(.home) .user-menu-actions a:focus-visible {
	color: var(--apple-blue);
	background: var(--apple-blue-soft);
}

body:not(.home) .site-footer {
	padding-top: 1.4rem;
	padding-bottom: 1.4rem;
	color: var(--apple-muted);
	border-top: 1px solid var(--apple-line-soft);
	background: #ececf0;
	font-size: .7rem;
}

body:not(.home) .site-filing:hover,
body:not(.home) .site-filing:focus-visible {
	color: var(--apple-blue);
}

/* Member and authoring surfaces */
body:not(.home) .hub-page,
body:not(.home) .showcase-page,
body:not(.home) .blog-page,
body:not(.home) .reading-page,
body:not(.home) .archive-page {
	color: var(--apple-ink);
	background: var(--apple-canvas);
}

body:not(.home) .hub-page {
	align-items: start;
	padding-top: calc(var(--header-height) + 3rem);
	overflow: clip;
}

body:not(.home) .hub-page::before,
body:not(.home) .hub-page::after {
	display: none;
}

body:not(.home) .hub-shell {
	width: min(calc(100% - 2 * var(--page-gutter)), 74rem);
}

body:not(.home) .hub-eyebrow,
body:not(.home) .profile-eyebrow,
body:not(.home) .profile-card-index,
body:not(.home) .profile-management-head p,
body:not(.home) .social-section-head p,
body:not(.home) .write-editor-kicker {
	color: var(--apple-blue);
	font-size: .66rem;
	font-weight: 650;
}

body:not(.home) .hub-eyebrow::before {
	width: 1.75rem;
}

body:not(.home) .hub-title {
	font-family: "Iowan Old Style", "Songti SC", "STSong", Georgia, serif;
	font-size: 2.85rem;
	font-weight: 600;
	line-height: 1.15;
}

body:not(.home) .hub-lead {
	max-width: 34rem;
	margin-top: 1.25rem;
	color: var(--apple-muted);
	font-size: .94rem;
	line-height: 1.8;
}

body:not(.home) .auth-layout {
	grid-template-columns: minmax(0, 1fr) minmax(22rem, .72fr);
	gap: clamp(2.5rem, 7vw, 6.5rem);
	width: min(calc(100% - 2 * var(--page-gutter)), 68rem);
}

body:not(.home) .auth-points {
	margin-top: 1.75rem;
}

body:not(.home) .auth-points li {
	color: var(--apple-muted);
	border-top-color: var(--apple-line);
	font-size: .7rem;
}

body:not(.home) .hub-card,
body:not(.home) .profile-card,
body:not(.home) .profile-management,
body:not(.home) .social-hub,
body:not(.home) .message-hub,
body:not(.home) .social-card,
body:not(.home) .public-profile-missing {
	color: var(--apple-ink);
	border: 1px solid var(--apple-line-soft);
	border-radius: var(--apple-radius);
	background: var(--apple-surface-raised);
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

body:not(.home) .hub-card--dark {
	color: var(--apple-ink);
	background: var(--apple-surface-raised);
}

body:not(.home) .auth-page .hub-card {
	min-height: 0;
	padding: 2rem;
}

body:not(.home) .hub-card-title {
	font-family: "Iowan Old Style", "Songti SC", "STSong", Georgia, serif;
	font-size: 1.6rem;
	font-weight: 600;
}

body:not(.home) .hub-card-subtitle,
body:not(.home) .hub-card--dark .hub-card-subtitle,
body:not(.home) .hub-field small,
body:not(.home) .hub-form-note,
body:not(.home) .hub-card--dark .hub-field small,
body:not(.home) .hub-card--dark .hub-form-note,
body:not(.home) .hub-check,
body:not(.home) .hub-card--dark .hub-check {
	color: var(--apple-muted);
}

body:not(.home) .auth-tabs,
body:not(.home) .hub-card--dark .auth-tabs {
	border-color: transparent;
	border-radius: 7px;
	background: #ededf0;
}

body:not(.home) .auth-tab-indicator,
body:not(.home) .hub-card--dark .auth-tab-indicator {
	border-radius: 5px;
	background: var(--apple-blue-strong);
	box-shadow: none;
}

body:not(.home) .auth-tabs a,
body:not(.home) .hub-card--dark .auth-tabs a {
	color: var(--apple-muted);
	border-radius: 5px;
}

body:not(.home) .auth-tabs a.is-active,
body:not(.home) .hub-card--dark .auth-tabs a.is-active {
	color: var(--apple-surface-raised);
}

body:not(.home) .auth-tabs a:not(.is-active):hover,
body:not(.home) .auth-tabs a:not(.is-active):focus-visible,
body:not(.home) .hub-card--dark .auth-tabs a:not(.is-active):hover,
body:not(.home) .hub-card--dark .auth-tabs a:not(.is-active):focus-visible {
	color: var(--apple-ink);
}

body:not(.home) .hub-label {
	color: var(--apple-copy);
	font-size: .72rem;
	font-weight: 650;
}

body:not(.home) .hub-input,
body:not(.home) .hub-select,
body:not(.home) .hub-textarea,
body:not(.home) .hub-card--dark .hub-input,
body:not(.home) .hub-card--dark .hub-select,
body:not(.home) .hub-card--dark .hub-textarea,
body:not(.home) .write-title-input,
body:not(.home) .write-tag-control,
body:not(.home) .message-compose textarea {
	color: var(--apple-ink);
	border-color: var(--apple-line);
	border-radius: 6px;
	background: var(--apple-surface);
	box-shadow: none;
}

body:not(.home) .hub-input:focus,
body:not(.home) .hub-select:focus,
body:not(.home) .hub-textarea:focus,
body:not(.home) .hub-card--dark .hub-input:focus,
body:not(.home) .hub-card--dark .hub-select:focus,
body:not(.home) .hub-card--dark .hub-textarea:focus,
body:not(.home) .write-title-input:focus,
body:not(.home) .write-tag-control:focus-within,
body:not(.home) .message-compose textarea:focus {
	border-color: var(--apple-blue-strong);
	background: var(--apple-surface-raised);
	box-shadow: 0 0 0 3px rgba(0, 113, 227, .12);
}

body:not(.home) .hub-check input[type="checkbox"] {
	accent-color: var(--apple-blue-strong);
}

body:not(.home) .hub-button,
body:not(.home) .hub-card--dark .hub-button,
body:not(.home) .social-button,
body:not(.home) .write-submit {
	min-height: 2.7rem;
	color: var(--apple-surface-raised);
	border-color: var(--apple-blue-strong);
	border-radius: 7px;
	background: var(--apple-blue-strong);
	font-size: .74rem;
}

body:not(.home) .hub-button-secondary,
body:not(.home) .hub-link-button,
body:not(.home) .social-button--quiet {
	min-height: 2.7rem;
	color: var(--apple-ink);
	border-color: var(--apple-line);
	border-radius: 7px;
	background: var(--apple-surface);
}

body:not(.home) .hub-button:hover,
body:not(.home) .hub-button:focus-visible,
body:not(.home) .hub-card--dark .hub-button:hover,
body:not(.home) .hub-card--dark .hub-button:focus-visible,
body:not(.home) .social-button:hover,
body:not(.home) .social-button:focus-visible {
	color: var(--apple-surface-raised);
	border-color: #0062bd;
	background: #0062bd;
	transform: translateY(-1px);
}

body:not(.home) .hub-button-secondary:hover,
body:not(.home) .hub-button-secondary:focus-visible,
body:not(.home) .hub-link-button:hover,
body:not(.home) .hub-link-button:focus-visible,
body:not(.home) .social-button--quiet:hover,
body:not(.home) .social-button--quiet:focus-visible {
	color: var(--apple-blue);
	border-color: #b9cbe0;
	background: var(--apple-blue-soft);
}

body:not(.home) .hub-auth-switch a,
body:not(.home) .profile-settings-link,
body:not(.home) .profile-info-list dd a,
body:not(.home) .profile-section-head > a,
body:not(.home) .member-profile-link,
body:not(.home) .request-profile-link {
	color: var(--apple-blue);
}

body:not(.home) .hub-notice {
	border-radius: 6px;
}

body:not(.home) .hub-notice--success {
	color: #12633d;
	border-color: rgba(22, 120, 74, .22);
	background: rgba(22, 120, 74, .08);
}

body:not(.home) .hub-notice--error {
	color: var(--apple-danger);
	border-color: rgba(180, 35, 24, .2);
	background: rgba(180, 35, 24, .07);
}

/* Profiles and account tools */
body:not(.home) .profile-page,
body:not(.home) .account-page {
	padding-top: calc(var(--header-height) + 2.5rem);
}

body:not(.home) .profile-hero {
	min-height: 14rem;
	padding: 2rem;
	border: 1px solid var(--apple-line-soft);
	border-radius: var(--apple-radius);
	color: var(--apple-ink);
	background: var(--apple-surface-raised);
	box-shadow: none;
}

body:not(.home) .profile-hero::after {
	display: none;
}

body:not(.home) .profile-avatar {
	width: 6.5rem;
	border: 1px solid var(--apple-line);
	background: var(--apple-canvas);
	box-shadow: none;
}

body:not(.home) .profile-title,
body:not(.home) .account-name,
body:not(.home) .profile-section-head h2,
body:not(.home) .profile-card--identity h2,
body:not(.home) .profile-management-head h2,
body:not(.home) .social-section-head h2,
body:not(.home) .hub-section-head h2 {
	font-family: "Iowan Old Style", "Songti SC", "STSong", Georgia, serif;
	font-weight: 600;
}

body:not(.home) .profile-title {
	font-size: 2rem;
}

body:not(.home) .account-name {
	font-size: 2.35rem;
}

body:not(.home) .profile-section-head h2,
body:not(.home) .profile-card--identity h2,
body:not(.home) .profile-management-head h2,
body:not(.home) .social-section-head h2,
body:not(.home) .hub-section-head h2 {
	font-size: 1.55rem;
}

body:not(.home) .profile-summary,
body:not(.home) .profile-stat span,
body:not(.home) .profile-empty p,
body:not(.home) .social-card > p,
body:not(.home) .message-placeholder p {
	color: var(--apple-muted);
}

body:not(.home) .profile-badges span,
body:not(.home) .member-id,
body:not(.home) .profile-management-head > span,
body:not(.home) .social-section-head > span,
body:not(.home) .status-pill {
	color: var(--apple-copy);
	border-color: var(--apple-line);
	border-radius: 5px;
	background: #ededf0;
}

body:not(.home) .status-pill--publish {
	color: var(--apple-success);
	background: rgba(22, 120, 74, .08);
}

body:not(.home) .profile-stats {
	margin: 1rem 0;
	border-color: var(--apple-line-soft);
	border-radius: var(--apple-radius);
	background: var(--apple-surface-raised);
}

body:not(.home) .profile-stat {
	min-height: 5.5rem;
	padding: 1.15rem;
	border-right-color: var(--apple-line-soft);
}

body:not(.home) .profile-stat strong {
	font-size: 1.85rem;
	font-weight: 600;
}

body:not(.home) .profile-card--identity {
	color: var(--apple-ink);
	background: var(--apple-surface-raised);
}

body:not(.home) .profile-info-list div {
	border-color: var(--apple-line-soft);
}

body:not(.home) .profile-info-list dt,
body:not(.home) .profile-privacy {
	color: var(--apple-muted);
}

body:not(.home) .profile-post-list li,
body:not(.home) .user-post-item,
body:not(.home) .member-row,
body:not(.home) .request-row {
	border-color: var(--apple-line-soft);
}

body:not(.home) .message-layout,
body:not(.home) .message-panel,
body:not(.home) .message-friends,
body:not(.home) .message-thread {
	border-color: var(--apple-line-soft);
	background: var(--apple-surface);
}

body:not(.home) .message-hub .social-section-head h2,
body:not(.home) .message-friend,
body:not(.home) .message-panel-head {
	color: var(--apple-ink);
}

body:not(.home) .message-hub .social-section-head > span,
body:not(.home) .message-friend small,
body:not(.home) .message-friends .social-empty,
body:not(.home) .message-panel-head span,
body:not(.home) .message-empty {
	color: var(--apple-muted);
}

body:not(.home) .message-friend:hover,
body:not(.home) .message-friend:focus-visible,
body:not(.home) .message-friend.is-active,
body:not(.home) .message-bubble.is-mine {
	color: var(--apple-ink);
	background: var(--apple-blue-soft);
}

body:not(.home) .message-friend.is-loading {
	background: #ededf0;
}

/* Writing workspace */
body:not(.home) .write-page {
	align-items: start;
}

body:not(.home) .write-layout {
	grid-template-columns: minmax(14rem, .32fr) minmax(0, 1fr);
	gap: 2.5rem;
}

body:not(.home) .write-sidebar {
	position: sticky;
	top: calc(var(--header-height) + 2rem);
}

body:not(.home) .write-editor-card {
	padding: 1.75rem;
}

body:not(.home) .write-review-state,
body:not(.home) .write-tag-chip {
	color: var(--apple-copy);
	border-radius: 5px;
	background: #ededf0;
}

body:not(.home) .write-review-state::before,
body:not(.home) .write-guidelines li::before {
	color: var(--apple-blue);
}

body:not(.home) .write-editor-frame,
body:not(.home) .write-editor-frame .wp-editor-container,
body:not(.home) .write-editor-frame .mce-tinymce,
body:not(.home) .write-editor-frame .mce-toolbar-grp,
body:not(.home) .write-editor-frame .mce-statusbar,
body:not(.home) .write-editor-frame .quicktags-toolbar {
	border-color: var(--apple-line);
	background: var(--apple-surface);
}

/* Blog index */
body:not(.home) .blog-hero {
	--showcase-ink: #f5f5f7;
	--showcase-accent: #9ac7ff;
	--showcase-muted: rgba(245, 245, 247, .78);
	--showcase-mark: transparent;
	--showcase-overlay-start: rgba(12, 14, 18, .74);
	--showcase-overlay-end: rgba(12, 14, 18, .35);
	min-height: 24rem;
	padding-top: calc(var(--header-height) + 2rem);
	background: #202124;
}

body:not(.home) .blog-hero::after {
	display: none;
}

body:not(.home) .blog-hero .blog-title {
	font-family: "Iowan Old Style", "Songti SC", "STSong", Georgia, serif;
	font-size: 2.9rem;
	font-weight: 600;
	line-height: 1.12;
}

body:not(.home) .blog-summary {
	font-size: .9rem;
}

body:not(.home) .blog-body {
	padding-top: 3rem;
	background: var(--apple-canvas);
}

body:not(.home) .blog-dashboard {
	grid-template-columns: minmax(13.5rem, 16rem) minmax(0, 1fr) minmax(15rem, 18rem);
	gap: clamp(1.5rem, 2.5vw, 2.5rem);
}

@media (min-width: 1081px) {
	body:not(.home) .blog-body {
		padding-bottom: 0;
	}

	body:not(.home) .blog-dashboard {
		min-height: calc(100vh - var(--header-height) - 3rem);
		min-height: calc(100dvh - var(--header-height) - 3rem);
		row-gap: 0;
	}

	body:not(.home) .blog-dashboard::after {
		content: "";
		grid-column: 1 / -1;
		height: clamp(5rem, 9vw, 8rem);
	}

	body:not(.home) .blog-sidebar {
		position: sticky;
		top: calc(var(--header-height) + 1.5rem);
		align-self: start;
		max-height: none;
		overflow: visible;
	}
}

body:not(.home) .blog-search-control,
body:not(.home) .blog-activity,
body:not(.home) .blog-rank-group {
	border-color: var(--apple-line);
	background: var(--apple-surface-raised);
	box-shadow: none;
}

body:not(.home) .blog-rank-group {
	padding-inline: 1rem;
}

body:not(.home) .blog-search-control:focus-within {
	border-color: var(--apple-blue-strong);
	box-shadow: 0 0 0 3px rgba(0, 113, 227, .12);
}

body:not(.home) .blog-search-control button,
body:not(.home) .blog-back-to-top {
	color: var(--apple-surface-raised);
	background: var(--apple-blue-strong);
}

body:not(.home) .blog-search-control button:hover,
body:not(.home) .blog-search-control button:focus-visible,
body:not(.home) .blog-back-to-top:hover,
body:not(.home) .blog-back-to-top:focus-visible {
	background: #0062bd;
}

body:not(.home) .blog-activity {
	padding: 1rem;
	border-width: 1px;
	border-radius: var(--apple-radius);
}

body:not(.home) .blog-section-heading p,
body:not(.home) .blog-feed-heading p,
body:not(.home) .blog-rank-group > p,
body:not(.home) .blog-index-number {
	color: var(--apple-blue);
}

body:not(.home) .blog-feed-heading h2,
body:not(.home) .blog-rank-group h2,
body:not(.home) .blog-section-heading h2,
body:not(.home) .blog-card-title {
	font-family: "Iowan Old Style", "Songti SC", "STSong", Georgia, serif;
	font-weight: 600;
}

body:not(.home) .blog-feed-heading h2 {
	font-size: 1.8rem;
}

body:not(.home) .blog-card-title {
	font-size: 1.55rem;
	line-height: 1.35;
}

body:not(.home) .blog-card-title a:hover,
body:not(.home) .blog-card-title a:focus-visible,
body:not(.home) .blog-rank-group li a:hover,
body:not(.home) .blog-rank-group li a:focus-visible {
	color: var(--apple-blue);
}

body:not(.home) .blog-card,
body:not(.home) .blog-calendar-nav,
body:not(.home) .blog-rank-group li {
	border-color: var(--apple-line-soft);
}

body:not(.home) .blog-card-summary,
body:not(.home) .blog-card-byline,
body:not(.home) .blog-calendar-summary,
body:not(.home) .blog-feed-heading > span,
body:not(.home) .blog-rank-group li small {
	color: var(--apple-muted);
}

body:not(.home) .blog-calendar-arrow {
	color: var(--apple-blue);
	border-color: var(--apple-line);
}

body:not(.home) a.blog-calendar-arrow:hover,
body:not(.home) a.blog-calendar-arrow:focus-visible {
	color: var(--apple-surface-raised);
	border-color: var(--apple-blue-strong);
	background: var(--apple-blue-strong);
}

body:not(.home) .blog-activity-day,
body:not(.home) .blog-activity-legend i {
	border-color: rgba(0, 102, 204, .08);
	background: #e9e9ee;
}

body:not(.home) .blog-activity-day.level-1,
body:not(.home) .blog-activity-legend .level-1 { background: #cfe2f7; }
body:not(.home) .blog-activity-day.level-2,
body:not(.home) .blog-activity-legend .level-2 { background: #8fbae8; }
body:not(.home) .blog-activity-day.level-3,
body:not(.home) .blog-activity-legend .level-3 { background: #4e91d7; }
body:not(.home) .blog-activity-day.level-4,
body:not(.home) .blog-activity-legend .level-4 { background: #1769aa; }

body:not(.home) .blog-activity-day.is-today {
	outline-color: var(--apple-blue-strong);
}

body:not(.home) .blog-card-arrow,
body:not(.home) .blog-pagination .page-numbers {
	color: var(--apple-blue);
	border-color: var(--apple-line);
	background: var(--apple-surface-raised);
}

body:not(.home) .blog-pagination .current {
	color: var(--apple-surface-raised);
	border-color: var(--apple-blue-strong);
	background: var(--apple-blue-strong);
}

/* Pages, projects and long-form reading */
body:not(.home) .reading-hero {
	min-height: 25rem;
	padding-top: calc(var(--header-height) + 4rem);
	padding-bottom: 3.5rem;
	color: var(--apple-surface-raised);
	background: #202124;
}

body:not(.home) .reading-hero::after {
	display: none;
}

body:not(.home) .reading-title {
	max-width: 18ch;
	font-family: "Iowan Old Style", "Songti SC", "STSong", Georgia, serif;
	font-size: 2.8rem;
	font-weight: 600;
	line-height: 1.16;
}

body:not(.home) .reading-intro {
	padding-top: calc(var(--header-height) + 2.5rem);
	padding-bottom: 2.25rem;
	border-bottom-color: var(--apple-line-soft);
	background: var(--apple-surface);
}

body:not(.home) .reading-intro::after {
	height: 2px;
	background: var(--apple-blue-strong);
}

body:not(.home) .reading-intro .reading-title {
	color: var(--apple-ink);
	font-size: 2.55rem;
}

body:not(.home) .reading-breadcrumb,
body:not(.home) .reading-facts,
body:not(.home) .reading-meta {
	color: var(--apple-muted);
}

body:not(.home) .reading-breadcrumb:hover,
body:not(.home) .reading-breadcrumb:focus-visible,
body:not(.home) .reading-fact-label {
	color: var(--apple-blue);
}

body:not(.home) .reading-byline,
body:not(.home) .reading-fact + .reading-fact {
	border-color: var(--apple-line);
}

body:not(.home) .reading-fact time,
body:not(.home) .reading-fact strong {
	color: var(--apple-copy);
}

body:not(.home) .reading-post-like {
	color: var(--apple-copy);
	border-color: var(--apple-line);
	border-radius: 7px;
	background: var(--apple-surface-raised);
}

body:not(.home) .reading-post-like:hover,
body:not(.home) .reading-post-like:focus-visible,
body:not(.home) .reading-post-like.is-liked {
	color: var(--apple-danger);
	border-color: rgba(180, 35, 24, .22);
	background: rgba(180, 35, 24, .06);
}

body:not(.home) .reading-wrap {
	width: min(calc(100% - 2 * var(--page-gutter)), 52rem);
	padding-top: 3.75rem;
	padding-bottom: 5rem;
}

body:not(.home) .reading-content {
	color: var(--apple-copy);
	font-family: "Iowan Old Style", "Songti SC", "STSong", Georgia, serif;
	font-size: 1.06rem;
	line-height: 1.95;
}

body:not(.home) .reading-content h2,
body:not(.home) .reading-content h3 {
	color: var(--apple-ink);
	font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", sans-serif;
}

body:not(.home) .reading-content blockquote {
	color: var(--apple-muted);
	border-left-color: var(--apple-blue-strong);
}

body.single-post .reading-content pre {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	padding: .9rem 1rem;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	color: #f5f5f7;
	border-radius: var(--apple-radius);
	background: var(--apple-ink);
	font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: .84rem;
	line-height: 1.7;
	scrollbar-color: var(--apple-faint) var(--apple-ink);
	tab-size: 2;
}

body.single-post .reading-content pre code {
	display: block;
	max-width: 100%;
	color: inherit;
	background: transparent;
	font: inherit;
	overflow-wrap: anywhere;
	white-space: pre-wrap;
}

body:not(.home) .back-home {
	min-height: 2.6rem;
	padding: .55rem .85rem;
	color: var(--apple-blue);
	border-color: var(--apple-line);
	border-radius: 7px;
	background: var(--apple-surface-raised);
}

@media (max-width: 1080px) {
	body:not(.home) .blog-dashboard {
		grid-template-columns: 14rem minmax(0, 1fr);
	}

	body:not(.home) .blog-sidebar {
		position: static;
		grid-column: 1 / -1;
	}
}

@media (max-width: 900px) {
	body:not(.home) .menu-toggle {
		top: .75rem;
		right: 1rem;
		width: 2.75rem;
		height: 2.75rem;
		color: var(--apple-ink);
		border-color: var(--apple-line);
		background: rgba(251, 251, 253, .72);
	}

	body:not(.home).menu-open .site-header {
		color: var(--apple-ink);
		background: rgba(250, 250, 252, .96);
		-webkit-backdrop-filter: saturate(180%) blur(20px);
		backdrop-filter: saturate(180%) blur(20px);
	}

	body:not(.home).menu-open .header-nav {
		align-items: stretch;
		justify-content: flex-start;
		gap: .25rem;
		padding: calc(var(--header-height) + 2rem) 1.25rem 2rem;
		color: var(--apple-ink);
		background: var(--apple-canvas);
	}

	body:not(.home).menu-open .header-nav a {
		min-height: 3.5rem;
		padding: .8rem 1rem;
		color: var(--apple-ink);
		border-bottom: 1px solid var(--apple-line-soft);
		font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", sans-serif;
		font-size: 1.35rem;
		font-weight: 550;
		line-height: 1.3;
	}

	body:not(.home).menu-open .header-nav .nav-auth {
		width: 100%;
		margin-top: 1rem;
		color: var(--apple-surface-raised);
		border: 0;
		background: var(--apple-blue-strong);
		font-size: .88rem;
		text-align: center;
	}

	body:not(.home) .site-user-menu {
		top: .68rem;
		right: 4.25rem;
	}

	body:not(.home) .auth-layout,
	body:not(.home) .write-layout,
	body:not(.home) .account-grid,
	body:not(.home) .profile-grid,
	body:not(.home) .profile-settings-grid,
	body:not(.home) .social-grid {
		grid-template-columns: 1fr;
	}

	body:not(.home) .write-sidebar,
	body:not(.home) .blog-calendar-column {
		position: static;
	}

	body:not(.home) .blog-dashboard {
		grid-template-columns: 1fr;
	}

	body:not(.home) .blog-sidebar {
		grid-column: auto;
	}
}

@media (max-width: 700px) {
	body:not(.home) {
		--page-gutter: 1rem;
	}

	body:not(.home) .site-brand .brand-name {
		display: none;
	}

	body:not(.home) .hub-page {
		padding-top: calc(var(--header-height) + 2rem);
	}

	body:not(.home) .hub-title {
		font-size: 2.15rem;
	}

	body:not(.home) .auth-layout {
		gap: 2rem;
	}

	body:not(.home) .auth-points {
		grid-template-columns: 1fr;
	}

	body:not(.home) .auth-page .hub-card,
	body:not(.home) .write-editor-card,
	body:not(.home) .profile-hero,
	body:not(.home) .profile-card,
	body:not(.home) .profile-management,
	body:not(.home) .social-hub,
	body:not(.home) .message-hub {
		padding: 1.25rem;
	}

	body:not(.home) .profile-hero {
		grid-template-columns: 1fr;
	}

	body:not(.home) .profile-title,
	body:not(.home) .account-name {
		font-size: 1.75rem;
	}

	body:not(.home) .profile-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body:not(.home) .profile-stats--public {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	body:not(.home) .profile-stat {
		min-height: 4.8rem;
		padding: .85rem;
	}

	body:not(.home) .profile-stat strong {
		font-size: 1.45rem;
	}

	body:not(.home) .blog-hero {
		min-height: 21rem;
	}

	body:not(.home) .blog-hero .blog-title {
		font-size: 2.2rem;
	}

	body:not(.home) .blog-card {
		grid-template-columns: 2rem minmax(0, 1fr) 1.75rem;
		gap: .75rem;
	}

	body:not(.home) .blog-card-title {
		font-size: 1.3rem;
	}

	body:not(.home) .reading-hero {
		min-height: 21rem;
		padding-top: calc(var(--header-height) + 3rem);
		padding-bottom: 2.5rem;
	}

	body:not(.home) .reading-title,
	body:not(.home) .reading-intro .reading-title {
		font-size: 2rem;
	}

	body:not(.home) .reading-content {
		font-size: 1rem;
		line-height: 1.9;
	}

	body:not(.home) .site-footer {
		align-items: flex-start;
		flex-direction: column;
		gap: .7rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	body:not(.home) *,
	body:not(.home) *::before,
	body:not(.home) *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
	}
}