/* 0.3.9 — packing workspace; scoped to avoid changing article templates. */
body.ht-pack-page .ht-inner { box-sizing: border-box; width: 100%; max-width: none; padding: 24px clamp(16px, 3vw, 48px) 64px; }
body.ht-pack-page .ht-inner > .entry-content { box-sizing: border-box; width: 100%; max-width: 1280px; margin-inline: auto; padding-inline: 0; }
body.ht-pack-page .entry-content > :has(.kt-tr-app),
body.ht-pack-page .entry-content :where(.wp-block-group):has(.kt-tr-app) { width: 100%; max-width: none; padding-inline: 0; }
body.ht-pack-page .entry-content .kt-tr-app { width: 100%; max-width: none; margin: 0 auto; font-family: var(--wp--preset--font-family--sans, Arial, sans-serif); }
body.ht-pack-page .kt-tr-layout { grid-template-columns: 320px minmax(0, 1fr); gap: 32px; padding: 28px clamp(16px, 3vw, 40px) 36px; }
body.ht-pack-page .kt-tr-panel,
body.ht-pack-page .kt-tr-list { min-width: 0; padding: 26px; }
body.ht-pack-page .kt-tr-panel label { font-size: 14px; }
body.ht-pack-page .kt-tr-panel :is(input, select) { min-height: 48px; font-size: 16px; }
body.ht-pack-page .kt-tr-item { font-size: 16px; line-height: 1.6; }
body.ht-pack-page .kt-tr-item span { overflow-wrap: anywhere; }
body.ht-pack-page .kt-tr-item input { margin-top: 4px; }
body.ht-pack-page .kt-tr-hero h2 { font-size: clamp(32px, 4vw, 56px); letter-spacing: -.04em; }
body.ht-pack-page .kt-tr-top h3 { font-size: clamp(23px, 2.5vw, 30px); line-height: 1.2; }
body.ht-pack-page .kt-tr-count { font-variant-numeric: tabular-nums; }
body.ht-pack-page .kt-tr-actions button { min-height: 44px; }
@media (max-width: 899px) {
    body.ht-pack-page .kt-tr-layout { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
@media (max-width: 599px) {
    body.ht-pack-page .ht-inner { padding-top: 16px; }
    body.ht-pack-page .kt-tr-layout { padding: 20px 12px; }
    body.ht-pack-page :is(.kt-tr-panel, .kt-tr-list) { padding: 18px; border-radius: 12px; }
    body.ht-pack-page .kt-tr-top { gap: 10px; }
    body.ht-pack-page .kt-tr-item-row { flex-wrap: wrap; gap: 0; }
    body.ht-pack-page .kt-tr-item { flex-basis: 100%; }
    body.ht-pack-page .kt-tr-item-links { width: 100%; padding-bottom: 10px; }
    body.ht-pack-page .kt-tr-actions { flex-direction: column; }
    body.ht-pack-page .kt-tr-actions button { width: 100%; }
    body.ht-pack-page .kt-tr-brand-title { white-space: normal; }
}


/* Independent mobile dialog: no WordPress overlay selectors or reactive state. */
.ht-drawer-toggle, .ht-menu-extras { display: none; }
.ht-drawer { display: none; }
.ht-drawer[open] { display: block; position: fixed; inset: 0; box-sizing: border-box; width: 100%; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0; border: 0; background: transparent; color: #26372e; overflow: hidden; font-family: var(--wp--preset--font-family--sans, Arial, sans-serif); }
.ht-drawer::backdrop { background: rgba(12,27,21,.6); }
.ht-drawer *, .ht-drawer *::before, .ht-drawer *::after { box-sizing: border-box; }
.ht-drawer__panel { width: min(86vw,360px); height: 100%; background: #fff; overflow-y: auto; overscroll-behavior: contain; box-shadow: 8px 0 32px #0002; }
.ht-drawer__header { display: flex; align-items: center; justify-content: space-between; min-height: 64px; background: #f3f8f5; }
.ht-drawer__header > a { display: inline-flex; align-items: center; margin-left: 22px; margin-right: 16px; color: #12372a; font-size: 16px; text-decoration: none; }
.ht-drawer__header img { display: block; width: 142px; max-width: 100%; height: auto; max-height: 44px; object-fit: contain; }
.ht-drawer__close { flex: 0 0 52px; align-self: stretch; min-height: 64px; padding: 0; border: 0; border-radius: 0; background: #12372a; color: #fff; font: 300 30px/1 Arial,sans-serif; cursor: pointer; }
.ht-drawer__content { padding: 10px 22px max(28px,env(safe-area-inset-bottom)); }
.ht-drawer :is(.ht-drawer__links,.ht-drawer__submenu,.ht-menu-posts) { display: block; padding: 0; margin: 0; list-style: none; }
.ht-drawer__links > li { border-bottom: 1px solid #e8ece8; margin: 0; }
.ht-drawer__row { display: flex; align-items: stretch; width: 100%; }
.ht-drawer__row > a { display: flex; align-items: center; flex: 1; min-width: 0; min-height: 50px; padding: 12px 0; color: #26372e; text-decoration: none; font-size: 14px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
.ht-drawer__expand { flex: 0 0 44px; min-height: 50px; padding: 0 2px; border: 0; background: transparent; color: #748078; text-align: right; font: 400 20px/1 Arial,sans-serif; cursor: pointer; }
.ht-drawer .ht-drawer__submenu { padding: 0 0 8px 12px; }
.ht-drawer [hidden] { display: none !important; }
.ht-drawer__submenu .ht-drawer__row > a { min-height: 44px; padding: 10px 8px; font-size: 13px; font-weight: 400; }
.ht-drawer .ht-menu-extras { display: grid; gap: 22px; margin-top: 26px; }
.ht-drawer .ht-menu-card { margin: 0; padding: 20px 16px; border-radius: 9px; background: #f3f8f5; }
.ht-drawer .ht-menu-card h2 { margin: 0 0 16px; font: 700 12px/1.5 var(--wp--preset--font-family--sans,Arial,sans-serif); text-transform: uppercase; letter-spacing: .1em; text-align: center; color: #26372e; }
.ht-drawer .ht-menu-card h2::after { content: ''; display: block; width: 24px; height: 2px; margin: 10px auto 0; background: #e8a317; }
.ht-drawer .ht-menu-signup { display: flex; min-width: 0; }
.ht-drawer .ht-menu-signup input { width: 0; flex: 1; min-width: 0; min-height: 48px; padding: 12px; border: 1px solid #e4eae5; border-right: 0; border-radius: 6px 0 0 6px; background: #fff; color: #26372e; font-family: inherit; font-size: 16px; line-height: 1.5; }
.ht-drawer .ht-menu-signup button { flex: 0 0 48px; padding: 12px; border: 0; border-radius: 0 6px 6px 0; background: #12372a; color: #fff; cursor: pointer; }
.ht-drawer .ht-menu-signup svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linejoin: round; }
.ht-drawer .ht-menu-consent { display: flex; align-items: flex-start; gap: 7px; margin-top: 12px; color: #5b6d60; font-size: 11px; line-height: 1.5; }
.ht-drawer .ht-menu-consent input { flex: 0 0 auto; width: 16px; height: 16px; margin: 0; accent-color: #12372a; }
.ht-drawer .ht-menu-posts li + li { border-top: 1px dashed #dce4dd; }
.ht-drawer .ht-menu-posts a { display: flex; align-items: center; min-height: 44px; padding: 12px 0; text-decoration: none; font-size: 13px; line-height: 1.6; font-weight: 500; color: #26372e; }
.ht-drawer :is(a,button,input):focus-visible { outline: 2px solid #12372a; outline-offset: -2px; }
html.ht-menu-open { overflow: hidden; }
@media (max-width: 999px) {
    .ht-header .ht-nav--drawer-ready { display: none !important; }
    .ht-header .ht-header__actions { display: none !important; }
    .ht-drawer-toggle { display: inline-flex; align-items: center; justify-content: center; margin-left: auto; width: 44px; height: 44px; flex: 0 0 44px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: #12372a; font: 24px/1 Arial,sans-serif; cursor: pointer; }
}
@media (prefers-reduced-motion: no-preference) {
    .ht-drawer[open] .ht-drawer__panel { animation: ht-drawer-enter .2s ease-out; }
    @keyframes ht-drawer-enter { from { transform: translateX(-100%); } to { transform: translateX(0); } }
}