@import url('/assets/vendor/fonts/ibm-plex-mono/5.3.0/ibm-plex-mono.css');
@import url('/assets/vendor/fonts/noto-sans-kr/5.3.0/noto-sans-kr.css');

:root {
    --mc-bg: #0c0d0f;
    --mc-panel: #131518;
    --mc-panel2: #191c20;
    --mc-line: #2e3339;
    --mc-text: #f3f5ef;
    --mc-muted: #8d959d;
    --mc-acid: #c9ff3d;
    --mc-acid-text: #0c0d0f;
    --mc-blue: #69a9ff;
    --mc-pink: #ff7fc8;
    --mc-orange: #ffae63;
    --mc-body: "Pretendard", "Noto Sans KR", "Malgun Gothic", "Segoe UI", sans-serif;
    --mc-display: "Pretendard", "Noto Sans KR", "Malgun Gothic", "Segoe UI", sans-serif;
    --mc-mono: Consolas, "IBM Plex Mono", monospace;
    --mc-size: 14px;
    --mc-weight: 950;
    --mc-border: 2px;
    --mc-radius: 0px;
    --mc-shadow: 7px;
    --mc-speed: 180ms;
}

html[data-miscland-theme="brutalist"] { color-scheme: dark; background: var(--mc-bg); scroll-behavior: smooth; }
html[data-miscland-surface="main"],
html[data-miscland-surface="utility"] { max-width: 100%; overflow-x: clip; }
html[data-miscland-surface="main"] body,
html[data-miscland-surface="utility"] body { max-width: 100%; overflow-x: clip; }
html[data-miscland-theme="brutalist"] *,
html[data-miscland-theme="brutalist"] *::before,
html[data-miscland-theme="brutalist"] *::after { box-sizing: border-box; }
html[data-miscland-theme="brutalist"] body {
    margin: 0;
    min-height: 100vh;
    background: var(--mc-bg) !important;
    color: var(--mc-text) !important;
    font: var(--mc-size)/1.55 var(--mc-body) !important;
}
html[data-miscland-theme="brutalist"] ::selection { background: var(--mc-acid); color: var(--mc-acid-text); }
html[data-miscland-theme="brutalist"] :focus-visible { outline: 3px solid var(--mc-acid) !important; outline-offset: 3px; }
html[data-miscland-theme="brutalist"] a { color: inherit; text-decoration: none; }
html[data-miscland-theme="brutalist"] button,
html[data-miscland-theme="brutalist"] input,
html[data-miscland-theme="brutalist"] textarea,
html[data-miscland-theme="brutalist"] select { font: inherit; }
html[data-miscland-theme="brutalist"] button,
html[data-miscland-theme="brutalist"] a {
    transition: transform var(--mc-speed), box-shadow var(--mc-speed), border-color var(--mc-speed), color var(--mc-speed), background var(--mc-speed);
}
html[data-miscland-theme="brutalist"] :is(.rounded,.rounded-md,.rounded-lg,.rounded-xl,.rounded-2xl,.rounded-3xl,.rounded-full,.card-rounded) { border-radius: var(--mc-radius) !important; }

/* Main page: direct implementation of the supplied concept HTML */
html[data-miscland-surface="main"] body { padding-top: 68px; }
html[data-miscland-surface="main"] [id] { scroll-margin-top: 86px; }
.mc-wrap,
html[data-miscland-surface="main"] .main-container,
html[data-miscland-surface="main"] footer > .mc-footer-inner {
    width: min(var(--max-width, 1540px), calc(100% - var(--outer-padding, 17px) - var(--outer-padding, 17px)));
    max-width: none !important;
    margin-inline: auto !important;
}

