/* Site UI consumer layer. Values belong to lib/site-themes.ts, never to per-theme overrides.
   This scope is mounted only for Workspace. Public landings/forms and editor iframes are independent. */
@font-face{font-family:'Site Serif';src:url('/fonts/site-serif.woff2') format('woff2');font-weight:200 900;font-display:swap}
.site-ui{min-height:100vh;background:var(--ui-bg);color:var(--ui-ink);font-family:var(--ui-font);font-size:var(--ui-text-size);line-height:var(--ui-line-height);color-scheme:var(--ui-color-scheme)}
.site-ui *, .site-ui *::before,.site-ui *::after{box-sizing:border-box}
.site-ui :is(button,input,select,textarea){font-family:var(--ui-font)}
.site-ui :is(h1,h2,h3,h4,.section-title){font-family:var(--ui-heading-font);color:inherit}
.site-ui :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}
.site-ui .muted,.site-ui .inline-tip{color:var(--ui-muted)}
.site-ui .wrap,.site-ui .work-area{width:min(var(--ui-content-width),calc(100% - 48px));max-width:100%}
.site-ui .work-area{margin-top:var(--ui-page-space);padding-bottom:var(--ui-page-space)}
.site-ui .site_container{min-width:0;background:var(--ui-bg)}
.site-ui .section-title{font-size:var(--ui-heading-size);margin-bottom:var(--ui-space)}
.site-ui .site_header{min-width:0;background:var(--ui-header);background-image:none;color:var(--ui-header-ink);border-bottom:1px solid var(--ui-line)}
.site-ui .site_header .site_header_back{background:var(--ui-header);height:var(--ui-header-height)}
.site-ui .site_header .wrap{height:var(--ui-header-height)}
.site-ui .site_header .logo{top:calc((var(--ui-header-height) - 31px)/2)}
.site-ui .site_header .site_nav .menu .mn_link span,.site-ui .site_header .member_nav .mn_link span{height:var(--ui-header-height);line-height:var(--ui-header-height);color:var(--ui-header-ink);font-size:calc(var(--ui-text-size) + 2px)}
.site-ui .site_header .header-menu-panel{top:var(--ui-header-height);height:var(--ui-menu-height);background:var(--ui-surface);border-color:var(--ui-line);box-shadow:var(--ui-shadow)}
.site-ui .site_header.menu-open .site_nav{min-height:calc(var(--ui-header-height) + var(--ui-menu-height))}
.site-ui .site_header .site_nav .menu .sub a{font-size:var(--ui-text-size);color:var(--ui-muted)!important;line-height:1.2;padding:7px 0}
.site-ui .site_header .site_nav .menu .sub a:hover,.site-ui .site_header .site_nav .menu .sub a:focus-visible{color:var(--ui-accent)!important}
.site-ui .site_header .header-menu-toggle{color:var(--ui-header-ink);border-color:var(--ui-line);border-radius:var(--ui-radius)}
.site-ui .sub_top{height:var(--ui-hero-height);background:var(--ui-hero);color:var(--ui-hero-ink)}
.site-ui .sub_top .sub_top_back{display:none}
.site-ui .sub_top .wrap{padding-top:calc(var(--ui-space) * 1.5)}
.site-ui .sub_top .wrap h1{font-size:var(--ui-title-size);color:var(--ui-hero-ink);line-height:1.35}
.site-ui .sub_top .wrap>p{color:var(--ui-hero-ink);opacity:.7;font-size:var(--ui-small-size)}
.site-ui .member-summary{background:var(--ui-surface);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:var(--ui-card-radius);height:auto;padding:16px;top:16px}
.site-ui .member-summary p{color:var(--ui-muted)!important;font-size:var(--ui-small-size)!important}
.site-ui .member-summary em{color:var(--ui-accent)}
.site-ui .member-summary .avatar{background:var(--ui-tint);color:var(--ui-accent)}
.site-ui .content_loc{background:var(--ui-surface);border-color:var(--ui-line)}
.site-ui .content_loc .loc{font-size:var(--ui-text-size);color:var(--ui-ink);border-color:var(--ui-line)}
.site-ui .content_loc .loc_sub{background:var(--ui-surface);border-color:var(--ui-line);box-shadow:var(--ui-shadow)}
.site-ui .content_loc .loc_sub a{color:var(--ui-ink)}
.site-ui .content_loc .loc_sub a:hover{color:var(--ui-accent);background:var(--ui-tint)}
.site-ui .footer{min-width:0;background:var(--ui-footer);color:var(--ui-footer-ink);font-size:var(--ui-small-size);padding:var(--ui-page-space) 0}
.site-ui .footer .terms a{color:var(--ui-footer-ink)}
.site-ui :is(.txt_c2,.color_point){color:var(--ui-accent)!important}
.site-ui :is(.txt_red,.txt_c1,.txt_c3,.inline-tip.red,.inline-tip .red){color:var(--ui-danger)!important}
.site-ui .content_loc ul li.home{background:none;text-indent:0;border-color:var(--ui-line)}
.site-ui .content_loc .home a{background-image:none;display:grid;place-items:center;font-size:0;color:var(--ui-ink)}
.site-ui .content_loc .home a::after{content:'⌂';font:24px var(--ui-font);color:var(--ui-ink)}
/* Fields, actions and lists share the same scale. Deliberately excludes document canvases. */
.site-ui :is(.work-area,.auth-layout,.modal,.local-funnel,.smart-top,.diagram-screen) :is(input:not([type]),input[type=text],input[type=email],input[type=search],input[type=password],input[type=url],input[type=tel],input[type=number],select,textarea){background:var(--ui-surface);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:var(--ui-radius);font-size:var(--ui-text-size);min-height:var(--ui-control-height);height:auto;padding:8px 12px;line-height:1.5}
.site-ui :is(.work-area,.auth-layout,.modal,.local-funnel) textarea{min-height:130px}
.site-ui select{appearance:auto}
.site-ui .site_header .logo img{filter:brightness(.25)}
.site-ui :is(input,textarea)::placeholder{color:var(--ui-muted);opacity:.8}
.site-ui input:read-only{background:var(--ui-soft)}
.site-ui :is(input[type=checkbox],input[type=radio]){accent-color:var(--ui-accent)}
.site-ui .form_area{border-color:var(--ui-accent);font-size:var(--ui-text-size)}
.site-ui .form-group{border-color:var(--ui-line);padding-top:var(--ui-row-space);padding-bottom:var(--ui-row-space);font-size:var(--ui-text-size)}
.site-ui .form-group label.title{top:calc(var(--ui-row-space) + 8px);font-size:var(--ui-text-size);color:var(--ui-ink)}
.site-ui .form-group label.title>span{color:var(--ui-danger)}
.site-ui .form-actions{gap:12px;align-items:center;flex-wrap:wrap}
.site-ui .btn{height:auto;min-height:var(--ui-control-height);line-height:1.5;padding:10px 22px;border-radius:var(--ui-radius);font-size:var(--ui-text-size);font-weight:500;text-align:center;vertical-align:middle;box-shadow:none}
.site-ui .btn.btn1{background:var(--ui-accent);color:var(--ui-accent-ink);border:1px solid var(--ui-accent)}
.site-ui .btn.btn2{background:var(--ui-tint);color:var(--ui-accent);border:1px solid var(--ui-line)}
.site-ui .btn.btnw,.site-ui .btn.btng,.site-ui .btn.btn3,.site-ui .btn.btn4,.site-ui .btn.btn5,.site-ui .btn.btn6,.site-ui .btn.btn8{background:var(--ui-surface);color:var(--ui-ink);border:1px solid var(--ui-line)}
.site-ui .btn.small{font-size:var(--ui-small-size);min-height:32px;padding:6px 12px}
.site-ui .btn:hover{filter:brightness(.95)}
.site-ui .notice{background:var(--ui-tint);border-color:var(--ui-line);color:var(--ui-ink);border-radius:var(--ui-radius)}
.site-ui .tag{background:var(--ui-tint);color:var(--ui-accent);border-radius:var(--ui-radius);font-size:var(--ui-small-size)}
.site-ui .check_label,.site-ui .radio_label{color:var(--ui-ink);font-size:var(--ui-text-size)}
.site-ui .check_label .checkmark,.site-ui .radio_label .checkmark{border-color:var(--ui-line);background-color:var(--ui-surface)}
.site-ui .check_label input:checked~.checkmark,.site-ui .radio_label input:checked~.checkmark{background-color:var(--ui-accent);border-color:var(--ui-accent)}
.site-ui .data-table{border-color:var(--ui-line);font-size:var(--ui-text-size);background:var(--ui-surface)}
.site-ui .data-table th{background:var(--ui-soft);color:var(--ui-muted);border-color:var(--ui-line);padding:var(--ui-row-space) 12px}
.site-ui .data-table td{border-color:var(--ui-line);padding:var(--ui-row-space) 12px;color:var(--ui-ink)}
.site-ui .data-table td a{color:var(--ui-accent)}
.site-ui .data-table .empty{color:var(--ui-muted)}
.site-ui .tabs{border-color:var(--ui-line);gap:6px}
.site-ui .tabs a,.site-ui .tabs button{background:var(--ui-soft);border-color:var(--ui-line);color:var(--ui-muted);border-radius:var(--ui-radius) var(--ui-radius) 0 0;font-size:var(--ui-text-size);padding:12px 24px}
.site-ui .tabs .active,.site-ui .pagination button.current{background:var(--ui-accent);color:var(--ui-accent-ink);border-color:var(--ui-accent)}
.site-ui .pagination button{background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-line);border-radius:var(--ui-radius)}
.site-ui :is(.question-card,.landing-type,.pricing-grid article,.dashboard-card,.dashboard-links>div,.modal,.sms-favorites){background:var(--ui-surface);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:var(--ui-card-radius);box-shadow:var(--ui-shadow)}
.site-ui .landing-type strong,.site-ui .pricing-grid h2{color:var(--ui-accent);font-size:var(--ui-heading-size)}
.site-ui .landing-type p{color:var(--ui-muted);font-size:var(--ui-small-size)}
.site-ui .landing-type:hover{border-color:var(--ui-accent);background:var(--ui-tint)}
.site-ui .dashboard{background:var(--ui-bg);padding:var(--ui-page-space) 0}
.site-ui .dashboard-person{background:var(--ui-accent);color:var(--ui-accent-ink);border-radius:var(--ui-card-radius);padding:var(--ui-space)}
.site-ui .dashboard-person .btn{background:var(--ui-surface);color:var(--ui-ink)}
.site-ui .dashboard-stat strong{color:var(--ui-accent);font-size:var(--ui-title-size)}
.site-ui .dashboard-stat p{font-size:var(--ui-text-size);color:var(--ui-muted)}
.site-ui .dashboard-links{gap:var(--ui-space);margin-top:var(--ui-space)}
.site-ui .dashboard-links>div{padding:var(--ui-space)}
.site-ui .modal h2{font-size:var(--ui-heading-size)}
.site-ui .dashboard-links h3{font-size:var(--ui-heading-size)}
.site-ui .dashboard-links a{color:var(--ui-ink)}
.site-ui .auth-layout aside{background:var(--ui-soft);border-radius:var(--ui-card-radius);color:var(--ui-ink)}
.site-ui .auth-layout h2{font-size:var(--ui-heading-size)}
.site-ui .message-editor{gap:var(--ui-space);border-color:var(--ui-line);padding:var(--ui-space) 0;grid-template-columns:minmax(0,1fr) 300px}
.site-ui .message-editor>div{min-width:0}
.site-ui .message-editor textarea{min-height:220px;width:100%;border-radius:var(--ui-radius)}
.site-ui .phone-preview{background:var(--ui-soft);border-color:var(--ui-line)}
.site-ui .phone-preview .bubble{background:var(--ui-surface);color:var(--ui-ink);border-radius:var(--ui-radius)}
.site-ui .schedule-row{gap:10px;background:var(--ui-soft);padding:var(--ui-row-space);border-radius:var(--ui-radius);border:1px solid var(--ui-line)}
.site-ui .schedule-row>input[type=number]{width:80px}
.site-ui .schedule-hint{flex-basis:100%;color:var(--ui-muted);font-size:var(--ui-small-size)}
.site-ui .sms-symbols,.site-ui .sms-symbols button{background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-line);border-radius:var(--ui-radius)}
/* One shared date/time field and calendar, not a styled label containing another control. */
.site-ui .date-field{position:relative;display:inline-flex;align-items:stretch;width:208px;max-width:100%;vertical-align:middle;gap:0;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius);min-height:var(--ui-control-height)}
.site-ui .date-field.date-time-field{width:285px}
.site-ui .date-field:focus-within{border-color:var(--ui-accent)}
.site-ui .date-field input{width:100%;min-width:0;height:calc(var(--ui-control-height) - 2px);border:0;background:transparent;color:var(--ui-ink);font-size:var(--ui-text-size);padding:8px 10px;border-radius:inherit;line-height:1.5;color-scheme:var(--ui-color-scheme)}
.site-ui .date-field input::-webkit-calendar-picker-indicator{display:none}
.site-ui .date-trigger{display:grid;place-items:center;flex:0 0 40px;border:0;border-left:1px solid var(--ui-line);background:transparent;color:var(--ui-accent);border-radius:0 var(--ui-radius) var(--ui-radius) 0;padding:0}
.site-ui .date-trigger:hover{background:var(--ui-tint)}
.site-ui .calendar-panel{position:fixed;z-index:12000;width:min(320px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;background:var(--ui-surface);color:var(--ui-ink);padding:16px;border:1px solid var(--ui-line);border-radius:var(--ui-card-radius);box-shadow:var(--ui-shadow);font-size:var(--ui-text-size);line-height:1.5}
.site-ui .calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:12px}
.site-ui .calendar-heading>div{display:flex;gap:4px;align-items:center}
.site-ui .date-field .calendar-heading input{width:66px;min-height:32px;height:32px;padding:4px;border:1px solid var(--ui-line);text-align:center;font-size:var(--ui-small-size)}
.site-ui .date-field .calendar-heading select{width:67px;min-height:32px;height:32px;padding:4px;font-size:var(--ui-small-size)}
.site-ui .calendar-panel button{color:var(--ui-ink);background:transparent;border:0;border-radius:var(--ui-radius);font-size:var(--ui-small-size);padding:0;min-width:0;line-height:1.5}
.site-ui .calendar-heading>button{width:32px;height:32px;font-size:24px}
.site-ui .calendar-week,.site-ui .calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
.site-ui .calendar-week{color:var(--ui-muted);font-size:var(--ui-small-size);margin-bottom:6px}
.site-ui .calendar-days button{height:34px;min-height:34px}
.site-ui .calendar-days button[aria-current=date]{box-shadow:inset 0 0 0 1px var(--ui-accent);color:var(--ui-accent)}
.site-ui .calendar-days button[aria-pressed=true]{background:var(--ui-accent);color:var(--ui-accent-ink)}
.site-ui .calendar-panel button:hover:not(:disabled){background:var(--ui-tint);color:var(--ui-accent)}
.site-ui .calendar-panel button:disabled{opacity:.35;cursor:default}
.site-ui .calendar-bottom{display:flex;gap:8px;justify-content:flex-end;border-top:1px solid var(--ui-line);padding-top:10px;margin-top:12px}
.site-ui .calendar-bottom button{padding:5px 9px}
.site-ui .calendar-bottom button:first-child{margin-right:auto}
.site-ui .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Site home is themed; authored landing content is never inside this scope. */
.site-ui .home-main .main .intro{background:var(--ui-hero);height:auto;min-height:500px;padding:100px 24px 64px;color:var(--ui-hero-ink)}
.site-ui .home-main .intro p{margin-top:24px;color:var(--ui-hero-ink);font-size:var(--ui-heading-size)}
.site-ui .home-main .intro h3{color:var(--ui-hero-ink);font-size:calc(var(--ui-title-size) * 1.25);font-family:var(--ui-heading-font);line-height:1.4}
.site-ui .home-main .intro a{background:var(--ui-accent);color:var(--ui-accent-ink);border:1px solid var(--ui-line);border-radius:var(--ui-radius);font-size:var(--ui-text-size)}
.site-ui .home-main .intro a span{color:inherit}
.site-ui .home-main .main :is(.main01,.main03,.main05,.main06,.home-articles){background:var(--ui-bg);color:var(--ui-ink);padding-top:var(--ui-page-space);padding-bottom:var(--ui-page-space)}
.site-ui .home-main .main :is(.main01,.main03,.main05,.main06,.home-articles) h3{font-size:var(--ui-heading-size);color:var(--ui-ink)}
.site-ui .home-main .main01 h3 strong,.site-ui .home-main .main06 h3 strong{color:var(--ui-accent);font-size:var(--ui-heading-size)}
.site-ui .home-main .main01 ul li{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-card-radius);color:var(--ui-ink);padding:20px 8px}
.site-ui .home-main .main01 ul li :is(p,h4){color:var(--ui-ink)}
.site-ui .home-main .main02 .lt{background:var(--ui-soft);color:var(--ui-ink)}
.site-ui .home-main .main02 .lt .box :is(h3,h4,p,strong){color:var(--ui-ink);font-family:var(--ui-heading-font)}
.site-ui .home-main .main02 input[type=text]{background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-line);border-radius:var(--ui-radius)}
.site-ui .home-main :is(.review-grid article,.article-grid article){background:var(--ui-surface);border:1px solid var(--ui-line);color:var(--ui-ink);border-radius:var(--ui-card-radius);box-shadow:var(--ui-shadow)}
.site-ui .home-main :is(.review-grid,.article-grid) :is(h4,p,a){color:var(--ui-ink);font-size:var(--ui-text-size)}
.site-ui .home-main .main04{background:var(--ui-bg);color:var(--ui-ink);padding:var(--ui-page-space) 0}
.site-ui .home-main .main04 h3.title{font-size:var(--ui-heading-size);color:var(--ui-ink)}
.site-ui .home-main .main04 h3.title span{color:var(--ui-accent)}
.site-ui .home-main .main04 .a_desc{color:var(--ui-muted);font-size:var(--ui-small-size)}
.site-ui :is(.learning_list,.gallery_list) .content_area :is(h1,.cont,.name,.category){color:var(--ui-ink);font-size:var(--ui-text-size)}
.site-ui :is(.learning_list,.gallery_list) .content_area :is(.cont,.name,.category){color:var(--ui-muted);font-size:var(--ui-small-size)}
.site-ui :is(.learning_list,.gallery_list)>li>a{background:var(--ui-surface);border-color:var(--ui-line);border-radius:var(--ui-card-radius);overflow:hidden}
.site-ui .home-main .sec5_box{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-card-radius);box-shadow:var(--ui-shadow)}
.site-ui .home-main .sec5_box .listinfo_txt{font-size:var(--ui-small-size);color:var(--ui-muted)}
.site-ui .home-main .sec5_box .listmain_txt{font-size:var(--ui-text-size);color:var(--ui-ink)}
.site-ui .home-main .main03 ul li h3{color:var(--ui-photo-ink);font-size:var(--ui-heading-size)}
/* Editor chrome only. Iframe document styles and diagram node data remain their own source. */
.site-ui .local-funnel,.site-ui .diagram-screen{background:var(--ui-bg);color:var(--ui-ink);font-family:var(--ui-font)}
.site-ui :is(.smart-top,.funnel-step-header,.diagram-screen>header){background:var(--ui-header);color:var(--ui-header-ink);border-bottom:1px solid var(--ui-line)}
.site-ui .local-funnel :is(.sidebar-nav,.funnel-step-settings,.funnel-template-grid article){background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-line)}
.site-ui .local-funnel :is(.sidebar-nav h3,.sidebar-nav h4,.sidebar-nav a,.funnel-step-header h1,.funnel-step-settings h2){color:var(--ui-ink)}
.site-ui .local-funnel .funnel-step-settings{border-radius:var(--ui-card-radius);padding:var(--ui-space)}
.site-ui .diagram-stage aside,.site-ui .diagram-screen footer,.site-ui .diagram-stage aside h3{background:var(--ui-surface);color:var(--ui-ink)}
.site-ui .diagram-screen header button{background:var(--ui-accent);color:var(--ui-accent-ink);border-color:var(--ui-accent);border-radius:var(--ui-radius)}
.site-ui :is(.gjs-one-bg,.gjs-two-bg){background-color:var(--ui-surface)}
.site-ui .gjs-two-color{color:var(--ui-ink)}
.site-ui .gjs-three-bg{background-color:var(--ui-accent);color:var(--ui-accent-ink)}
.site-ui .gjs-four-color,.site-ui .gjs-four-color-h:hover{color:var(--ui-accent)}
/* Layout recipes use tokens above; no duplicated preset palettes. */
.site-ui[data-layout=editorial] .sub_top .wrap{text-align:left;display:flex;flex-direction:column;justify-content:center;padding-top:0}
.site-ui[data-layout=editorial] .member-summary{left:auto;right:0;top:40px;border-radius:0;border-width:0 0 0 1px;background:transparent;width:290px}
.site-ui[data-layout=editorial] .home-main .intro{text-align:left;padding-left:max(24px,calc((100% - var(--ui-content-width))/2));padding-top:100px}
.site-ui[data-layout=editorial] .home-main .intro img{max-width:360px;filter:brightness(.4)}
.site-ui[data-layout=editorial] .dashboard-card{max-width:none;border-width:1px 0;box-shadow:none}
.site-ui[data-layout=editorial] .dashboard-person{background:var(--ui-soft);color:var(--ui-ink)}
.site-ui[data-layout=editorial] .dashboard-links{grid-template-columns:1fr 1fr}
.site-ui[data-layout=editorial] .dashboard-links>div:last-child{grid-column:1/-1}
.site-ui[data-layout=compact] .sub_top .wrap{text-align:left;padding-top:24px;display:flex;flex-direction:column;justify-content:center}
.site-ui[data-layout=compact] .member-summary{left:auto;right:0;top:16px;width:360px;background:var(--ui-soft)}
.site-ui[data-layout=compact] .work-area>.form_area,.site-ui[data-layout=compact] .work-area>form>.form_area{padding:var(--ui-space);background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-card-radius)}
.site-ui[data-layout=compact] .dashboard-card{max-width:none;min-height:200px}
.site-ui[data-layout=compact] .home-main .intro{min-height:400px;background:radial-gradient(ellipse at top right,var(--ui-tint),var(--ui-bg));padding-top:100px}
.site-ui[data-layout=compact] .site_header .logo img{filter:brightness(0) invert(1)}
.site-ui[data-layout=compact] .tabs a,.site-ui[data-layout=compact] .tabs button{border-radius:var(--ui-radius);border-bottom:1px solid var(--ui-line)}
.site-ui[data-layout=compact] .tabs{border:0;gap:8px}
/* Theme chooser and preview use the same preset tokens as the actual screens. */
.site-ui .theme-preview-bar{position:fixed;bottom:16px;right:16px;max-width:calc(100% - 32px);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);z-index:1500;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;background:var(--ui-accent);color:var(--ui-accent-ink);padding:10px 20px;font-size:var(--ui-small-size)}
.site-ui .theme-preview-bar :is(a,button){color:inherit;background:transparent;border:1px solid currentColor;border-radius:var(--ui-radius);padding:4px 10px;font-size:inherit}
.site-ui .appearance-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:var(--ui-space)}
.site-ui .appearance-intro h2{font-size:var(--ui-title-size);line-height:1.4;margin:10px 0 16px}
.site-ui .appearance-intro p{color:var(--ui-muted)}
.site-ui .eyebrow{font-size:var(--ui-small-size);letter-spacing:.15em;color:var(--ui-accent)}
.site-ui .theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-space)}
.site-ui .theme-card{overflow:hidden;border:1px solid var(--ui-line);border-radius:var(--ui-card-radius);background:var(--ui-surface)}
.site-ui .theme-card.selected{outline:2px solid var(--ui-accent);outline-offset:4px}
.site-ui .theme-card-copy{padding:var(--ui-space)}
.site-ui .theme-card-copy>div{display:flex;align-items:center;justify-content:space-between}
.site-ui .theme-card-copy h3{font-size:var(--ui-heading-size)}
.site-ui .theme-card-copy p{color:var(--ui-muted);min-height:3.5em;margin:12px 0 24px}
.site-ui .theme-card-copy .btn{width:100%;min-width:0}
.site-ui .theme-swatch{min-height:260px;background:var(--ui-bg);color:var(--ui-ink);font-family:var(--ui-font);margin:14px;border:1px solid var(--ui-line);border-radius:var(--ui-radius);overflow:hidden}
.site-ui .swatch-nav{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--ui-header);color:var(--ui-header-ink);border-bottom:1px solid var(--ui-line)}
.site-ui .swatch-nav b{margin-right:auto}
.site-ui .swatch-nav i{height:3px;width:25px;background:var(--ui-muted)}
.site-ui .swatch-hero{padding:26px 20px;text-align:center;background:var(--ui-hero);color:var(--ui-hero-ink)}
.site-ui .swatch-hero small{font:10px var(--ui-font);letter-spacing:.14em}
.site-ui .swatch-hero strong{display:block;margin-top:10px;font:600 21px/1.4 var(--ui-heading-font)}
.site-ui .swatch-body{display:flex;gap:8px;padding:16px}
.site-ui .swatch-body i{height:44px;flex:1;background:var(--ui-soft);border:1px solid var(--ui-line);border-radius:var(--ui-radius)}
.site-ui .theme-swatch[data-layout=editorial] .swatch-hero{text-align:left;padding-top:36px;padding-bottom:36px}
.site-ui .theme-swatch[data-layout=compact] .swatch-body{padding:12px}
.site-ui .theme-swatch[data-layout=compact] .swatch-hero{padding:20px}
.site-ui .appearance-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-top:32px;padding:var(--ui-space);border:1px solid var(--ui-line);border-radius:var(--ui-card-radius);background:var(--ui-surface)}
.site-ui .appearance-actions>div{display:flex;gap:10px;flex-wrap:wrap}
@media(min-width:1101px) and (hover:hover){.site-ui .site_header.menu-open .wrap{height:calc(var(--ui-header-height) + var(--ui-menu-height))}}
@media(max-width:1100px),(hover:none){
 .site-ui .site_header .wrap{width:calc(100% - 40px);height:var(--ui-header-height)}
 .site-ui .site_header .header-menu-toggle{top:calc((var(--ui-header-height) - 40px)/2)}
 .site-ui .site_header .site_nav{top:var(--ui-header-height);max-height:calc(100dvh - var(--ui-header-height));background:var(--ui-surface)}
 .site-ui .site_header.menu-open .site_nav{min-height:0}
 .site-ui .site_header .header-menu-panel{height:calc(100dvh - var(--ui-header-height))}
 .site-ui .site_header .site_nav .menu .mn_link span{height:auto;line-height:1.5;color:var(--ui-ink)}
 .site-ui .site_header .mobile-account-menu :is(a,button){color:var(--ui-ink)}
 .site-ui .theme-grid{gap:16px}
}
@media(max-width:900px){
 .site-ui .wrap,.site-ui .work-area{width:calc(100% - 32px)}
 .site-ui .member-summary{display:none}
 .site-ui .sub_top .wrap{display:flex;flex-direction:column;justify-content:center;padding-top:0}
 .site-ui .sub_top .wrap h1{font-size:min(36px,var(--ui-title-size))}
 .site-ui .message-editor{grid-template-columns:minmax(0,1fr)}
 .site-ui .theme-grid{grid-template-columns:1fr}
 .site-ui .theme-card{display:grid;grid-template-columns:1fr 1fr}
 .site-ui .appearance-intro{display:block}
 .site-ui .appearance-intro>.tag{margin-top:20px}
 .site-ui .form_area{padding-left:0}
 .site-ui .form-group{padding-top:var(--ui-row-space)!important;padding-bottom:var(--ui-row-space)!important}
 .site-ui .date-field input{font-size:16px}
 .site-ui .date-field .calendar-panel input{font-size:var(--ui-small-size)}
 .site-ui[data-layout=editorial] .dashboard-links{grid-template-columns:1fr}
 .site-ui .home-main .intro h3{font-size:32px}
 .site-ui .home-main .intro p{font-size:18px}
 .site-ui .appearance-intro h2{font-size:28px}
}
@media(max-width:540px){
 .site-ui .theme-card{display:block}
 .site-ui .appearance-actions .btn{min-width:0;padding:10px 16px}
 .site-ui .date-field{width:190px}
 .site-ui .date-time-field{width:275px}
 .site-ui .content_loc .loc{width:auto;min-width:100px;padding-right:24px}
 .site-ui .field-content>input[type=text],.site-ui .field-content>input[type=email]{min-width:0}
 .site-ui .home-main .main01 ul li{width:100%}
}
@media(prefers-reduced-motion:reduce){.site-ui *{scroll-behavior:auto!important;transition:none!important}}

