:root {
  --managed-font-scale: 1;
  --managed-section-spacing: 1;
  --managed-hero-opacity: 1;
}

body { font-size: calc(16px * var(--managed-font-scale)); }
.section {
  padding-top: calc(120px * var(--managed-section-spacing));
  padding-bottom: calc(120px * var(--managed-section-spacing));
}
.hero-figure:not(.is-loading) { opacity: var(--managed-hero-opacity); }
[data-admin-hidden] { display: none !important; }

.main-custom-section {
  border-top: 1px solid rgba(24, 24, 18, .2);
  background: var(--paper-light);
}
.main-custom-section-inner {
  display: grid;
  gap: 18px;
  width: min(1120px, calc(100% - 48px));
  margin: 0 auto;
}
.main-custom-section h2,
.main-custom-section h3,
.main-custom-section p,
.main-custom-section ul,
.main-custom-section ol { margin: 0; }
.main-custom-section h2 { font: 700 52px/1.15 "Noto Serif KR", serif; }
.main-custom-section h3 { font: 700 28px/1.25 "Gowun Batang", serif; }
.main-custom-section p,
.main-custom-section li { max-width: 850px; line-height: 1.85; }
.main-custom-section ul,
.main-custom-section ol { display: grid; gap: 8px; padding-left: 24px; }

.admin-preview-active [data-edit-key] {
  min-width: 1ch;
  outline: 1px dashed rgba(165,40,28,.35);
  outline-offset: 3px;
  cursor: text;
}
.admin-preview-active [data-edit-key]:hover,
.admin-preview-active [data-edit-key]:focus {
  outline: 2px solid var(--red);
  background: rgba(255,255,255,.16);
}
.admin-main-structure-preview [data-main-structure],
.admin-main-structure-preview [data-main-group],
.admin-main-structure-preview [data-main-custom] { cursor: pointer; }
.admin-main-structure-preview [data-main-structure]:hover,
.admin-main-structure-preview [data-main-group]:hover,
.admin-main-structure-preview [data-main-custom]:hover { box-shadow: inset 0 0 0 1px rgba(165,40,28,.28); }
.admin-main-structure-preview [data-main-custom-editable="1"] {
  min-width: 1ch;
  outline: 1px dashed rgba(165,40,28,.35);
  outline-offset: 3px;
  cursor: text;
}
.admin-main-structure-preview .admin-main-selected {
  outline: 2px solid var(--red) !important;
  outline-offset: 6px;
  background: rgba(255,255,255,.14);
}
.admin-main-structure-preview section.admin-main-selected,
.admin-main-structure-preview article.admin-main-selected,
.admin-main-structure-preview [data-main-group].admin-main-selected { outline-offset: -5px; }

@media (max-width: 850px) {
  .section {
    padding-top: calc(82px * var(--managed-section-spacing));
    padding-bottom: calc(82px * var(--managed-section-spacing));
  }
  .main-custom-section-inner { width: min(100% - 30px, 1120px); }
  .main-custom-section h2 { font-size: 36px; }
  .main-custom-section h3 { font-size: 23px; }
}