html[data-miscland-surface="main"] #site-header {
    position: fixed !important;
    inset: 0 0 auto !important;
    z-index: 100;
    height: 68px;
    background: rgba(12, 13, 15, .96) !important;
    backdrop-filter: blur(14px);
    border: 0 !important;
    border-bottom: var(--mc-border) solid var(--mc-line) !important;
    box-shadow: none !important;
}
.mc-topbar {
    height: 68px;
    display: grid;
    grid-template-columns: var(--left-width, 250px) 1fr auto;
    align-items: center;
}
.mc-brand {
    display: flex;
    align-items: center;
    gap: 11px;
    width: max-content;
    color: var(--mc-text) !important;
    font-size: 22px;
    font-weight: 950;
    font-family: var(--mc-display);
    line-height: 1;
    letter-spacing: -.06em;
}
.mc-brandmark {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex: none;
    border: var(--mc-border) solid var(--mc-acid);
    background: transparent !important;
    color: var(--mc-acid) !important;
    font-size: 22px;
    font-weight: 950;
    font-family: var(--mc-display);
    line-height: 1;
    transform: rotate(-4deg);
}
.mc-brandmark #header-logo-icon { color: inherit; font: inherit; }
.mc-brand #header-site-name { color: inherit !important; font: inherit; letter-spacing: inherit; }
.mc-brand #header-logo-image { max-height: 34px; }
.mc-topnav { display: flex; align-items: center; gap: 22px; color: #a4abb2; font-size: 14px; font-weight: 850; letter-spacing: .05em; }
.mc-topnav a:first-child { color: var(--mc-acid); }
.mc-topnav a:hover { color: var(--mc-text); }
.mc-top-actions { display: flex; gap: 8px; }
.mc-mobile-menu-toggle,
.mc-mobile-category-toggle { display: none; }
.mc-top-button {
    height: 42px;
    padding: 0 16px;
    border: var(--mc-border) solid var(--mc-line) !important;
    border-radius: 0 !important;
    background: var(--mc-panel) !important;
    color: #d7dadd !important;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .03em;
}
.mc-top-button:hover { border-color: var(--mc-acid) !important; color: var(--mc-acid) !important; }
.mc-top-button.primary { background: var(--mc-acid) !important; color: var(--mc-acid-text) !important; border-color: var(--mc-acid) !important; }
.mc-top-button.primary:hover { transform: translate(-2px, -2px); box-shadow: 4px 4px 0 var(--mc-line); }
.mc-legacy-header-controls,
html[data-miscland-surface="main"] #search-container,
html[data-miscland-surface="main"] #btn-bookmark,
html[data-miscland-surface="main"] #btn-notification,
html[data-miscland-surface="main"] #mobile-search-button { display: none !important; }

.mc-hero {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    min-height: 560px;
    padding: 0;
    border-bottom: var(--mc-border) solid var(--mc-line);
    background: var(--mc-bg);
}
/* 도구 iframe 작업 중에는 홈 전용 소개 영역을 확실히 제거한다.
   Tailwind .hidden보다 이 파일이 뒤에 로드되므로 명시적 상태 셀렉터가 필요하다. */
html[data-miscland-surface="main"].mc-tool-frame-open .mc-hero,
html[data-miscland-surface="main"].mc-tool-frame-open #mc-lower-main {
    display: none !important;
}
.mc-hero__left { position: relative; overflow: hidden; padding: 72px 56px 54px 0; border-right: var(--mc-border) solid var(--mc-line); }
.mc-hero__left::after {
    content: "MISCLAND";
    position: absolute;
    left: -7px;
    bottom: -35px;
    color: transparent;
    font-size: 150px;
    font-weight: 950;
    letter-spacing: -.09em;
    white-space: nowrap;
    -webkit-text-stroke: 1px rgba(201, 255, 61, .10);
    pointer-events: none;
}
.mc-label { display: inline-flex; align-items: center; gap: 10px; color: var(--mc-acid); font-size: 13px; font-weight: 950; letter-spacing: .16em; }
.mc-label::before { content: ""; width: 36px; height: 2px; background: var(--mc-acid); }
.mc-hero h1 {
    max-width: 880px;
    margin: 28px 0 25px;
    color: var(--mc-text);
    font: 950 78px/1.08 var(--mc-display);
    letter-spacing: -.075em;
    text-transform: uppercase;
}
.mc-hero__stroke { color: transparent; -webkit-text-stroke: 1.5px var(--mc-text); }
.mc-hero__copy { max-width: 680px; margin: 0; color: #a4abb3; font-size: 16px; line-height: 1.8; }
.mc-hero__copy strong { color: var(--mc-text); }
.mc-command {
    display: grid;
    grid-template-columns: 1fr 110px;
    max-width: 760px;
    height: 62px;
    margin-top: 34px;
    border: var(--mc-border) solid var(--mc-text);
    background: var(--mc-bg);
    box-shadow: var(--mc-shadow) var(--mc-shadow) 0 var(--mc-acid);
}
.mc-command input { min-width: 0; padding: 0 20px !important; border: 0 !important; outline: 0; background: var(--mc-bg) !important; color: #fff !important; font-size: 15px; }
.mc-command button { border: 0; border-left: var(--mc-border) solid var(--mc-text); background: var(--mc-text); color: var(--mc-bg); font-size: 14px; font-weight: 950; letter-spacing: .08em; }
.mc-command button:hover { background: var(--mc-acid); color: var(--mc-acid-text); }
.mc-hero__tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
.mc-hero__tags span { padding: 10px 12px; border: 1px solid var(--mc-line); background: var(--mc-panel); color: #9aa2aa; font-size: 14px; font-weight: 850; letter-spacing: .03em; }
.mc-hero__tags b { color: inherit; }
.mc-hero__right { display: grid; grid-template-rows: auto 1fr auto; background: #101215; }
.mc-manifest__head { display: flex; justify-content: space-between; padding: 18px 20px; border-bottom: var(--mc-border) solid var(--mc-line); color: #99a1a9; font-size: 14px; font-weight: 950; letter-spacing: .06em; }
.mc-manifest__head span:last-child { color: var(--mc-acid); }
.mc-manifest__list { display: flex; flex-direction: column; }
.mc-manifest__row { display: grid; grid-template-columns: 58px 1fr auto; align-items: center; gap: 14px; flex: 1; min-height: 96px; padding: 18px 20px; border-bottom: 1px solid var(--mc-line); }
.mc-manifest__row:hover { background: #171a1d; }
.mc-manifest__num { color: #929aa3; font-size: 14px; font-weight: 950; }
.mc-manifest__row h3 { margin: 0 0 6px; color: var(--mc-text); font-size: 18px; font-weight: 900; }
.mc-manifest__row p { margin: 0; color: #7f878f; font-size: 14px; }
.mc-manifest__price { min-width: 72px; color: #fff; text-align: right; font-size: 15px; font-weight: 950; letter-spacing: .03em; }
.mc-manifest__price.is-free { color: var(--mc-acid); }
.mc-manifest__foot { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--mc-line); }
.mc-metric { padding: 20px; border-right: 1px solid var(--mc-line); }
.mc-metric:last-child { border-right: 0; }
.mc-metric small { display: block; color: #858d95; font-size: 13px; font-weight: 900; letter-spacing: .06em; }
.mc-metric strong { display: block; margin-top: 8px; color: var(--mc-text); font-size: 24px; }
.mc-metric em { color: var(--mc-acid); font-size: 13px; font-style: normal; }

html[data-miscland-surface="main"] .main-container { padding: 0 !important; }
.mc-section-title { display: grid; grid-template-columns: var(--left-width, 250px) 1fr auto; align-items: end; padding: 24px 0; border-bottom: var(--mc-border) solid var(--mc-line); }
.mc-section-title__index { color: #737b83; font-size: 15px; font-weight: 950; letter-spacing: .12em; }
.mc-section-title h2 { margin: 0; color: var(--mc-text); font-size: 42px; font-weight: 950; letter-spacing: -.06em; text-transform: uppercase; }
.mc-section-title p { margin: 0; color: #7f878f; font-size: 15px; }
html[data-miscland-surface="main"] .main-layout { display: grid !important; grid-template-columns: var(--left-width, 250px) minmax(0, 1fr) var(--right-width, 300px); gap: 0 !important; align-items: start; }
html[data-miscland-surface="main"] .left-sidebar { grid-column: 1; grid-row: 1; width: auto !important; padding: 18px var(--left-padding, 18px) 60px 0; border-right: var(--mc-border) solid var(--mc-line); }
html[data-miscland-surface="main"] .left-sidebar nav { position: sticky; top: 86px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
html[data-miscland-surface="main"] .left-sidebar h2 { margin: 0; padding: 10px 12px 15px !important; color: #9ca3af !important; font-size: 14px; font-weight: 950; letter-spacing: .08em; }
html[data-miscland-surface="main"] #category-list,
html[data-miscland-surface="main"] #collection-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
html[data-miscland-surface="main"] .mc-rail-item,
html[data-miscland-surface="main"] .mc-collection-item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 58px;
    padding: 0 12px !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #9ca4ac !important;
    font-size: 16px;
    font-weight: 850;
    text-align: left;
}
html[data-miscland-surface="main"] .mc-rail-item:hover,
html[data-miscland-surface="main"] .mc-collection-item:hover { color: var(--mc-text) !important; background: var(--mc-panel) !important; }
html[data-miscland-surface="main"] .mc-rail-item.is-active,
html[data-miscland-surface="main"] .mc-collection-item.is-active { border: var(--mc-border) solid var(--mc-acid) !important; background: var(--mc-acid) !important; color: var(--mc-acid-text) !important; }
.mc-rail-item__index { width: 26px; color: #9ca3af; font-size: 14px; }
.mc-rail-item.is-active .mc-rail-item__index { color: #0d0f0d; }
.mc-rail-item b,
.mc-collection-item b { margin-left: auto; font-size: 14px; }
html[data-miscland-surface="main"] .left-sidebar nav > div { margin-top: 16px !important; padding-top: 16px !important; border-top: 1px solid var(--mc-line) !important; }
html[data-miscland-surface="main"] main.flex-1 { grid-column: 2; grid-row: 1; min-width: 0; padding: 18px 0 70px 24px; }
html[data-miscland-surface="main"] #tool-list-container > div:first-child { margin: 0 0 16px !important; }
html[data-miscland-surface="main"] .mc-catalog-heading { display: none !important; }
.mc-filters { display: grid; grid-template-columns: 1fr auto auto; height: 56px; margin-bottom: 16px; border: var(--mc-border) solid var(--mc-line); }
.mc-filters__search { position: relative; display: flex; align-items: center; border-right: var(--mc-border) solid var(--mc-line); }
.mc-filters__search span { position: absolute; left: 15px; color: #737b83; pointer-events: none; }
.mc-filters__search input { width: 100%; height: 100%; padding: 0 15px 0 42px !important; border: 0 !important; background: transparent !important; color: var(--mc-text) !important; font-size: 15px; outline: 0; }
.mc-filter-toggle { display: flex; border-right: var(--mc-border) solid var(--mc-line); }
.mc-filter-toggle:last-child { border-right: 0; }
.mc-filter-toggle button { height: 100%; padding: 0 16px; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #858d95 !important; font-size: 14px; font-weight: 950; letter-spacing: .04em; }
.mc-filter-toggle button.on,
.mc-filter-toggle button[aria-pressed="true"] { background: var(--mc-text) !important; color: #111315 !important; }
html[data-miscland-surface="main"] #tool-grid { display: grid !important; grid-template-columns: repeat(var(--mc-grid-cols, 4), minmax(0, 1fr)) !important; gap: var(--main-gap, 0px) !important; border-top: var(--mc-border) solid var(--mc-line); border-left: var(--mc-border) solid var(--mc-line); }
html[data-miscland-surface="main"] .tool-card {
    position: relative;
    display: block !important;
    min-height: 250px;
    padding: 18px !important;
    overflow: visible !important;
    border: 0 !important;
    border-right: var(--mc-border) solid var(--mc-line) !important;
    border-bottom: var(--mc-border) solid var(--mc-line) !important;
    border-radius: 0 !important;
    background: #111316 !important;
    box-shadow: none !important;
}
html[data-miscland-surface="main"] .tool-card:hover { z-index: 2; transform: translate(-2px, -2px) !important; background: #181b1f !important; box-shadow: 5px 5px 0 var(--mc-acid) !important; }
.mc-tool-top { display: flex; align-items: flex-start; justify-content: space-between; }
.mc-tool-symbol { width: 48px; height: 48px; display: grid; place-items: center; border: var(--mc-border) solid currentColor; font-size: 16px; font-weight: 950; }
.mc-tool-symbol.blue { color: var(--mc-blue); }
.mc-tool-symbol.pink { color: var(--mc-pink); }
.mc-tool-symbol.orange { color: var(--mc-orange); }
.mc-tool-symbol.acid { color: var(--mc-acid); }
.mc-tool-badge { padding: 8px 9px; border: 1px solid currentColor; color: #dce0e3; font-size: 13px; font-weight: 950; letter-spacing: .03em; }
.mc-tool-badge.is-free { color: var(--mc-acid); }
html[data-miscland-surface="main"] .tool-card h3 { max-width: 230px; margin: 29px 0 10px; color: var(--mc-text) !important; font-size: 18px !important; font-weight: 950; line-height: 1.2; letter-spacing: -.035em; }
html[data-miscland-surface="main"] .tool-card p { max-width: 260px; margin: 0; color: #7e868e !important; font-size: 14px !important; line-height: 1.65; }
.mc-tool-meta { position: absolute; right: 18px; bottom: 17px; left: 18px; display: flex; justify-content: space-between; color: #7b8390; font-size: 12px; font-weight: 900; letter-spacing: .02em; }
.mc-tool-local { display: flex; align-items: center; gap: 7px; }
.mc-tool-local::before { content: ""; width: 7px; height: 7px; background: var(--mc-acid); }
html[data-miscland-surface="main"] .miscland-free-badge { display: none !important; }
html[data-miscland-surface="main"] .mc-card-row-hidden { display: none !important; }
html[data-miscland-surface="main"] #load-more-container { margin-top: 22px !important; }
html[data-miscland-surface="main"] #load-more-container.hidden { display: none !important; }
.mc-pagination { display: flex; align-items: center; justify-content: center; gap: 7px; width: 100%; }
html[data-miscland-surface="main"] .mc-pagination__button { width: 44px; min-width: 44px; height: 44px; border: var(--mc-border) solid var(--mc-line) !important; border-radius: 0 !important; background: var(--mc-panel) !important; color: var(--mc-text) !important; font-size: 13px; font-weight: 950; transition: color var(--mc-speed), border-color var(--mc-speed), background var(--mc-speed), transform var(--mc-speed), box-shadow var(--mc-speed); }
html[data-miscland-surface="main"] .mc-pagination__button.is-edge { width: auto; min-width: 72px; padding: 0 15px; }
html[data-miscland-surface="main"] .mc-pagination__button:hover:not(:disabled) { transform: translate(-2px,-2px); border-color: var(--mc-acid) !important; color: var(--mc-acid) !important; box-shadow: 4px 4px 0 var(--mc-acid); }
html[data-miscland-surface="main"] .mc-pagination__button.is-current { border-color: var(--mc-acid) !important; background: var(--mc-acid) !important; color: var(--mc-acid-text) !important; box-shadow: 4px 4px 0 #52641d; }
html[data-miscland-surface="main"] .mc-pagination__button:disabled { cursor: not-allowed; opacity: .34; }
.mc-pagination__ellipsis { min-width: 22px; color: var(--mc-muted); text-align: center; font-weight: 950; }
html[data-miscland-surface="main"] #no-results-message { margin-top: 16px; border: var(--mc-border) solid var(--mc-line) !important; border-radius: 0 !important; background: var(--mc-panel) !important; }

html[data-miscland-surface="main"] .right-sidebar { grid-column: 3; grid-row: 1 / 3; width: auto !important; min-width: 0; align-self: stretch; padding: 18px 0 70px var(--right-gap, 18px); border-left: var(--mc-border) solid var(--mc-line); background: transparent !important; }
html[data-miscland-surface="main"] .right-sidebar { gap: var(--right-gap, 16px) !important; }
html[data-miscland-surface="main"] .member-panel,
html[data-miscland-surface="main"] #banner-container > * { border: var(--mc-border) solid var(--mc-line) !important; border-radius: 0 !important; background: #111316 !important; box-shadow: none !important; }
html[data-miscland-surface="main"] .member-panel::before { display: none; }
html[data-miscland-surface="main"] .member-panel__body { padding: 18px; }
html[data-miscland-surface="main"] .member-panel__label { color: var(--mc-text); font-weight: 950; }
html[data-miscland-surface="main"] .member-panel__status-dot,
html[data-miscland-surface="main"] .member-panel__status-dot.is-ready { border-radius: 0; background: var(--mc-acid); box-shadow: none; }
html[data-miscland-surface="main"] .member-panel__google { border: var(--mc-border) solid var(--mc-line); border-radius: 0; background: var(--mc-text); color: var(--mc-bg); }
html[data-miscland-surface="main"] .member-profile__avatar { border: var(--mc-border) solid var(--mc-acid); border-radius: 0; background: #0d0f11; color: var(--mc-acid); }
html[data-miscland-surface="main"] .member-profile__stats { gap: 0; margin-top: 16px; border: 1px solid var(--mc-line); background: #0d0f11; }
html[data-miscland-surface="main"] .member-profile__stat { border: 0; border-right: 1px solid var(--mc-line); border-radius: 0; background: transparent; }
html[data-miscland-surface="main"] .member-profile__stat:last-child { border-right: 0; }
html[data-miscland-surface="main"] .member-profile__points { color: var(--mc-acid); }
.mc-banner-panel { position: relative; overflow: hidden; }
.mc-banner-panel.is-clickable { cursor: pointer; }
.mc-banner-panel__click { position: absolute; inset: 0; z-index: 20; display: block; }
.mc-banner-panel__click:focus-visible { outline: 2px solid var(--mc-acid); outline-offset: -4px; }
.mc-banner-head { display: flex; justify-content: space-between; align-items: center; padding: 13px 14px; border-bottom: var(--mc-border) solid var(--mc-line); color: #9ca4ac; font-size: 12px; font-weight: 950; }
.mc-banner-head { padding: 4px 14px; }
.mc-banner-head span:last-child { color: var(--mc-acid); }
.mc-banner-body { padding: 18px; }
.mc-banner-ad { display: flex; flex-direction: column; justify-content: flex-end; min-height: 210px; padding: 18px; border: var(--mc-border) solid var(--mc-line); background: linear-gradient(145deg, rgba(201,255,61,.12), transparent 45%), repeating-linear-gradient(135deg,#15181c 0 14px,#111316 14px 28px); }
.mc-banner-ad small { color: var(--mc-acid); font-size: 11px; font-weight: 950; letter-spacing: .08em; }
.mc-banner-ad h3 { margin: 12px 0 8px; color: var(--mc-text); font-size: 24px; font-weight: 950; line-height: 1.05; letter-spacing: -.05em; }
.mc-banner-ad p { margin: 0; color: #8c949c; font-size: 13px; line-height: 1.6; }
.mc-sidebar-image { display: block; width: 100%; max-height: 320px; margin: 0 0 14px; border: 1px solid var(--mc-line); object-fit: cover; }
.mc-banner-link { display: flex; align-items: center; justify-content: center; height: 42px; margin-top: 14px; border: var(--mc-border) solid var(--mc-acid); color: var(--mc-acid); font-size: 13px; font-weight: 950; }
.mc-banner-link:hover { background: var(--mc-acid); color: var(--mc-acid-text); }

/* 우측 사이드바 순서2 NordVPN 이미지형 제휴 광고: 모든 등록 언어 공통 */
.mc-banner-panel[data-sidebar-item-id="1"] .mc-banner-body { padding: 0; }
.mc-banner-panel[data-sidebar-item-id="1"] .mc-banner-ad {
    position: relative;
    display: block;
    min-height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: #050b15;
}
.mc-banner-panel[data-sidebar-item-id="1"] .mc-sidebar-image {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    margin: 0;
    border: 0;
    object-fit: contain;
}
.mc-banner-panel[data-sidebar-item-id="1"] .mc-banner-ad > small,
.mc-banner-panel[data-sidebar-item-id="1"] .mc-banner-ad > h3,
.mc-banner-panel[data-sidebar-item-id="1"] .mc-banner-ad > p {
    position: absolute;
    z-index: 2;
    left: 16px;
    right: 16px;
    margin: 0;
    text-align: center;
    text-shadow: 0 2px 8px rgba(0,0,0,.9);
}
.mc-banner-panel[data-sidebar-item-id="1"] .mc-banner-ad > small {
    top: 22%;
    color: #8aaeff;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .04em;
}
.mc-banner-panel[data-sidebar-item-id="1"] .mc-banner-ad > h3 {
    top: 28%;
    color: #fff;
    font-size: 18px;
    line-height: 1.22;
    letter-spacing: -.035em;
}
.mc-banner-panel[data-sidebar-item-id="1"] .mc-banner-ad > p {
    top: 42%;
    color: #b6c2d8;
    font-size: 11.5px;
    line-height: 1.55;
}
.mc-notice-banner { padding: 16px; }
.mc-notice-banner small { color: var(--mc-acid); font-size: 11px; font-weight: 950; }
.mc-notice-banner h3 { margin: 11px 0 8px; color: var(--mc-text); font-size: 18px; font-weight: 950; }
.mc-notice-banner p { margin: 0; color: #858d95; font-size: 13px; line-height: 1.65; }
.mc-notice-banner button,
.mc-notice-banner__link { display: inline-block; margin-top: 13px; padding: 0; border: 0; background: transparent; color: var(--mc-text); font-size: 13px; font-weight: 900; }
.mc-notice-banner button:hover,
.mc-notice-banner__link:hover { color: var(--mc-acid); }

html[data-miscland-surface="admin"] .sidebar-admin-item { transition: border-color 120ms ease, background-color 120ms ease, opacity 120ms ease; }
html[data-miscland-surface="admin"] .sidebar-admin-item.is-dragging { opacity: .45; }
html[data-miscland-surface="admin"] .sidebar-admin-item.is-drop-target { border-color: var(--mc-acid) !important; background: color-mix(in srgb, var(--mc-acid) 10%, #111316) !important; }
html[data-miscland-surface="admin"] .sidebar-drag-handle:active { cursor: grabbing; }

.mc-lower-main { grid-column: 1 / 3; grid-row: 2; min-width: 0; border-top: var(--mc-border) solid var(--mc-line); }
.mc-principles { display: grid; grid-template-columns: 1.15fr .85fr; border-bottom: var(--mc-border) solid var(--mc-line); }
.mc-principle-main { padding: 55px 55px 58px 0; border-right: var(--mc-border) solid var(--mc-line); }
.mc-principle-main h2 { margin: 20px 0 18px; color: var(--mc-text); font-size: 54px; font-weight: 950; line-height: 1.08; letter-spacing: -.07em; text-transform: uppercase; }
.mc-principle-main > p { max-width: 710px; margin: 0; color: #8f979f; font-size: 18px; line-height: 1.85; }
.mc-privacy-code { max-width: 720px; margin-top: 28px; border: var(--mc-border) solid var(--mc-line); background: #111316; font: 14px var(--mc-mono); }
.mc-privacy-code > div { display: grid; grid-template-columns: 56px 1fr; border-bottom: 1px solid var(--mc-line); }
.mc-privacy-code > div:last-child { border-bottom: 0; }
.mc-privacy-code span:first-child { padding: 12px; border-right: 1px solid var(--mc-line); color: #9ca3af; text-align: right; }
.mc-privacy-code span:last-child { padding: 12px 14px; color: #bdc3c8; }
.mc-privacy-code b { color: var(--mc-acid); }
.mc-principle-side { display: grid; grid-template-rows: repeat(3, 1fr); }
.mc-principle-side article { display: grid; grid-template-columns: 52px 1fr; gap: 18px; padding: 30px; border-bottom: var(--mc-border) solid var(--mc-line); }
.mc-principle-side article:last-child { border-bottom: 0; }
.mc-principle-side article > span { color: var(--mc-acid); font-size: 17px; font-weight: 950; }
.mc-principle-side h3 { margin: 0 0 10px; color: var(--mc-text); font-size: 20px; font-weight: 950; }
.mc-principle-side p { margin: 0; color: #7f878f; font-size: 15px; line-height: 1.8; }
.mc-cta { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 30px; padding: 46px 0 54px; border-bottom: var(--mc-border) solid var(--mc-line); }
.mc-cta h2 { margin: 0 0 10px; color: var(--mc-text); font-size: 48px; font-weight: 950; letter-spacing: -.07em; text-transform: uppercase; }
.mc-cta p { margin: 0; color: #7f878f; font-size: 16px; }
.mc-cta a { display: flex; align-items: center; gap: 18px; height: 64px; padding: 0 24px; border: var(--mc-border) solid var(--mc-acid); background: var(--mc-acid); color: var(--mc-acid-text) !important; font-size: 16px; font-weight: 950; letter-spacing: .03em; box-shadow: var(--mc-shadow) var(--mc-shadow) 0 var(--mc-line); }
.mc-cta a:hover { transform: translate(-2px, -2px); box-shadow: 9px 9px 0 var(--mc-line); }

html[data-miscland-surface="main"] #tool-frame-header { top: 68px !important; margin-bottom: 16px; border-bottom: var(--mc-border) solid var(--mc-line) !important; background: rgba(12,13,15,.97) !important; box-shadow: none !important; }
html[data-miscland-surface="main"] #tool-frame-header button { border: var(--mc-border) solid var(--mc-line) !important; border-radius: 0 !important; background: var(--mc-panel) !important; }
html[data-miscland-surface="main"] #tool-frame-header button:hover { transform: translate(-2px,-2px); border-color: var(--mc-acid) !important; box-shadow: 4px 4px 0 var(--mc-acid); }
html[data-miscland-surface="main"] #tool-frame-container > div:last-child { border: var(--mc-border) solid var(--mc-line) !important; border-radius: 0 !important; background: var(--mc-panel); }

html[data-miscland-surface="main"] footer { min-height: 110px; margin-top: 0 !important; border: 0 !important; background: var(--mc-bg) !important; }
.mc-footer-inner { display: grid; grid-template-columns: var(--left-width, 250px) 1fr auto; align-items: center; min-height: 110px; color: #737b83; font-size: 14px; font-weight: 900; letter-spacing: .03em; }
.mc-footer-links { display: flex; gap: 20px; }
.mc-footer-links a:hover { color: var(--mc-text); }
.mc-scroll-top { position: fixed; right: max(var(--outer-padding,17px), calc((100vw - var(--max-width,1540px)) / 2)); bottom: var(--mc-scroll-top-bottom,22px); z-index: 90; display: flex; align-items: center; justify-content: center; width: 46px; min-width: 46px; height: 46px; padding: 0; border: var(--mc-border) solid var(--mc-acid); border-radius: 0; background: var(--mc-panel); color: var(--mc-acid); font-family: var(--mc-mono); font-size: 23px; font-weight: 950; line-height: 1; box-shadow: 5px 5px 0 #52641d; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(12px); transition: opacity var(--mc-speed), visibility var(--mc-speed), transform var(--mc-speed), background var(--mc-speed), color var(--mc-speed), bottom var(--mc-speed); }
.mc-scroll-top.is-visible { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
.mc-scroll-top:hover { background: var(--mc-acid); color: var(--mc-acid-text); transform: translate(-2px,-2px); box-shadow: 7px 7px 0 var(--mc-line); }
.mc-scroll-top:focus-visible { outline: 2px solid var(--mc-text); outline-offset: 3px; }

/* Utility pages */
html[data-miscland-surface="utility"] body { background: var(--mc-bg) !important; }
html[data-miscland-surface="utility"] :is([class*="bg-gray-8"],[class*="bg-slate-8"],[class*="bg-gray-9"],[class*="bg-slate-9"]) { background-color: var(--mc-panel) !important; }
html[data-miscland-surface="utility"] :is([class*="border-gray"],[class*="border-slate"]) { border-color: var(--mc-line) !important; }
html[data-miscland-surface="utility"] h1 { font: 950 clamp(27px,4vw,50px)/1.04 var(--mc-display) !important; letter-spacing: -.04em !important; }
html[data-miscland-surface="utility"] button:not(.miscland-tool-favorite) { border: var(--mc-border) solid var(--mc-line) !important; border-radius: 0 !important; font-family: var(--mc-mono) !important; font-weight: 700 !important; }
html[data-miscland-surface="utility"] button:not(.miscland-tool-favorite):hover { transform: translate(-2px,-2px); border-color: var(--mc-acid) !important; box-shadow: 4px 4px 0 var(--mc-acid); }
html[data-miscland-surface="utility"] :is(details,section,.accordion-item) { border-radius: 0 !important; }
html[data-miscland-surface="utility"] .miscland-tool-favorite { border: var(--mc-border) solid var(--mc-line) !important; border-radius: 0 !important; background: var(--mc-panel) !important; }
html[data-miscland-surface="utility"] :is(.bg-blue-600,.bg-blue-500,.bg-indigo-600,.bg-primary,.from-blue-600) { background-color: var(--mc-acid) !important; background-image: none !important; color: var(--mc-acid-text) !important; }
html[data-miscland-surface="utility"] :is(.text-blue-400,.text-blue-300,.text-primary) { color: var(--mc-acid) !important; }
html[data-miscland-surface="utility"] input:checked { accent-color: var(--mc-acid); }
html[data-miscland-surface="utility"] :is(pre,code,textarea,input,[class*="break-"]) { overflow-wrap: anywhere; }
html[data-miscland-surface="utility"] :is(.overflow-x-auto,[class*="overflow-x-auto"]) { max-width: 100%; }

/* Admin uses the same palette and square component language */
html[data-miscland-surface="admin"] body { background: var(--mc-bg) !important; }
html[data-miscland-surface="admin"] [class*="rounded"] { border-radius: 0 !important; }
html[data-miscland-surface="admin"] :is([class*="bg-gray-900"],[class*="bg-slate-900"]) { background-color: var(--mc-bg) !important; }
html[data-miscland-surface="admin"] :is([class*="bg-gray-800"],[class*="bg-slate-800"]) { background-color: var(--mc-panel) !important; }
html[data-miscland-surface="admin"] :is([class*="bg-gray-700"],[class*="bg-slate-700"]) { background-color: var(--mc-panel2) !important; }
html[data-miscland-surface="admin"] :is([class*="border-gray"],[class*="border-slate"]) { border-color: var(--mc-line) !important; }
html[data-miscland-surface="admin"] :is(input,select,textarea) { border-radius: 0 !important; outline: none; }
html[data-miscland-surface="admin"] :is(input,select,textarea):focus { border-color: var(--mc-acid) !important; box-shadow: 0 0 0 1px var(--mc-acid) !important; }
html[data-miscland-surface="admin"] #admin-login-gate { min-height: 100vh; background: var(--mc-bg); }
html[data-miscland-surface="admin"] #admin-login-gate > div {
    max-width: 450px;
    padding: 30px !important;
    border: var(--mc-border) solid var(--mc-line) !important;
    background: #111316 !important;
    box-shadow: var(--mc-shadow) var(--mc-shadow) 0 var(--mc-acid) !important;
}
.mc-admin-brandmark {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    border: var(--mc-border) solid var(--mc-acid);
    background: transparent !important;
    color: var(--mc-acid) !important;
    font: 950 22px/1 var(--mc-display);
    transform: rotate(-4deg);
}
html[data-miscland-surface="admin"] #admin-login-title { font-family: var(--mc-display); font-weight: 950; letter-spacing: -.035em; }
html[data-miscland-surface="admin"] #admin-login-email { border: var(--mc-border) solid var(--mc-line) !important; background: #0c0d0f !important; }
html[data-miscland-surface="admin"] #admin-login-button { border: var(--mc-border) solid var(--mc-acid) !important; background: var(--mc-acid) !important; color: var(--mc-acid-text) !important; font-weight: 950; }
html[data-miscland-surface="admin"] #admin-login-button:hover { transform: translate(-2px,-2px); box-shadow: 4px 4px 0 var(--mc-line); }
html[data-miscland-surface="admin"] #admin-login-message + div { border: 1px solid var(--mc-line) !important; background: var(--mc-panel2) !important; color: var(--mc-muted) !important; }
html[data-miscland-surface="admin"] :is(header,aside,nav) { background-color: var(--mc-panel) !important; }
html[data-miscland-surface="admin"] header { border-bottom: var(--mc-border) solid var(--mc-line) !important; }
html[data-miscland-surface="admin"] #admin-header { height: 68px !important; padding-right: 18px !important; padding-left: 18px !important; }
html[data-miscland-surface="admin"] #admin-layout { height: calc(100vh - 68px) !important; }
html[data-miscland-surface="admin"] #admin-header-logo { letter-spacing: -.04em; }
html[data-miscland-surface="admin"] #admin-header-logo > span { font-size: 21px !important; font-weight: 950 !important; }
html[data-miscland-surface="admin"] aside { border-color: var(--mc-line) !important; }
html[data-miscland-surface="admin"] .admin-menu-btn.active { border: 1px solid var(--mc-acid-text) !important; border-radius: 0 !important; background: var(--mc-acid) !important; color: var(--mc-acid-text) !important; }
html[data-miscland-surface="admin"] .admin-menu-btn:hover { background: var(--mc-panel2) !important; color: var(--mc-acid) !important; }
html[data-miscland-surface="admin"] .admin-panel > div:first-child { border-bottom: var(--mc-border) solid var(--mc-line) !important; background: var(--mc-panel) !important; }
html[data-miscland-surface="admin"] .admin-panel [class*="bg-gray-8"],
html[data-miscland-surface="admin"] .admin-panel [class*="bg-gray-7"] { background: var(--mc-panel) !important; }
html[data-miscland-surface="admin"] .admin-panel [class*="border-gray"] { border-color: var(--mc-line) !important; }
html[data-miscland-surface="admin"] :is(.bg-blue-600,.bg-blue-500,.bg-primary) { background-color: var(--mc-acid) !important; color: var(--mc-acid-text) !important; }
html[data-miscland-surface="admin"] :is(.text-blue-400,.text-blue-300,.text-primary) { color: var(--mc-acid) !important; }
.mc-builder { display: grid; grid-template-columns: var(--admin-theme-editor-width,390px) 8px minmax(520px,1fr); min-height: 0; height: 100%; }
.mc-builder__controls { min-width: 0; overflow: auto; padding: 18px; border-right: var(--mc-border) solid var(--mc-line); background: var(--mc-panel); }
.mc-builder__resizer { position: relative; z-index: 20; width: 8px; min-width: 8px; height: 100%; cursor: col-resize; touch-action: none; background: var(--mc-bg); border-inline: 1px solid var(--mc-line); }
.mc-builder__resizer::after { content: ""; position: absolute; top: 50%; left: 50%; width: 2px; height: 42px; background: var(--mc-muted); transform: translate(-50%,-50%); transition: width 120ms ease, height 120ms ease, background-color 120ms ease; }
.mc-builder__resizer:hover::after,
.mc-builder__resizer:focus-visible::after,
.mc-builder__resizer.is-resizing::after { width: 4px; height: 64px; background: var(--mc-acid); }
.mc-builder__resizer:focus-visible { outline: 2px solid var(--mc-acid); outline-offset: -2px; }
.mc-builder__preview { min-width: 0; display: flex; flex-direction: column; background: #070809; }
.mc-builder__topbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border-bottom: var(--mc-border) solid var(--mc-line); background: var(--mc-panel); }
.mc-builder__frame { flex: 1; min-height: 520px; border: 0; background: var(--mc-bg); }
.mc-builder__section { margin-bottom: 16px; border: var(--mc-border) solid var(--mc-line); background: var(--mc-panel2); }
.mc-builder__section > h3 { margin: 0; padding: 11px 13px; border-bottom: var(--mc-border) solid var(--mc-line); color: var(--mc-acid); font: 800 11px var(--mc-mono); letter-spacing: .09em; }
.mc-builder__section-body { display: grid; gap: 12px; padding: 13px; }
.mc-builder__field { display: grid; gap: 6px; }
.mc-builder__field > label { color: var(--mc-muted); font: 600 11px var(--mc-mono); }
.mc-builder__field input:not([type="color"]):not([type="checkbox"]),
.mc-builder__field select,
.mc-builder__field textarea { width: 100%; padding: 8px 9px !important; border: var(--mc-border) solid var(--mc-line) !important; border-radius: 0 !important; background: #0d0f12 !important; color: var(--mc-text) !important; font-size: 12px; }
.mc-builder__field input[type="color"] { width: 44px; height: 34px; padding: 0; border: var(--mc-border) solid var(--mc-line); background: none; }
.mc-builder__colors { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.mc-builder__color { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.mc-builder__tabs { display: flex; border: var(--mc-border) solid var(--mc-line); }
.mc-builder-tab { flex: 1; padding: 9px 10px; border: 0; border-right: 1px solid var(--mc-line); background: var(--mc-panel2); color: var(--mc-muted); font: 700 11px var(--mc-mono); }
.mc-builder-tab:last-child { border-right: 0; }
.mc-builder-tab.is-active { background: var(--mc-acid); color: var(--mc-acid-text); }
.mc-builder__note { color: var(--mc-muted); font: 500 10px/1.6 var(--mc-mono); }
.mc-builder__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.mc-builder__button { padding: 9px 12px; border: var(--mc-border) solid var(--mc-line); border-radius: 0 !important; background: var(--mc-panel2); color: var(--mc-text); font: 700 11px var(--mc-mono); }
.mc-builder__button--acid { border-color: var(--mc-acid-text); background: var(--mc-acid); color: var(--mc-acid-text); }
.mc-builder__button:hover { transform: translate(-2px,-2px); box-shadow: 4px 4px 0 var(--mc-acid); }
html[data-miscland-surface="admin"].mc-theme-builder-open #admin-preview-panel { display: none !important; }
html[data-miscland-surface="admin"].mc-theme-builder-open #admin-preview-resizer { display: none !important; }

@media (max-width: 1400px) {
    html[data-miscland-surface="main"] #tool-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
    .mc-builder { grid-template-columns: var(--admin-theme-editor-width,340px) 8px minmax(440px,1fr); }
}
@media (max-width: 1050px) {
    .mc-topbar { grid-template-columns: auto 1fr auto; }
    .mc-topnav { justify-content: center; }
    .mc-hero { grid-template-columns: 1fr; }
    .mc-hero__left { border-right: 0; border-bottom: var(--mc-border) solid var(--mc-line); }
    .mc-hero h1 { font-size: 62px; }
    .mc-section-title { grid-template-columns: 210px 1fr; }
    .mc-section-title p { display: none; }
    html[data-miscland-surface="main"] .main-layout { grid-template-columns: 210px minmax(0,1fr); }
    html[data-miscland-surface="main"] .right-sidebar { display: none !important; }
    .mc-lower-main { grid-column: 1 / 3; }
    .mc-builder { grid-template-columns: 1fr; }
    .mc-builder__resizer { display: none !important; }
    .mc-builder__controls { max-height: 48vh; border-right: 0; border-bottom: var(--mc-border) solid var(--mc-line); }
}
@media (max-width: 820px) {
    .admin-pane-resizer,
    .mc-builder__resizer { display: none !important; }
    .mc-wrap,
    html[data-miscland-surface="main"] .main-container,
    html[data-miscland-surface="main"] footer > .mc-footer-inner { width: min(calc(100% - 22px),1540px); }
    .mc-topbar { position: relative; grid-template-columns: minmax(0,1fr) auto; }
    .mc-brand { min-width: 0; max-width: calc(100vw - 86px); font-size: 19px; }
    .mc-brandmark { width: 31px; height: 31px; font-size: 19px; }
    .mc-brand #header-site-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .mc-topnav { display: none; }
    .mc-mobile-menu-toggle {
        display: grid;
        place-items: center;
        width: 44px;
        height: 44px;
        padding: 0;
        border: var(--mc-border) solid var(--mc-line);
        background: var(--mc-panel);
        color: var(--mc-text);
        font: 950 24px/1 var(--mc-mono);
    }
    .mc-mobile-menu-toggle:hover,
    .mc-mobile-menu-toggle[aria-expanded="true"] { border-color: var(--mc-acid); color: var(--mc-acid); }
    .mc-top-actions { display: none; }
    .mc-mobile-menu-open .mc-top-actions {
        position: absolute;
        top: 58px;
        right: 0;
        z-index: 130;
        display: grid;
        width: min(260px, calc(100vw - 22px));
        gap: 0;
        padding: 8px;
        border: var(--mc-border) solid var(--mc-line);
        background: var(--mc-bg);
        box-shadow: 7px 7px 0 rgba(0,0,0,.55);
    }
    .mc-mobile-menu-open .mc-top-actions .mc-top-button {
        display: block;
        width: 100%;
        min-width: 0;
        height: 46px;
        text-align: left;
    }
    .mc-mobile-menu-open .mc-top-actions .mc-top-button + .mc-top-button { border-top: 0 !important; }
    .mc-hero__left { padding: 50px 0 44px; }
    .mc-hero__left::after { font-size: 90px; }
    .mc-hero h1 { font-size: 46px; line-height: 1.12; }
    .mc-command { grid-template-columns: 1fr 84px; }
    .mc-section-title { display: block; padding: 22px 0; }
    .mc-section-title__index { display: block; margin-bottom: 8px; }
    .mc-section-title p { display: block; margin-top: 10px; }
    html[data-miscland-surface="main"] .main-layout { display: block !important; }
    html[data-miscland-surface="main"] .left-sidebar {
        display: block;
        width: 100% !important;
        padding: 16px 0 0;
        border-right: 0;
    }
    .mc-mobile-category-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 48px;
        padding: 0 14px;
        border: var(--mc-border) solid var(--mc-line);
        background: var(--mc-panel);
        color: var(--mc-text);
        font-size: 14px;
        font-weight: 950;
        letter-spacing: .04em;
    }
    html[data-miscland-surface="main"] .left-sidebar nav { display: none; position: static !important; }
    html[data-miscland-surface="main"] .left-sidebar.mc-mobile-categories-open nav {
        display: block;
        padding: 8px !important;
        border: var(--mc-border) solid var(--mc-line) !important;
        border-top: 0 !important;
        background: var(--mc-bg) !important;
    }
    html[data-miscland-surface="main"] .left-sidebar h2 { padding-top: 8px !important; }
    html[data-miscland-surface="main"] .mc-rail-item,
    html[data-miscland-surface="main"] .mc-collection-item { min-height: 48px; }
    html[data-miscland-surface="main"] main.flex-1 { padding-left: 0; }
    .mc-lower-main { display: block; }
    .mc-filters { grid-template-columns: 1fr; height: auto; }
    .mc-filters__search { min-height: 52px; border-right: 0; border-bottom: var(--mc-border) solid var(--mc-line); }
    .mc-filter-toggle { display: flex; min-height: 46px; border-right: 0; border-bottom: 1px solid var(--mc-line); }
    .mc-filter-toggle:last-child { border-bottom: 0; }
    .mc-filter-toggle button { flex: 1; min-width: 0; padding: 0 9px; }
    html[data-miscland-surface="main"] #tool-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
    html[data-miscland-surface="main"] .mc-pagination { flex-wrap: wrap; gap: 5px; padding-inline: 2px; }
    html[data-miscland-surface="main"] .mc-pagination__button { width: 38px; min-width: 38px; height: 40px; }
    html[data-miscland-surface="main"] .mc-pagination__button.is-edge { min-width: 58px; padding-inline: 8px; }
    html[data-miscland-surface="main"] .right-sidebar { display: flex !important; width: 100% !important; padding: 22px 0 30px; border-left: 0; }
    html[data-miscland-surface="main"] #tool-frame-header { position: sticky; top: 68px !important; flex-wrap: wrap; }
    html[data-miscland-surface="main"] #tool-frame-header button { min-height: 44px; }
    html[data-miscland-surface="main"] #current-tool-name { min-width: 0; overflow-wrap: anywhere; }
    html[data-miscland-surface="main"] #tool-frame-container,
    html[data-miscland-surface="main"] #tool-frame-container > div:last-child,
    html[data-miscland-surface="main"] #tool-iframe { width: 100%; max-width: 100%; }
    .mc-principles { grid-template-columns: 1fr; }
    .mc-principle-main { padding-right: 0; border-right: 0; border-bottom: var(--mc-border) solid var(--mc-line); }
    .mc-cta { grid-template-columns: 1fr; }
    .mc-cta a { width: max-content; font-size: 15px; }
    .mc-footer-inner { grid-template-columns: 1fr; gap: 16px; padding: 25px 0; }
    .mc-footer-links { flex-wrap: wrap; }
    .mc-scroll-top { right: 11px; width: 42px; min-width: 42px; height: 42px; }

    html[data-miscland-surface="utility"] body { min-width: 0 !important; }
    html[data-miscland-surface="utility"] body > :is(main,section,div):not([class*="fixed"]) { max-width: 100%; }
    html[data-miscland-surface="utility"] :is(button,a,input,select,textarea) { max-width: 100%; }
    html[data-miscland-surface="utility"] button { min-height: 44px; }
    html[data-miscland-surface="utility"] :is(.faq-item,.accordion-item,details) { min-width: 0; max-width: 100%; }
    html[data-miscland-surface="utility"] :is(.faq-item,.accordion-item,details) button {
        gap: 10px;
        white-space: normal;
        overflow-wrap: anywhere;
    }
    html[data-miscland-surface="utility"] .miscland-tool-favorite { top: 10px !important; right: 10px !important; }

    html[data-miscland-surface="admin"] #admin-header {
        height: 64px !important;
        min-height: 64px !important;
        padding-inline: 12px !important;
    }
    html[data-miscland-surface="admin"] #admin-layout { height: calc(100dvh - 64px) !important; }
    html[data-miscland-surface="admin"] #admin-header-logo > span { font-size: 17px !important; }
    html[data-miscland-surface="admin"] #settings-panel-container { min-width: 0; overflow-x: clip; }
    html[data-miscland-surface="admin"] .mc-builder { display: block; height: auto; }
    html[data-miscland-surface="admin"] .mc-builder__controls { max-height: none; overflow-x: hidden; }
    html[data-miscland-surface="admin"] .mc-builder__preview { min-height: 70dvh; }
    html[data-miscland-surface="admin"] .mc-builder__topbar { align-items: flex-start; flex-direction: column; }
    html[data-miscland-surface="admin"] .mc-builder__frame { min-width: 0; min-height: 70dvh; }
}
@media (max-width: 540px) {
    .mc-hero h1 { font-size: 38px; line-height: 1.14; }
    .mc-hero__copy { font-size: 14px; }
    .mc-manifest__row { grid-template-columns: 42px 1fr auto; }
    html[data-miscland-surface="main"] #tool-grid { grid-template-columns: 1fr !important; }
    html[data-miscland-surface="main"] .tool-card { min-height: 224px; }
    .mc-command { height: auto; min-height: 58px; grid-template-columns: minmax(0,1fr) 76px; }
    .mc-command input { padding-inline: 13px !important; font-size: 13px; }
    .mc-manifest__row { gap: 8px; padding-inline: 12px; }
    .mc-manifest__row h3 { font-size: 16px; overflow-wrap: anywhere; }
    .mc-manifest__price { min-width: 52px; font-size: 13px; }
    .mc-principle-main { padding-top: 42px; }
    .mc-principle-main > p { font-size: 15px; }
    .mc-principle-side article { grid-template-columns: 38px 1fr; gap: 10px; padding: 22px 12px; }
    .mc-privacy-code { font-size: 12px; }
    .mc-privacy-code > div { grid-template-columns: 42px minmax(0,1fr); }
    .mc-cta a { width: 100%; justify-content: center; }
    .mc-principle-main h2,
    .mc-cta h2 { font-size: 36px; }
    .mc-builder__colors { grid-template-columns: 1fr; }
    .mc-pagination { gap: 4px; }
    html[data-miscland-surface="main"] .mc-pagination__button { width: 38px; min-width: 38px; height: 40px; }
    html[data-miscland-surface="main"] .mc-pagination__button.is-edge { min-width: 58px; padding: 0 9px; }
}
@media (prefers-reduced-motion: reduce) {
    html[data-miscland-theme="brutalist"] *,
    html[data-miscland-theme="brutalist"] *::before,
    html[data-miscland-theme="brutalist"] *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}


/* Commercial accessibility contrast hardening (2026-08-14) */
html[data-miscland-surface="utility"] .text-gray-500 { color: #9ca3af !important; }
html[data-miscland-surface="utility"] .bg-orange-600 { background-color: #c2410c !important; }
html[data-miscland-surface="utility"] .bg-teal-600 { background-color: #0f766e !important; }