.site-ui .editor-catalog-settings .appearance-actions{position:sticky;top:0;z-index:20;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius);padding:16px;margin:16px 0}.site-ui .editor-catalog-settings .appearance-actions p{margin:0}

/* Administrator-authored content follows the site theme, independently of landing canvases. */
.content-board-tabs{display:flex;gap:10px;flex-wrap:wrap;padding-block:24px}
.content-library .form_area input:not([type=checkbox]):not([type=file]),.content-library .form_area textarea{max-width:100%;width:100%}
.content-library .board-body{line-height:1.8;overflow-wrap:anywhere}
.content-library .board-body img,.content-library .board-body iframe{max-width:100%}
.content-library .board-body table{max-width:100%;border-collapse:collapse}
.content-library .board-body td,.content-library .board-body th{padding:8px;border:1px solid var(--ui-line)}
.content-library .content-article{max-width:960px;margin-inline:auto}
.content-library .content-article h2{font-size:var(--ui-heading-size,28px);line-height:1.45}
.content-preview{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.55);padding:24px;display:flex;justify-content:center;align-items:center}
.content-preview>div{width:min(1100px,100%);height:90vh;background:var(--ui-surface,#fff);padding:18px;border-radius:var(--ui-radius,12px);display:flex;flex-direction:column;gap:12px}
.content-preview iframe{width:100%;flex:1;border:0;background:white}
.content-library .text-link{text-align:left;color:var(--ui-accent);text-decoration:underline;background:none;border:0;cursor:pointer}
@media(max-width:700px){.content-library .form-actions{flex-wrap:wrap}.content-preview{padding:8px}.content-board-tabs .btn{white-space:normal}}