/* Shared free/paid frame. All inputs precede the month and result panels. */
#calendar-panel .pw-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
#calendar-panel .pw-settings{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:auto;max-height:none;overflow:visible;grid-column:1/-1}
#calendar-panel .pw-people{grid-column:1/-1}
#calendar-panel .pw-search{grid-column:1/-1}
#calendar-panel .pw-full-calendar,#calendar-panel .pw-results{grid-column:1/-1;min-width:0}
#calendar-panel .pw-section{margin:0;min-width:0}
#calendar-panel .hl-paid-person-empty .hl-paid-person-bar{display:block}
#calendar-panel .hl-paid-person-empty .hl-paid-add{display:block;width:100%;min-height:52px}
#calendar-panel .pw-public .pw-preview{margin:0;box-shadow:none;border:0;padding:0}
#calendar-panel .pw-public .pw-preview-header h2{font-size:18px}
#calendar-panel .pw-public .pw-preview-card:not(:first-child){display:none}
#calendar-panel .pw-public .pw-preview-body{display:block}
#calendar-panel .pw-public .pw-preview-people{display:block}
#calendar-panel .pw-public .pw-almanac{display:block}
@media(max-width:699px){#calendar-panel .pw-settings{grid-template-columns:minmax(0,1fr)}#calendar-panel .pw-section{grid-column:1/-1}}
/* Override the older desktop selector at matching specificity. */
body #calendar-panel{--pw-ink:#30271f;--pw-muted:#7d746c;--pw-accent:#956640;--pw-line:#e7ddd3;--pw-paper:#fffefa}
body #calendar-panel .pw .pw-layout,body #calendar-panel .pw.pw-wide .pw-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.35fr);gap:20px;align-items:start}
body #calendar-panel .pw .pw-settings,body #calendar-panel .pw.pw-wide .pw-settings{position:static;grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-height:none;overflow:visible}
body #calendar-panel .pw.pw-wide .pw-dates,body #calendar-panel .pw.pw-wide .pw-search{grid-column:1/-1}
body #calendar-panel .pw .pw-full-calendar,body #calendar-panel .pw.pw-wide .pw-full-calendar{grid-column:1;width:auto;max-width:none;margin:0;float:none}
body #calendar-panel .pw .pw-results,body #calendar-panel .pw.pw-wide .pw-results,body #calendar-panel .pw .pw-free-results{grid-column:2;width:auto;min-width:0;margin:0;float:none}
body #calendar-panel .pw #ls-month-calendar{max-width:none;width:100%;margin:0;box-sizing:border-box}
body #calendar-panel .pw .pw-free-results #hl-date-time-layout{display:grid;grid-template-columns:minmax(0,1fr);margin:0;gap:12px}
body #calendar-panel .pw .pw-free-results #hl-date-panel,body #calendar-panel .pw .pw-free-results #hl-hour-overview{min-width:0;margin:0;padding:16px;background:#fffdf8;border:1px solid #e2d4be;border-radius:10px}
body #calendar-panel .pw .pw-free-results .hl-summary-layout{grid-template-columns:1fr;margin:12px 0}
body #calendar-panel .pw .pw-free-results .hl-membership-card{display:none}
body #calendar-panel .pw .pw-almanac{margin-top:20px;padding:16px;background:#fffcf6;border:1px solid #e2d4be;border-radius:10px}
body #calendar-panel .pw .pw-preview-fields{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
body #calendar-panel .pw .pw-preview-header{margin:0 0 10px}body #calendar-panel .pw .pw-preview-header h2{font-size:16px}body #calendar-panel .pw .pw-preview-fields input,body #calendar-panel .pw .pw-preview-fields select{width:100%;box-sizing:border-box;min-width:0}
body #calendar-panel .pw .pw-preview-modes{display:none}
body #calendar-panel .pw .hl-paid-person-empty .hl-paid-person-bar{grid-column:1/-1}
body #calendar-panel .pw .hl-paid-person-empty .hl-paid-add{min-height:42px;border:1px dashed #bc9a70;background:#fffaf1;color:#88633e}
@media(max-width:850px){body #calendar-panel .pw .pw-layout,body #calendar-panel .pw.pw-wide .pw-layout{grid-template-columns:minmax(0,1fr)}body #calendar-panel .pw .pw-full-calendar,body #calendar-panel .pw .pw-results,body #calendar-panel .pw .pw-free-results{grid-column:1/-1}body #calendar-panel .pw .pw-preview-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
body #calendar-panel .pw .pw-settings,body #calendar-panel .pw.pw-wide .pw-settings{grid-row:1;order:0}
body #calendar-panel .pw .pw-full-calendar,body #calendar-panel .pw.pw-wide .pw-full-calendar{grid-row:2;order:1}
body #calendar-panel .pw .pw-results,body #calendar-panel .pw.pw-wide .pw-results,body #calendar-panel .pw .pw-free-results{grid-row:2;order:2}
body #calendar-panel .pw .hl-overview,body #calendar-panel .pw .hl-summary-card{background:#fffdf8;border-color:#e2d4be}
@media(max-width:850px){body #calendar-panel .pw .pw-full-calendar,body #calendar-panel .pw.pw-wide .pw-full-calendar{grid-row:2}body #calendar-panel .pw .pw-results,body #calendar-panel .pw.pw-wide .pw-results,body #calendar-panel .pw .pw-free-results{grid-row:3}}

/* v5: one coherent free/member workspace; all input controls stay above results. */
body #calendar-panel{--pw-ink:#153d42;--pw-muted:#7d786b;--pw-accent:#9d793e;--pw-line:#ded0b8;--pw-paper:#fffdf8}
body #calendar-panel .pw{max-width:1560px;margin:20px auto;background:linear-gradient(125deg,#fffdf7,#f7f4eb);border:1px solid #d7c3a0;border-radius:14px;padding:22px}
body #calendar-panel .pw .pw-intro{padding:10px 2px 20px;margin-bottom:12px;border-bottom:1px solid #d9c59e}
body #calendar-panel .pw .pw-intro h1{color:#153d42;font-family:KaiTi,STKaiti,serif}
body #calendar-panel .pw .pw-settings,body #calendar-panel .pw.pw-wide .pw-settings{grid-template-columns:1fr 1fr;gap:12px;padding:16px;border:1px solid #ddc9aa;background:#fffcf5;border-radius:12px}
body #calendar-panel .pw .pw-people{grid-column:1/-1;grid-row:1;order:0}
body #calendar-panel .pw.pw-wide .pw-matters{grid-column:1;grid-row:2;order:1;display:block}
body #calendar-panel .pw.pw-wide .pw-zodiacs{grid-column:2;grid-row:2;order:2;display:block}
body #calendar-panel .pw.pw-wide .pw-dates{grid-column:1/-1;grid-row:3;order:3}
body #calendar-panel .pw .pw-search{grid-column:1/-1;grid-row:4;order:4;background:#17474b;color:#fff4d7;border:1px solid #b89659;border-radius:8px;min-height:44px}
body #calendar-panel .pw .pw-section{background:#fffef9;border-color:#dfcfb6;border-radius:8px}
body #calendar-panel .pw.pw-wide .pw-matters>summary,body #calendar-panel .pw.pw-wide .pw-zodiacs>summary,body #calendar-panel .pw.pw-wide .pw-dates>summary{display:flex;margin-bottom:12px}
body #calendar-panel .pw.pw-wide #hl-activity-picker{display:block;width:100%;padding:0}
body #calendar-panel .pw.pw-wide #hl-activity-picker .hl-popular-activities{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
body #calendar-panel .pw.pw-wide #hl-activity-picker .hl-popular-activity{flex:0 1 calc(25% - 6px);min-width:65px}
body #calendar-panel .pw .pw-zodiacs #hl-zodiac-filter{display:block;padding:0;width:100%}
body #calendar-panel .pw .pw-zodiacs .hl-zodiac-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
body #calendar-panel .pw .hl-paid-person-empty{border:0;background:transparent;min-height:0;padding:6px 0}
body #calendar-panel .pw .hl-paid-person-empty .hl-paid-add{width:auto;min-width:170px;padding:10px 20px;border-radius:8px}
body #calendar-panel .pw .pw-full-calendar,body #calendar-panel .pw .pw-results,body #calendar-panel .pw .pw-free-results{border-radius:12px}
body #calendar-panel .pw .pw-almanac{background:#fffaf0;border-color:#ddc9a9}
@media(max-width:850px){body #calendar-panel .pw{padding:14px 10px}body #calendar-panel .pw .pw-settings,body #calendar-panel .pw.pw-wide .pw-settings{grid-template-columns:1fr;padding:10px}body #calendar-panel .pw .pw-section,body #calendar-panel .pw.pw-wide .pw-section{grid-column:1/-1;grid-row:auto}body #calendar-panel .pw .pw-search{grid-row:auto}body #calendar-panel .pw .pw-preview-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}

body #calendar-panel .pw #hl-date-time-layout #hl-hour-overview,body #calendar-panel .pw #hl-selection-summary,body #calendar-panel .pw #ls-huangli{background:#fffdf7;border-color:#dfcdb0;color:#25464a}
body #calendar-panel .pw #hl-date-time-layout #hl-hour-overview .hl-compact-grid.hl-time-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:112px;gap:8px;min-width:0}
body #calendar-panel .pw #hl-date-time-layout #hl-hour-overview .hl-time-card{height:112px;min-height:112px;max-height:112px;background:#fffaf0;border-color:#dfcfb4;border-radius:8px}
body #calendar-panel .pw #hl-date-time-layout #hl-hour-overview .hl-time-card>.hl-time-name{font-size:20px;color:#20484c}
body #calendar-panel .pw #hl-date-time-layout #hl-hour-overview .hl-compact-hour.hl-time-segment[aria-pressed=true]{border:2px solid #92703d;background:#f0dfbb}
body #calendar-panel .pw .hl-summary-layout .hl-summary-card{min-height:0;background:#fffaf0;border-color:#dfcfb4}
body #calendar-panel .pw .pw-people .pw-preview-note{margin:5px 0 8px;font-size:12px}
body #calendar-panel .pw .pw-people .pw-preview-card{padding:8px 10px}
body #calendar-panel .pw .pw-people .pw-preview-card h3{display:none}
body #calendar-panel .pw .pw-preview-header p{margin:2px 0}
@media(max-width:600px){body #calendar-panel .pw #hl-date-time-layout #hl-hour-overview .hl-compact-grid.hl-time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

body #calendar-panel .pw .hl-paid-person-status:empty{display:none}body #calendar-panel .pw .hl-paid-person-empty{padding:0}body #calendar-panel .pw .hl-paid-person-empty .hl-paid-person-bar{margin:0}
@media(min-width:1150px){
 body #calendar-panel .pw .pw-settings,body #calendar-panel .pw.pw-wide .pw-settings{grid-template-columns:1fr .85fr 1.2fr}
 body #calendar-panel .pw.pw-wide .pw-matters{grid-column:1;grid-row:2}
 body #calendar-panel .pw.pw-wide .pw-zodiacs{grid-column:2;grid-row:2}
 body #calendar-panel .pw.pw-wide .pw-dates{grid-column:3;grid-row:2}
 body #calendar-panel .pw.pw-wide .pw-search{grid-row:3}
 body #calendar-panel .pw.pw-wide .pw-date-body{grid-template-columns:1fr;gap:12px}
 body #calendar-panel .pw.pw-wide #hl-activity-picker .hl-popular-activity{flex-basis:calc(50% - 4px)}
 body #calendar-panel .pw .pw-zodiacs .hl-zodiac-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
}

/* v6: dates first, compact hours below; activity expansion never changes flow. */
body #calendar-panel .pw-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
body #calendar-panel .pw-hours{grid-column:1/-1;grid-row:3;min-width:0}
body #calendar-panel .pw-free-results #hl-date-time-layout{display:block}
body #calendar-panel .pw .hl-date-lunar{font-size:clamp(25px,2.2vw,36px)}
body #calendar-panel .pw .hl-date-solar{font-size:28px;margin:12px 0}
body #calendar-panel .pw .hl-date-week{font-size:22px;margin-bottom:20px}
body #calendar-panel .pw .cal-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
body #calendar-panel .pw .cal-pillar{padding:16px 4px;min-height:60px;text-align:center;border:1px solid #ddcdb5;border-top:3px solid #65959c;border-radius:10px;background:#f1f7f7}
body #calendar-panel .pw .cal-pillar:nth-child(2){border-top-color:#68977f;background:#f2f8ef}body #calendar-panel .pw .cal-pillar:nth-child(3){border-top-color:#c59a50;background:#fff8e9}body #calendar-panel .pw .cal-pillar:nth-child(4){border-top-color:#9682b0;background:#f8f4fa}
body #calendar-panel .pw .cal-value{font-size:22px}
body #calendar-panel #hl-paid-workspace .pw-hours #hl-hour-overview{padding:14px;margin:0;background:#fffdf7;border:1px solid #e6dac5;border-radius:12px}
body #calendar-panel #hl-paid-workspace .pw-hours #hl-hour-overview .hl-time-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
body #calendar-panel #hl-paid-workspace .pw-hours #hl-hour-overview .hl-time-card{min-height:66px;height:auto;padding:8px;min-width:0}
body #calendar-panel #hl-paid-workspace .pw-hours #hl-hour-overview .hl-time-name{font-size:16px;margin:0 0 4px}
body #calendar-panel #hl-paid-workspace .pw-hours #hl-hour-overview .hl-time-segment{min-height:24px;padding:3px;font-size:12px}
body #calendar-panel .pw .pw-hour-choice{min-height:65px;padding:5px}body #calendar-panel .pw .pw-hour-tile{padding:6px}
body #calendar-panel .pw .hl-popular-activities{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
body #calendar-panel .pw .hl-popular-activities button{min-height:27px;padding:4px 6px;font-size:13px}
body #calendar-panel .pw #hl-zodiac-filter{padding:4px}body #calendar-panel .pw #hl-zodiac-filter label{padding:3px;font-size:13px}
body #calendar-panel .pw-matter-popup{position:fixed;margin:0;padding:18px;max-width:calc(100vw - 32px);max-height:340px;overflow:auto;background:#fffdf6;border:1px solid #c6ad82;border-radius:14px;box-shadow:0 14px 55px #153c3b33;color:#214e50}
body #calendar-panel .pw-matter-popup::backdrop{background:#163d3d18}body #calendar-panel .pw-matter-popup header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
body #calendar-panel .pw-popup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}body #calendar-panel .pw-popup-grid button{padding:7px;min-height:34px}
#calendar-time-rule{display:none!important}
@media(min-width:1150px){body #calendar-panel .pw-settings{grid-template-columns:minmax(0,1.5fr) minmax(0,.55fr) minmax(0,1fr)}}
@media(max-width:850px){body #calendar-panel .pw-layout{grid-template-columns:minmax(0,1fr)}body #calendar-panel .pw-hours{grid-row:4}body #calendar-panel #hl-paid-workspace .pw-hours #hl-hour-overview .hl-time-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body #calendar-panel .pw .cal-value{font-size:18px}body #calendar-panel .pw .hl-popular-activities button{min-height:34px}body #calendar-panel .pw-popup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
body #calendar-panel #hl-paid-workspace .pw-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
body #calendar-panel #hl-paid-workspace #hl-activity-picker .hl-popular-activities{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
body #calendar-panel #hl-paid-workspace #hl-activity-picker .hl-popular-activity{height:28px;min-height:28px;padding:3px 6px!important;font-size:14px!important}
body #calendar-panel #hl-paid-workspace .pw-hours .hl-time-grid{grid-auto-rows:auto}
body #calendar-panel #hl-paid-workspace .pw-hours .hl-time-card:nth-child(7){grid-column:auto}
body #calendar-panel #hl-paid-workspace .pw-hours .hl-time-card .hl-time-segments{min-height:0;height:auto;flex:0}
body #calendar-panel #hl-paid-workspace .pw-hours .hl-time-card .hl-time-segment{height:auto;min-height:26px;flex:0}
body #calendar-panel #hl-paid-workspace .pw-hours .hl-time-card{max-height:none;justify-content:start;gap:4px}
body #calendar-panel #hl-paid-workspace .pw-hours .hl-hours{padding:0;margin:0}
@media(min-width:1150px){body #calendar-panel #hl-paid-workspace .pw-settings{grid-template-columns:minmax(0,1.5fr) minmax(0,.55fr) minmax(0,1fr)}}
@media(max-width:850px){body #calendar-panel #hl-paid-workspace .pw-layout{grid-template-columns:minmax(0,1fr)}body #calendar-panel #hl-paid-workspace #hl-activity-picker .hl-popular-activity{height:34px;min-height:34px}}
body #calendar-panel #hl-paid-workspace #hl-activity-picker .hl-popular-activities{display:grid}
body #calendar-panel #hl-paid-workspace #hl-activity-picker .hl-popular-activity{width:100%;max-width:none}
body #calendar-panel #hl-paid-workspace .pw-hours #hl-hour-overview .hl-time-segments{flex:0 0 auto}
body #calendar-panel #hl-paid-workspace .pw-hours #hl-hour-overview .hl-time-name{flex:0 0 auto}
body #calendar-panel #hl-paid-workspace .pw-hours #hl-hour-overview .hl-time-segment{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:32px;height:auto}
body #calendar-panel #hl-paid-workspace .pw-hours .hl-hour-detail{background:#fffaf0;border:1px solid #dfcfb4;border-radius:10px;padding:14px}
body #calendar-panel #hl-paid-workspace .pw-hours .hl-hour-detail h3{margin:0 0 8px;font-size:20px}

/* v7: one reading path, one date detail, always-open almanac. */
body #calendar-panel #hl-paid-workspace .pw-layout{display:flex;flex-direction:column;gap:20px;align-items:stretch}
body #calendar-panel #hl-paid-workspace .pw-layout>*,body #calendar-panel #hl-paid-workspace .pw-full-calendar{width:100%;max-width:none;margin:0;box-sizing:border-box;order:initial}
body #calendar-panel #hl-paid-workspace #ls-month-calendar{width:100%;max-width:none;margin:0;box-sizing:border-box}
body #calendar-panel #hl-paid-workspace .pw-almanac{padding:0;border:0;background:none}
body #calendar-panel #hl-paid-workspace #ls-huangli{margin:0;padding:24px;background:#fffdf8;border:1px solid #e2d6c1;border-radius:12px}
body #calendar-panel #hl-paid-workspace #ls-huangli .hl-date-block{margin:12px 0 20px}
body #calendar-panel #hl-paid-workspace #ls-huangli .cal-pillars{max-width:900px}
body #calendar-panel #hl-paid-workspace #result:empty{display:none}
body #calendar-panel #hl-paid-workspace .pw-copy-area{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.35fr);gap:16px;align-items:start}
body #calendar-panel #hl-paid-workspace .pw-free-results,body #calendar-panel #hl-paid-workspace .pw-results{grid-column:1;grid-row:1;width:100%;border:0;padding:0;margin:0}
body #calendar-panel #hl-paid-workspace .pw-copy-area>.hl-membership-card{display:block;grid-column:2;grid-row:1;margin:0;padding:22px;border:1px solid #d4b77d;border-radius:12px;background:linear-gradient(140deg,#fffaf0,#f7e8c7)}
body #calendar-panel #hl-paid-workspace .hl-subscribe-button{background:linear-gradient(120deg,#9a6c2f,#c3954a);color:white;border:0;border-radius:8px;padding:12px 20px;font-size:16px}
body #calendar-panel #hl-paid-workspace #hl-multi-day-query{grid-column:1/-1;grid-row:2}
body #calendar-panel #hl-paid-workspace .pw-copy-block{padding:18px;border:1px solid #e2d6c1;border-radius:10px;margin:12px 0;background:#fffdf8}
body #calendar-panel #hl-paid-workspace .pw-copy-block header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
body #calendar-panel #hl-paid-workspace .pw-copy-block pre{white-space:pre-wrap;font:inherit;line-height:1.8}
body #calendar-panel #hl-paid-workspace .pw-terms{border-top:1px solid #e2d6c1;padding-top:20px}
body #calendar-panel #hl-paid-workspace .pw-terms #calendar-terms-bottom{margin:0}
body #calendar-panel #hl-paid-workspace .pw-hours .hl-hour-detail{display:grid;grid-template-columns:minmax(150px,.3fr) minmax(0,1fr);gap:12px;align-items:start}
body #calendar-panel #hl-paid-workspace .pw-hours .hl-hour-detail:has(>h3){display:block}
body #calendar-panel #hl-paid-workspace .pw-hour-detail .hl-suitability-section{margin:0}
@media(max-width:700px){body #calendar-panel #hl-paid-workspace .pw-copy-area{grid-template-columns:minmax(0,1fr)}body #calendar-panel #hl-paid-workspace .pw-copy-area>.hl-membership-card{grid-column:1;grid-row:2}body #calendar-panel #hl-paid-workspace #hl-multi-day-query{grid-row:3}body #calendar-panel #hl-paid-workspace .pw-hours .hl-hour-detail{display:block}body #calendar-panel #hl-paid-workspace #ls-huangli{padding:16px 12px}body #calendar-panel #hl-paid-workspace #ls-huangli .hl-three{grid-template-columns:1fr}}
body #calendar-panel #hl-paid-workspace .pw-hours #hl-hour-overview .hl-compact-grid.hl-time-grid{width:100%;min-width:0;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:auto}
body #calendar-panel #hl-paid-workspace .pw-hours #hl-hour-overview .hl-time-card{min-width:0;min-height:76px;height:auto;max-height:none}
body #calendar-panel #hl-paid-workspace .pw-hours #hl-hour-overview .hl-time-card .hl-hour-range{font-size:13px;white-space:normal;line-height:1.3}
@media(min-width:700px) and (max-width:1149px){
 body #calendar-panel #hl-paid-workspace .pw-settings{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
 body #calendar-panel #hl-paid-workspace .pw-people{grid-column:1/-1;grid-row:1}
 body #calendar-panel #hl-paid-workspace .pw-matters{grid-column:1;grid-row:2}
 body #calendar-panel #hl-paid-workspace .pw-zodiacs{grid-column:2;grid-row:2}
 body #calendar-panel #hl-paid-workspace .pw-dates{grid-column:1/-1;grid-row:3}
 body #calendar-panel #hl-paid-workspace .pw-search{grid-column:1/-1;grid-row:4}
 body #calendar-panel #hl-paid-workspace .pw-preview-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
 body #calendar-panel #hl-paid-workspace .pw-zodiacs .hl-zodiac-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
}
@media(min-width:700px) and (max-width:900px){body #calendar-panel #hl-paid-workspace .pw-hours #hl-hour-overview .hl-compact-grid.hl-time-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:699px){
 body #calendar-panel #hl-paid-workspace .pw-hours #hl-hour-overview .hl-compact-grid.hl-time-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 body #calendar-panel #hl-paid-workspace .pw-hours #hl-hour-overview .hl-time-name{font-size:15px}
 body #calendar-panel #hl-paid-workspace .pw-hours #hl-hour-overview .hl-time-card{padding:6px 2px}
 body #calendar-panel #hl-paid-workspace .pw-hours #hl-hour-overview .hl-time-card .hl-hour-range{font-size:11px}
 body #calendar-panel #hl-paid-workspace #ls-huangli .hl-label{font-size:15px}
 body #calendar-panel #hl-paid-workspace #ls-huangli .hl-value,body #calendar-panel #hl-paid-workspace #ls-huangli .hl-tagline p{font-size:18px;line-height:1.65}
 body #calendar-panel #hl-paid-workspace #ls-huangli .hl-date-lunar{font-size:23px}
 body #calendar-panel #hl-paid-workspace #ls-huangli .hl-date-solar{font-size:25px}
 body #calendar-panel #hl-paid-workspace #ls-huangli .hl-cell{padding:10px}
}
body #calendar-panel #hl-paid-workspace .pw-people{order:0}
body #calendar-panel #hl-paid-workspace .pw-matters{order:1}
body #calendar-panel #hl-paid-workspace .pw-zodiacs{order:2}
body #calendar-panel #hl-paid-workspace .pw-dates{order:3}
body #calendar-panel #hl-paid-workspace .pw-search{order:4}

/* v8: compact date heading and a single full-width copy card. */
body #calendar-panel #hl-paid-workspace{--calendar-date-size:22px}
body #calendar-panel #hl-paid-workspace #ls-huangli .hl-date-lunar,
body #calendar-panel #hl-paid-workspace #ls-huangli .hl-date-solar,
body #calendar-panel #hl-paid-workspace #ls-huangli .hl-date-week,
body #calendar-panel #hl-paid-workspace #ls-huangli .cal-value{font-size:var(--calendar-date-size);line-height:1.5}
body #calendar-panel #hl-paid-workspace #ls-huangli .hl-header h2{margin:0}
body #calendar-panel #hl-paid-workspace #ls-huangli .hl-header{margin:0 0 8px}
body #calendar-panel #hl-paid-workspace #ls-huangli .hl-status:empty{display:none}
body #calendar-panel #hl-paid-workspace #ls-huangli .hl-date-block{margin:0 0 16px}
body #calendar-panel #hl-paid-workspace #ls-huangli .hl-date-lunar,
body #calendar-panel #hl-paid-workspace #ls-huangli .hl-date-solar,
body #calendar-panel #hl-paid-workspace #ls-huangli .hl-date-week{margin:2px 0}
body #calendar-panel #hl-paid-workspace .pw-hours .hl-hour-detail{display:block}
body #calendar-panel #hl-paid-workspace .pw-hours .hl-hour-suitability{margin:0}
body #calendar-panel #hl-paid-workspace .pw-copy-area{padding:22px;border:1px solid #ddcdb6;border-radius:12px;background:#fffdf7;gap:18px}
body #calendar-panel #hl-paid-workspace .pw-copy-area #hl-selection-summary{margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
body #calendar-panel #hl-paid-workspace .pw-copy-area>.hl-membership-card{margin:0;padding:18px;border:0;border-radius:10px}
body #calendar-panel #hl-paid-workspace .pw-copy-area #hl-multi-day-query{margin:0}
@media(max-width:850px){body #calendar-panel #hl-paid-workspace{--calendar-date-size:18px}}
@media(max-width:700px){body #calendar-panel #hl-paid-workspace .pw-copy-area{padding:14px;gap:16px}body #calendar-panel #hl-paid-workspace .pw-copy-area>.hl-membership-card{text-align:left;padding:14px}body #calendar-panel #hl-paid-workspace .pw-copy-area .hl-subscribe-button{width:auto}}

/* v9: lunar month/day followed by four pillars. */
body #calendar-panel #hl-paid-workspace #ls-huangli .hl-date-block{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:24px;margin:0 0 20px}
body #calendar-panel #hl-paid-workspace #ls-huangli .hl-date-lunar{font-size:30px;line-height:1.3;font-weight:700;margin:0;white-space:nowrap}
body #calendar-panel #hl-paid-workspace #ls-huangli .cal-pillars{margin:0;max-width:none;gap:12px}
body #calendar-panel #hl-paid-workspace #ls-huangli .cal-pillar{padding:12px 4px;min-height:68px;display:flex;align-items:center;justify-content:center}
body #calendar-panel #hl-paid-workspace #ls-huangli .cal-value{font-size:32px;line-height:1.3;white-space:nowrap}
@media(min-width:601px) and (max-width:1000px){body #calendar-panel #hl-paid-workspace #ls-huangli .hl-date-block{gap:14px}body #calendar-panel #hl-paid-workspace #ls-huangli .hl-date-lunar{font-size:24px}body #calendar-panel #hl-paid-workspace #ls-huangli .cal-value{font-size:26px}body #calendar-panel #hl-paid-workspace #ls-huangli .cal-pillars{gap:8px}}
@media(max-width:600px){body #calendar-panel #hl-paid-workspace #ls-huangli .hl-date-block{grid-template-columns:minmax(0,1fr);gap:12px}body #calendar-panel #hl-paid-workspace #ls-huangli .hl-date-lunar{font-size:24px}body #calendar-panel #hl-paid-workspace #ls-huangli .cal-pillars{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body #calendar-panel #hl-paid-workspace #ls-huangli .cal-value{font-size:26px}body #calendar-panel #hl-paid-workspace #ls-huangli .cal-pillar{min-height:56px;padding:10px 4px}}