.main-intro { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(220px, .8fr); gap: 48px; align-items: end; padding: 32px 0 48px; border-bottom: 1px solid rgba(36, 48, 44, .14); }
.main-intro + .art-rule { display: none; }
.main-eyebrow { margin: 0 0 12px; color: #9aa39d; font: 700 10px "DM Sans", sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.main-intro h1 { max-width: 720px; margin: 0; color: var(--archi-text, #24302c); font: 600 clamp(36px, 4.6vw, 62px)/1 "Space Grotesk", sans-serif; letter-spacing: -1.5px; text-transform: none; }
.main-intro h1 em { color: var(--archi-primary, #447762); font-style: normal; font-weight: 500; }
.main-intro-copy { max-width: 470px; margin: 0; color: #7c867f; font: 16px/1.65 "DM Sans", sans-serif; }
.main-section { margin-top: 56px; }
.main-section-heading { display: flex; align-items: end; justify-content: space-between; margin-bottom: 18px; }
.main-section-heading h2 { margin: 0; color: var(--archi-text, #24302c); font: 600 28px "Space Grotesk", sans-serif; letter-spacing: -.7px; }
.main-section-count { color: #9aa39d; font: 12px "DM Sans", sans-serif; }
.main-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px; }
.main-card { position: relative; display: flex; flex-direction: column; overflow: hidden; color: var(--archi-text, #24302c); text-decoration: none; background: rgba(255, 255, 255, .72); border: 1px solid rgba(36, 48, 44, .1); transition: transform .2s ease, box-shadow .2s ease; }
.main-card:hover { transform: translateY(-4px); box-shadow: 0 14px 26px rgba(36, 48, 44, .1); }
.main-card-image { display: grid; width: 100%; aspect-ratio: 2 / 1; place-items: center; overflow: hidden; color: rgba(255, 255, 255, .85); font-size: 30px; }
.main-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.main-tone-0 .main-card-image { background: linear-gradient(145deg, #416b5a, #89a67d); }.main-tone-1 .main-card-image { background: linear-gradient(145deg, #436577, #9cb7b4); }.main-tone-2 .main-card-image { background: linear-gradient(145deg, #9e7658, #d6b979); }.main-tone-3 .main-card-image { background: linear-gradient(145deg, #776581, #c69ba8); }
.main-card-body { display: flex; flex: 1; flex-direction: column; min-height: 110px; padding: 16px 18px 18px; }
.main-card-name { color: inherit; text-decoration: none; font: 600 20px/1.15 "Space Grotesk", sans-serif; }
.main-card-name::after { position: absolute; inset: 0; z-index: 1; content: ""; }
.main-card-image { text-decoration: none; }
.main-card-go { position: relative; z-index: 2; align-self: flex-start; margin-top: auto; padding: 8px 16px; color: #fff; background: var(--archi-primary, #447762); border-radius: 999px; font: 700 13px "DM Sans", sans-serif; text-decoration: none; box-shadow: 0 3px 8px rgba(36, 48, 44, .22); }
.main-card-body .main-card-host { margin-bottom: 14px; }
.main-card-go:hover, .main-card-go:focus-visible { filter: brightness(1.12); transform: translateX(2px); }
.main-card-host { display: -webkit-box; margin-top: 6px; overflow: hidden; color: #7c867f; font: 12px/1.45 "DM Sans", sans-serif; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.main-card-arrow { position: absolute; right: 16px; bottom: 14px; color: var(--archi-primary, #447762); font-size: 20px; }
@media (max-width: 1100px) { .main-intro { display: block; }.main-intro-copy { margin-top: 28px; } }
@media (max-width: 760px) { .main-intro { display: block; padding: 24px 0 40px; }.main-intro-copy { margin-top: 28px; } }
.home-new-post { position: fixed; right: 24px; bottom: 26px; z-index: 3; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; padding: 0; border: 1px solid var(--archi-primary, #447762); border-radius: 50%; color: var(--archi-primary, #447762); background: var(--archi-background, #f5f6f3); box-shadow: 0 5px 18px rgba(36, 48, 44, .14); font: 32px/1 "DM Sans", sans-serif; text-decoration: none; }
.home-toolbar-toggle { position: absolute; border: 0; color: var(--archi-primary, #447762); background: transparent; cursor: pointer; font: 20px/1 "DM Sans", sans-serif; }
.home-toolbar-hide { top: 50%; right: 8px; padding: 4px 0; }
.home-toolbar-show { position: fixed; top: 50%; right: 0; z-index: 3; display: flex; align-items: center; justify-content: center; width: 28px; height: 48px; padding: 0; border: 1px solid var(--line); border-right: 0; border-radius: 8px 0 0 8px; background: var(--archi-background, #f5f6f3); box-shadow: 0 5px 18px rgba(36, 48, 44, .14); }
.home-toolbar-show[hidden] { display: none; }
.home-toolbar-is-hidden .archi-toolbar { display: none; }
.toolbar-status-select { padding: 3px 0; color: var(--archi-primary, var(--red)); background: transparent; border: 0; font: 600 11px "DM Sans", sans-serif; }
:root { --ink: #272624; --paper: #f1ede5; --cream: #fbf9f4; --line: #d8d2c7; --red: #b64837; --blue: #315c71; --olive: #687559; }
.art-session { max-width: 130px; overflow: hidden; color: #d8d5cc; font: 10px "DM Mono", monospace; text-overflow: ellipsis; white-space: nowrap; }
.art-session-avatar { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(216, 213, 204, .35); }
.art-session-link { display: inline-flex; align-items: center; gap: 8px; color: inherit; text-decoration: none; }
.art-session-link:hover .art-session { color: #f1ede5; }
.toolbar-login { display: block; margin-top: 8px; color: var(--archi-primary, var(--red)); font: 10px "DM Mono", monospace; text-decoration: none; }
.toolbar-session { display: block; margin-top: 8px; color: #817c72; font: 10px "DM Sans", sans-serif; }
body.theme-blog { --blog-ink: #24302c; --blog-muted: #7c8580; --blog-line: #e5e8e4; --blog-green: #447762; color: var(--blog-ink); background: #f5f6f3; font-family: "DM Sans", sans-serif; }
body.theme-blog .art-shell { background: linear-gradient(135deg, #f5f6f3 0%, #eef3ef 100%); }
body.theme-blog .art-section-bar { background: #27352f; }
body.theme-blog .art-brand { font-family: "Space Grotesk", "DM Sans", sans-serif; }
body.theme-blog .art-brand-mark { color: #fff; background: var(--blog-green); border-radius: 8px 8px 8px 2px; font-family: "Space Grotesk", "DM Sans", sans-serif; }
body.theme-blog .art-sidebar { background: var(--archi-background, #fbfcfa); border-color: var(--blog-line); }
body.theme-blog .art-sidebar-top h1 { font-family: "Space Grotesk", "DM Sans", sans-serif; font-size: 22px; }
body.theme-blog .art-sidebar-intro { color: var(--blog-muted); font-family: "DM Sans", sans-serif; font-style: normal; }
body.theme-blog .art-main { background: color-mix(in srgb, var(--archi-background, #f5f6f3) 70%, white); }
body.theme-blog .art-page-header h2 { font-family: "Space Grotesk", "DM Sans", sans-serif; letter-spacing: -1px; }
body.theme-blog .art-page-header h2 em { color: var(--blog-green); font-weight: 600; }
body.theme-blog .art-kicker { color: var(--blog-green); font-family: "DM Sans", sans-serif; font-weight: 700; }
body.theme-blog .art-rule, body.theme-blog .art-footer { border-color: var(--blog-line); background: var(--blog-ink); }
body.theme-blog .art-footer { background: transparent; color: var(--blog-muted); }
body.theme-blog .image-placeholder { border: 1px solid #e8ebe7; outline: 0; }
body.theme-blog .placeholder-stone { background: linear-gradient(135deg, var(--archi-primary, #4f7767), var(--archi-secondary, #a5b68f) 60%, var(--archi-background, #d7bc87)); }
body.theme-blog .placeholder-blue { background: linear-gradient(135deg, var(--archi-secondary, #85a7ae), var(--archi-text, #375b70)); }
body.theme-blog .placeholder-red { background: linear-gradient(135deg, var(--archi-background, #d7b77b), var(--archi-primary, #9b775c)); }
body.theme-blog .art-card h3 { font-family: "Space Grotesk", "DM Sans", sans-serif; font-weight: 600; }
body.theme-blog .art-card p { color: var(--blog-muted); font-family: "DM Sans", sans-serif; }
body.theme-blog .archi-toolbar { --red: var(--blog-green); }
body.theme-retro-arcade {
	--retro-ink: var(--archi-text, #16202b);
	--retro-paper: var(--archi-background, #f7f0d5);
	--retro-cyan: #00b8c8;
	--retro-pink: #e83f8f;
	--retro-yellow: #f2c94c;
	--retro-red: #e85d4a;
	--retro-line: rgba(22, 32, 43, .24);
	color: var(--retro-ink);
	background: var(--retro-paper);
	font-family: "DM Mono", monospace;
}
body.theme-retro-arcade .art-shell {
	min-height: 100vh;
	background:
		linear-gradient(rgba(22, 32, 43, .035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(22, 32, 43, .035) 1px, transparent 1px),
		var(--retro-paper);
	background-size: 8px 8px;
}
body.theme-retro-arcade .art-section-bar {
	color: var(--retro-paper);
	background: var(--retro-ink);
	border-bottom: 4px solid var(--retro-cyan);
}
body.theme-retro-arcade .art-brand,
body.theme-retro-arcade .art-section-tab,
body.theme-retro-arcade .art-global-actions button,
body.theme-retro-arcade .art-global-actions a { font-family: "DM Mono", monospace; }
body.theme-retro-arcade .art-brand-mark,
body.theme-retro-arcade .art-user { color: var(--retro-ink); background: var(--retro-yellow) !important; border-radius: 2px; }
body.theme-retro-arcade .art-section-tab.active::after { background: var(--retro-pink); }
body.theme-retro-arcade .art-sidebar {
	background: rgba(247, 240, 213, .9);
	border-color: var(--retro-line);
}
body.theme-retro-arcade .art-sidebar-top h1,
body.theme-retro-arcade .art-page-header h2,
body.theme-retro-arcade .folder-heading h1,
body.theme-retro-arcade .folder-cover-copy h2,
body.theme-retro-arcade .folder-section-heading h2,
body.theme-retro-arcade .folder-entity-sidebar h2 {
	font-family: "Space Grotesk", sans-serif;
	letter-spacing: 0;
}
body.theme-retro-arcade .art-sidebar-intro,
body.theme-retro-arcade .art-header-note p,
body.theme-retro-arcade .folder-body { font-family: "DM Sans", sans-serif; font-style: normal; }
body.theme-retro-arcade .art-kicker,
body.theme-retro-arcade .art-mono,
body.theme-retro-arcade .folder-breadcrumb,
body.theme-retro-arcade .folder-post-date { color: #087d8a; font-family: "DM Mono", monospace; }
body.theme-retro-arcade .art-main,
body.theme-retro-arcade .folder-main { background: rgba(255, 250, 230, .42); }
body.theme-retro-arcade .art-rule { height: 4px; background: var(--retro-ink); }
body.theme-retro-arcade .art-view-toggle button.active,
body.theme-retro-arcade .folder-article-tabs .active { border-color: var(--retro-pink); }
body.theme-retro-arcade .image-placeholder,
body.theme-retro-arcade .folder-cover-placeholder,
body.theme-retro-arcade .folder-article-thumb {
	border: 0;
	outline: 4px solid var(--retro-ink);
	outline-offset: -10px;
	color: var(--retro-ink);
	background:
		linear-gradient(135deg, var(--retro-cyan) 0 34%, var(--retro-yellow) 34% 67%, var(--retro-pink) 67%);
	font-family: "DM Mono", monospace;
}
body.theme-retro-arcade .placeholder-blue { background: linear-gradient(135deg, var(--retro-pink), var(--retro-cyan)); }
body.theme-retro-arcade .placeholder-red { background: linear-gradient(135deg, var(--retro-yellow), var(--retro-red)); }
body.theme-retro-arcade .art-card,
body.theme-retro-arcade .folder-cover,
body.theme-retro-arcade .folder-article-row { border-color: var(--retro-line); }
body.theme-retro-arcade .art-card h3,
body.theme-retro-arcade .folder-article-info h4 { font-family: "Space Grotesk", sans-serif; }
body.theme-retro-arcade .folder-cover { background: var(--retro-yellow); border: 4px solid var(--retro-ink); }
body.theme-retro-arcade .folder-cover-copy { background: var(--retro-paper); }
body.theme-retro-arcade .folder-draft-button,
body.theme-retro-arcade .folder-entity-create button,
body.theme-retro-arcade .toolbar-save { color: var(--retro-paper); background: var(--retro-pink); }
body.theme-retro-arcade .folder-entity-sidebar,
body.theme-retro-arcade .archi-toolbar { background: rgba(247, 240, 213, .96); border-color: var(--retro-line); }
body.theme-retro-arcade .folder-entity-sidebar::before,
body.theme-retro-arcade .archi-toolbar::before { background: var(--retro-cyan); }
body.theme-retro-arcade .folder-entity-pulse,
body.theme-retro-arcade .toolbar-pulse { background: var(--retro-pink); border-radius: 0; }
body.theme-retro-arcade .home-new-post,
body.theme-retro-arcade .folder-new-post { color: var(--retro-ink); background: var(--retro-yellow); border-color: var(--retro-ink); border-radius: 2px; }
body.theme-retro-arcade .art-footer { border-color: var(--retro-ink); color: var(--retro-ink); }
body.theme-nocturna-stage {
	--stage-ink: var(--archi-text, #f4f1ea);
	--stage-paper: var(--archi-background, #101116);
	--stage-panel: #171923;
	--stage-line: rgba(244, 241, 234, .2);
	--stage-pink: #ff3d81;
	--stage-cyan: #19d3c5;
	--stage-violet: #8b7cff;
	color: var(--stage-ink);
	background: var(--stage-paper);
	font-family: "DM Sans", sans-serif;
}
body.theme-nocturna-stage .art-shell {
	background:
		radial-gradient(circle at 78% 8%, rgba(255, 61, 129, .2), transparent 22%),
		radial-gradient(circle at 18% 42%, rgba(25, 211, 197, .1), transparent 28%),
		var(--stage-paper);
}
body.theme-nocturna-stage .art-section-bar {
	color: var(--stage-ink);
	background: #0a0b0f;
	border-bottom: 1px solid var(--stage-line);
}
body.theme-nocturna-stage .art-brand,
body.theme-nocturna-stage .art-section-tab,
body.theme-nocturna-stage .art-global-actions button,
body.theme-nocturna-stage .art-global-actions a { font-family: "DM Mono", monospace; }
body.theme-nocturna-stage .art-brand-mark,
body.theme-nocturna-stage .art-user { color: #0a0b0f; background: var(--stage-cyan) !important; border-radius: 2px; }
body.theme-nocturna-stage .art-section-tab.active,
body.theme-nocturna-stage .art-section-tab:hover { color: var(--stage-cyan); }
body.theme-nocturna-stage .art-section-tab.active::after { background: var(--stage-pink); }
body.theme-nocturna-stage .art-sidebar,
body.theme-nocturna-stage .archi-toolbar { background: rgba(23, 25, 35, .94); border-color: var(--stage-line); }
body.theme-nocturna-stage .art-sidebar-top h1,
body.theme-nocturna-stage .art-page-header h2,
body.theme-nocturna-stage .folder-heading h1,
body.theme-nocturna-stage .folder-cover-copy h2,
body.theme-nocturna-stage .folder-section-heading h2,
body.theme-nocturna-stage .folder-entity-sidebar h2 { font-family: "Space Grotesk", sans-serif; letter-spacing: 0; }
body.theme-nocturna-stage .folder-entity-sidebar { background: rgba(38, 41, 59, 0.94); border-color: var(--stage-line); }
body.theme-nocturna-stage .art-sidebar-intro,
body.theme-nocturna-stage .art-header-note p,
body.theme-nocturna-stage .folder-body { color: rgba(244, 241, 234, .72); font-family: "DM Sans", sans-serif; font-style: normal; }
body.theme-nocturna-stage .art-kicker,
body.theme-nocturna-stage .art-mono,
body.theme-nocturna-stage .folder-breadcrumb,
body.theme-nocturna-stage .folder-post-date { color: var(--stage-cyan); font-family: "DM Mono", monospace; }
body.theme-nocturna-stage .art-main,
body.theme-nocturna-stage .folder-main { background: transparent; }
body.theme-nocturna-stage .art-rule { height: 2px; background: linear-gradient(90deg, var(--stage-pink), var(--stage-cyan), transparent); }
body.theme-nocturna-stage .art-view-toggle button.active,
body.theme-nocturna-stage .folder-article-tabs .active { border-color: var(--stage-pink); }
body.theme-nocturna-stage .image-placeholder,
body.theme-nocturna-stage .folder-cover-placeholder,
body.theme-nocturna-stage .folder-article-thumb { border: 1px solid var(--stage-line); outline: 1px solid rgba(25, 211, 197, .4); outline-offset: -8px; color: var(--stage-ink); background: linear-gradient(135deg, #24283b, #11131c 56%, #3b1731); font-family: "DM Mono", monospace; }
body.theme-nocturna-stage .placeholder-blue { background: linear-gradient(135deg, #11131c, var(--stage-cyan)); }
body.theme-nocturna-stage .placeholder-red { background: linear-gradient(135deg, var(--stage-pink), #221326); }
body.theme-nocturna-stage .art-card,
body.theme-nocturna-stage .folder-cover,
body.theme-nocturna-stage .folder-article-row { border-color: var(--stage-line); }
body.theme-nocturna-stage .art-card h3,
body.theme-nocturna-stage .folder-article-info h4 { font-family: "Space Grotesk", sans-serif; }
body.theme-nocturna-stage .folder-cover { background: var(--stage-panel); border: 1px solid var(--stage-cyan); box-shadow: 12px 12px 0 rgba(255, 61, 129, .16); }
body.theme-nocturna-stage .folder-cover-copy { background: var(--stage-panel); }
body.theme-nocturna-stage .folder-draft-button,
body.theme-nocturna-stage .folder-entity-create button,
body.theme-nocturna-stage .toolbar-save { color: #0a0b0f; background: var(--stage-pink); }
body.theme-nocturna-stage .folder-entity-sidebar::before,
body.theme-nocturna-stage .archi-toolbar::before { background: var(--stage-cyan); }
body.theme-nocturna-stage .folder-entity-pulse,
body.theme-nocturna-stage .toolbar-pulse { background: var(--stage-pink); border-radius: 0; }
body.theme-nocturna-stage .home-new-post,
body.theme-nocturna-stage .folder-new-post { color: #0a0b0f; background: var(--stage-cyan); border-color: var(--stage-cyan); border-radius: 2px; }
body.theme-nocturna-stage .art-footer { border-color: var(--stage-line); color: rgba(244, 241, 234, .6); }
body.theme-nocturna-stage .toolbar-field select,
body.theme-nocturna-stage .toolbar-messages input,
body.theme-nocturna-stage .toolbar-messages textarea { color: var(--stage-ink); background: #0f1016; border-color: var(--stage-line); }
body.theme-nocturna-stage .entity-relation-add { background: var(--stage-panel); border: 1px solid var(--stage-line); }
.home-post-link { display: block; color: inherit; text-decoration: none; }
.home-post-link:hover h3 { color: var(--archi-primary, var(--red)); }
.home-post-image { overflow: hidden; }
.home-post-image img { width: 100%; height: 100%; object-fit: cover; }
.home-empty-posts { grid-column: 1 / -1; color: #817c72; font: italic 14px/1.5 "Playfair Display", serif; }
.home-section-block { margin-top: 50px; }
.home-section-heading { display: flex; align-items: end; justify-content: space-between; margin-bottom: 24px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.home-section-heading h3 { margin: 9px 0 0; font: 500 34px/1.05 "Playfair Display", serif; }
.home-section-heading + .art-gallery { margin-top: 0; }
body.theme-retro-arcade .home-section-heading h3 { font-family: "Space Grotesk", sans-serif; }
@media (max-width: 500px) { .home-section-heading h3 { font-size: 28px; } }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "DM Sans", sans-serif; }
button, input { font: inherit; } button, a { color: inherit; } button { border: 0; cursor: pointer; }
.art-shell { min-height: 100vh; background: radial-gradient(circle at 75% 12%, #f8f3ea 0, transparent 29%), var(--paper); }
.art-section-bar { display: flex; align-items: center; height: 60px; padding: 0 42px; color: var(--cream); background: var(--ink); }
.art-brand { display: flex; align-items: center; gap: 11px; width: 228px; color: var(--cream); font: 600 15px "DM Mono", monospace; text-decoration: none; }
.art-brand-mark { display: grid; place-items: center; width: 29px; height: 29px; color: var(--ink); background: #d3b672; font: 500 11px "DM Mono"; border-radius: 50%; }
.art-section-tabs { display: flex; flex: 1 1 auto; align-self: stretch; gap: 6px; min-width: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; }.art-section-tab { position: relative; flex: 0 0 auto; padding: 0 17px; color: #a9aaa2; background: transparent; font: 500 11px "DM Mono", monospace; letter-spacing: .03em; white-space: nowrap; }.art-section-tab.active, .art-section-tab:hover { color: var(--cream); }.art-section-tab.active::after { content: ""; position: absolute; right: 17px; bottom: 0; left: 17px; height: 3px; background: #d3b672; }.art-global-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 19px; margin-left: auto; }.art-global-actions button, .art-global-actions a { color: #d8d5cc; background: transparent; font-size: 20px; }.art-user { display: grid; place-items: center; width: 30px; height: 30px; color: var(--ink) !important; background: #d3b672 !important; border-radius: 50%; font: 500 10px "DM Mono" !important; text-decoration: none; }
.art-layout { display: flex; min-height: calc(100vh - 64px); }.art-sidebar { display: flex; flex: 0 0 274px; flex-direction: column; padding: 38px 30px 27px 42px; border-right: 1px solid var(--line); }.art-sidebar-top { position: relative; }.art-sidebar-top h1 { max-width: 150px; margin: 8px 0 0; font: 600 25px/1.04 "Playfair Display", serif; }.art-sidebar-top h1 a { color: inherit; text-decoration: none; }.art-sidebar-top h1 a:hover { color: var(--red); }.art-sidebar-more { position: absolute; top: 0; right: 0; color: #9a958a; background: transparent; letter-spacing: 2px; text-decoration: none; }.art-kicker { margin: 0; color: var(--red); font: 500 10px "DM Mono", monospace; letter-spacing: .1em; text-transform: uppercase; }.art-sidebar-intro { margin: 25px 0 28px; color: #777269; font: italic 13px/1.5 "Playfair Display", serif; }.art-side-nav { padding: 1px 0; border-bottom: 1px solid var(--line); }.art-side-nav a { display: flex; justify-content: space-between; padding: 7px 0; color: #78746b; font-size: 12px; text-decoration: none; }.art-side-nav a.selected { color: var(--red); font-weight: 600; }.art-side-nav span { color: #9c988c; font: 10px "DM Mono"; }.art-tree { padding-top: 30px; }.art-tree > .art-kicker { margin-bottom: 10px; color: #8d887c; }.art-tree-row { display: block; width: 100%; padding: 7px 0; color: #77736b; background: transparent; font-size: 12px; text-align: left; }.art-tree-row i { display: inline-block; width: 19px; color: var(--red); font-style: normal; }.art-sidebar-actions { display: grid; gap: 4px; }.art-mobile-sidebar-actions { display: none; }.art-sidebar-bottom { display: flex; flex-direction: column; gap: 5px; margin-top: auto; padding-top: 22px; border-top: 1px solid var(--line); color: #9c978b; font: 10px "DM Mono"; }.art-sidebar-bottom strong { color: var(--ink); font-weight: 500; }.art-sidebar-bottom a { margin-top: 12px; color: var(--red); text-decoration: none; }
.art-main { position: relative; width: 100%; max-width: 1230px; padding: 62px 6.5% 35px; padding-right: clamp(230px, 25%, 310px); }.art-page-header { display: flex; justify-content: space-between; align-items: end; gap: 36px; }.art-page-header h2 { margin: 14px 0 0; font: 600 clamp(46px, 6vw, 82px)/.88 "Playfair Display", serif; letter-spacing: -2px; }.art-page-header h2 em { color: var(--archi-primary, var(--red)); font-weight: 500; }.art-header-note { width: 205px; padding-bottom: 3px; }.art-header-note > span, .art-mono, .art-footer { font: 10px "DM Mono", monospace; letter-spacing: .03em; }.art-header-note p { margin: 10px 0 19px; color: #817c72; font: 12px/1.45 "Playfair Display", serif; }.art-header-note button { padding: 0 0 4px; color: var(--archi-primary, var(--red)); background: transparent; border-bottom: 1px solid currentColor; font-size: 11px; }.art-rule { height: 1px; margin: 50px 0 16px; background: var(--archi-text, var(--ink)); }.art-controls { display: flex; justify-content: space-between; align-items: center; margin-bottom: 26px; }.art-view-toggle { display: flex; gap: 18px; }.art-view-toggle button { padding: 5px 0; color: #aaa397; background: transparent; font-size: 11px; }.art-view-toggle button.active { color: var(--archi-text, var(--ink)); border-bottom: 1px solid var(--archi-primary, var(--red)); }.art-gallery { display: grid; grid-template-columns: 1.18fr .82fr 1fr; gap: 30px 22px; align-items: start; }.art-card { min-width: 0; }.card-tall { margin-top: 54px; }.card-small { margin-top: 8px; }.image-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1.23; color: rgba(39,38,36,.56); border: 1px dashed rgba(39,38,36,.36); outline: 1px solid rgba(255,255,255,.27); outline-offset: -10px; }.card-tall .image-placeholder { aspect-ratio: .78; }.image-placeholder span { font: 10px "DM Mono"; letter-spacing: .16em; }.image-placeholder b { margin-top: 10px; font: italic 14px "Playfair Display", serif; font-weight: 500; }.placeholder-stone { background: linear-gradient(137deg, #b7ac9d, #d9ccb6 48%, #9e9386); }.placeholder-blue { background: linear-gradient(137deg, #9db3b5, #5e7e82 55%, #304c53); }.placeholder-red { background: linear-gradient(137deg, #d0a28b, #9c5447 58%, #6f3835); }.art-card-meta { display: flex; justify-content: space-between; margin-top: 13px; color: #9c9588; }.art-card h3 { max-width: 330px; margin: 9px 0 0; font: 500 20px/1.1 "Playfair Display", serif; }.art-card p { max-width: 340px; margin: 9px 0 0; color: #817c72; font-size: 12px; line-height: 1.5; }.art-footer { display: flex; justify-content: space-between; margin-top: 60px; padding-top: 16px; color: #938d81; border-top: 1px solid var(--line); }
.archi-toolbar { position: absolute; top: 62px; right: 6.5%; width: 190px; padding: 17px 16px; border: 1px solid var(--line); border-top: 2px solid var(--archi-primary, var(--red)); background: rgba(251,249,244,.72); }.toolbar-heading, .toolbar-status, .toolbar-item { display: flex; justify-content: space-between; align-items: center; gap: 10px; }.toolbar-heading { padding-bottom: 14px; border-bottom: 1px solid var(--line); }.toolbar-heading .art-kicker { color: var(--archi-primary, var(--red)); }.toolbar-pulse { width: 7px; height: 7px; background: #6b936d; border-radius: 50%; }.toolbar-status, .toolbar-item { padding: 13px 0; border-bottom: 1px solid var(--line); }.toolbar-label { color: #938d81; font: 9px "DM Mono", monospace; letter-spacing: .07em; text-transform: uppercase; }.toolbar-status strong, .toolbar-item strong { font-size: 11px; font-weight: 600; }.status-public { color: #4f805d; }.status-private { color: #a46b44; }.toolbar-colors { padding: 13px 0 8px; }.toolbar-colors > div { display: flex; gap: 6px; margin-top: 10px; }.toolbar-colors i { display: block; width: 18px; height: 18px; border: 1px solid rgba(39,38,36,.16); border-radius: 50%; }.toolbar-updated { display: block; margin-top: 10px; color: #aaa397; font: 9px "DM Mono", monospace; }
.toolbar-messages { padding: 13px 0 8px; border-top: 1px solid var(--line); }.toolbar-messages label { display: block; margin-top: 10px; color: #817c72; font-size: 10px; }.toolbar-messages input, .toolbar-messages textarea { display: block; box-sizing: border-box; width: 100%; margin-top: 5px; padding: 6px; color: var(--ink); background: transparent; border: 1px solid var(--line); font: 10px/1.35 "DM Sans", sans-serif; }.toolbar-messages textarea { min-height: 54px; resize: vertical; }
@media (max-width: 800px) { .art-section-bar { padding: 0 20px; }.art-brand { width: auto; }.art-brand > span:last-child { display: none; }.art-section-tabs { margin-left: 15px; }.art-section-tab { padding: 0 9px; font-size: 10px; }.art-section-tab.active::after { right: 9px; left: 9px; }.art-layout { display: grid; grid-template-areas: "sidebar" "main" "mobile-actions"; }.art-layout > .art-sidebar { grid-area: sidebar; min-height: auto; padding: 24px 20px 22px; border-right: 0; border-bottom: 1px solid var(--line); }.art-layout > main { grid-area: main; }.art-layout > .art-mobile-sidebar-actions { display: grid; grid-area: mobile-actions; gap: 8px; padding: 0 20px 24px; }.art-sidebar-intro { max-width: 360px; margin: 14px 0; }.art-side-nav { display: none; }.art-tree { display: none; }.art-sidebar-actions, .art-sidebar-bottom { display: none; }.art-main { padding: 42px 20px 30px; }.archi-toolbar { position: static; width: 100%; margin: 0 0 30px; }.art-page-header { align-items: start; }.art-page-header h2 { font-size: 54px; }.art-header-note { width: 165px; }.art-gallery { grid-template-columns: 1fr 1fr; }.card-tall, .card-small { margin-top: 0; } }
.art-side-nav a:hover { color: var(--red); }.art-side-nav b { color: #9c988c; font: 10px "DM Mono", monospace; font-weight: 400; }
.art-tree-row:hover, .art-tree-row.selected { color: var(--red); font-weight: 600; }
@media (max-width: 500px) { .art-section-bar { height: auto; min-height: 58px; flex-wrap: wrap; padding: 0 14px; }.art-section-tabs { order: 3; width: 100%; height: 41px; margin-left: 0; }.art-section-tab { flex: 1; justify-content: center; }.art-global-actions { margin-left: auto; }.art-page-header { display: block; }.art-page-header h2 { font-size: 53px; }.art-header-note { width: 100%; margin-top: 28px; }.art-header-note p { max-width: 245px; }.art-rule { margin-top: 32px; }.art-gallery { grid-template-columns: 1fr; gap: 31px; }.card-tall .image-placeholder, .image-placeholder { aspect-ratio: 1.2; }.art-footer { margin-top: 42px; }.art-footer span:last-child { display: none; } }

@media (min-width: 801px) {
	.toolbar-field { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 0; border-bottom: 1px solid var(--line); }.toolbar-field select { max-width: 105px; padding: 4px 5px; color: var(--ink); background: transparent; border: 1px solid var(--line); font: 10px "DM Mono", monospace; }.toolbar-colors label { display: flex; align-items: center; gap: 8px; margin-top: 9px; color: #817c72; font-size: 10px; }.toolbar-colors input[type="color"] { width: 24px; height: 24px; padding: 0; overflow: hidden; border: 1px solid rgba(39,38,36,.16); border-radius: 50%; }.toolbar-save { width: 100%; margin-top: 16px; padding: 10px 8px; color: var(--cream); background: var(--archi-primary, var(--red)); font-size: 11px; }.toolbar-save span { padding-left: 7px; }.toolbar-readonly { display: block; margin-top: 17px; color: #aaa397; font: 9px "DM Mono", monospace; }
	.art-main { max-width: none; padding-right: clamp(270px, 25%, 330px); }
	.archi-toolbar { position: fixed; top: 64px; right: 0; bottom: 0; width: clamp(225px, 19vw, 285px); min-height: 0; margin: 0; padding: 38px 28px 28px; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; -webkit-overflow-scrolling: touch; border: 0; border-left: 1px solid var(--line); border-top: 1px solid var(--line); background: rgba(251, 249, 244, .94); }
	.archi-toolbar::before { position: absolute; top: 0; bottom: 0; left: -1px; width: 2px; background: var(--archi-primary, var(--red)); content: ""; }
	.toolbar-heading { padding-bottom: 20px; }
	.toolbar-status, .toolbar-item { padding: 17px 0; }
	.toolbar-colors { padding-top: 17px; }
	.toolbar-colors i { width: 22px; height: 22px; }
}
.home-latest-post { display: block; color: inherit; text-decoration: none; }
.home-latest-post p { margin-bottom: 8px; }
.home-latest-post > span { color: var(--archi-primary, var(--red)); border-bottom: 1px solid currentColor; font-size: 11px; }

.art-section-tabs { align-items: center; }
.art-section-tab { display: flex; align-items: center; height: 100%; text-decoration: none; }
.art-tree-child { padding-left: 19px; color: #8b867c; font-size: 11px; }
.art-user { overflow: hidden; padding: 0; }
.art-user.art-user-anon { display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 30px; width: 30px; height: 30px; min-width: 30px; min-height: 30px; max-width: 30px; max-height: 30px; line-height: 0; background: transparent !important; }
body.theme-retro-arcade .art-user.art-user-anon,
body.theme-nocturna-stage .art-user.art-user-anon { background: transparent !important; border-radius: 50%; }
.art-user-avatar { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; border-radius: 50%; }
.art-user.art-user-anon > .art-user-avatar { width: 30px !important; height: 30px !important; min-width: 30px; min-height: 30px; max-width: 30px; max-height: 30px; object-fit: cover; }.art-header-admin { display: inline-flex; align-items: center; height: 30px; padding: 0 12px; color: inherit; border: 1px solid currentColor; border-radius: 999px; font: 11px "DM Sans", sans-serif; text-decoration: none; opacity: .85; }
.art-header-admin:hover { opacity: 1; }
.art-layout-no-sidebar .art-main { max-width: 1180px; margin: 0 auto; padding-left: 42px; padding-right: 42px; }
.art-global-actions { gap: 10px; }
button.art-header-admin { background: transparent; cursor: pointer; }
.help-dialog { width: min(760px, calc(100% - 32px)); height: min(680px, calc(100vh - 48px)); padding: 0; overflow: hidden; border: 0; box-shadow: 0 24px 60px rgba(0, 0, 0, .35); }
.help-dialog[open] { display: flex; flex-direction: column; }
.help-dialog::backdrop { background: rgba(20, 26, 23, .55); }
.help-frame { flex: 1; width: 100%; border: 0; }
.help-dialog-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 20px; background: #fff; border-top: 1px solid rgba(36, 48, 44, .12); font: 13px "DM Sans", sans-serif; }
.help-dialog-bar label { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.help-dialog-bar button { padding: 9px 18px; color: #fff; background: var(--archi-primary, #447762); border: 0; font: 600 13px "DM Sans", sans-serif; cursor: pointer; }

.plans-pill { display: inline-flex; align-items: center; gap: 4px; padding: 5px 12px; border: 1px solid currentColor; border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-decoration: none; color: inherit; white-space: nowrap; opacity: .9; }
.plans-pill:hover { opacity: 1; background: rgba(127, 127, 127, .18); }