/* Booking service front end. Phone first; colours follow the theme via custom properties. */
.sy{--sy-p:var(--wp--preset--color--primary,#0e7c66);--sy-pd:var(--wp--preset--color--primary-dark,#0a5e4d);--sy-a:var(--wp--preset--color--accent,#ffb547);--sy-ink:var(--wp--preset--color--contrast,#13201e);--sy-mut:#5d6b68;--sy-line:#e3e8e6;--sy-bg:var(--wp--preset--color--base,#fff);--sy-soft:#f3f7f5;--sy-r:14px;--sy-sh:0 1px 2px rgba(16,32,30,.06),0 4px 16px rgba(16,32,30,.06);color:var(--sy-ink);font-size:16px;line-height:1.55}
.sy *,.sy *::before,.sy *::after{box-sizing:border-box}
.sy a{color:var(--sy-p)}
.sy img{max-width:100%;height:auto}
.sy-h1{font-size:clamp(1.6rem,4.5vw,2.4rem);line-height:1.15;margin:0 0 .3em;letter-spacing:-.02em}
.sy-h2{font-size:clamp(1.25rem,3vw,1.6rem);line-height:1.2;margin:0 0 .7em;letter-spacing:-.01em}
.sy h3{font-size:1.05rem;margin:0 0 .6em}
.sy-muted{color:var(--sy-mut)}.sy-small{font-size:.875rem}.sy-center{text-align:center;max-width:680px;margin:0 auto 24px}
.sy-narrow{max-width:520px;margin:24px auto}
.sy-sec{margin:36px 0}.sy-sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.sy-card{background:var(--sy-bg);border:1px solid var(--sy-line);border-radius:var(--sy-r);padding:18px;margin:0 0 16px;box-shadow:var(--sy-sh)}
.sy-box{border:1px dashed var(--sy-line);border-radius:10px;padding:12px;margin:10px 0}
.sy-empty{padding:22px;text-align:center;color:var(--sy-mut);background:var(--sy-soft);border-radius:var(--sy-r);margin:12px 0}
/* Buttons */
.sy-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid var(--sy-line);background:var(--sy-bg);color:var(--sy-ink)!important;font:inherit;font-weight:600;text-decoration:none!important;cursor:pointer;transition:transform .08s,background .15s,box-shadow .15s;white-space:nowrap}
.sy-btn:hover{background:var(--sy-soft)}.sy-btn:active{transform:translateY(1px)}
.sy-btn.is-main{background:var(--sy-p);border-color:var(--sy-p);color:#fff!important}.sy-btn.is-main:hover{background:var(--sy-pd)}
.sy-btn.is-sm{min-height:36px;padding:6px 14px;font-size:.875rem}.sy-btn.is-big{min-height:52px;padding:12px 26px;font-size:1.05rem}
.sy-btn.is-wide{width:100%}.sy-btn.is-danger{color:#b42318!important}.sy-btn[disabled]{opacity:.5;cursor:not-allowed}
.sy-linkbtn{background:none;border:0;padding:6px 0;color:var(--sy-p);font:inherit;cursor:pointer;text-decoration:underline}.sy-linkbtn.is-danger{color:#b42318}
.sy-btn:focus-visible,.sy a:focus-visible,.sy input:focus-visible,.sy select:focus-visible,.sy textarea:focus-visible,.sy summary:focus-visible{outline:3px solid var(--sy-a);outline-offset:2px}
/* Forms */
.sy form label{display:block;margin:0 0 14px;font-weight:600;font-size:.92rem}
.sy form label small{display:block;font-weight:400;color:var(--sy-mut);margin-top:4px}
.sy input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.sy select,.sy textarea{display:block;width:100%;margin-top:6px;min-height:46px;padding:10px 12px;border:1px solid #cfd8d5;border-radius:10px;background:#fff;font:inherit;font-weight:400;color:var(--sy-ink)}
.sy textarea{min-height:90px}.sy input[type=checkbox],.sy input[type=radio]{width:20px;height:20px;accent-color:var(--sy-p);vertical-align:middle;margin:0 6px 0 0}
.sy form label.sy-check{display:flex;align-items:center;font-weight:500}
.sy-row2,.sy-row3{display:grid;gap:0 14px}
@media(min-width:640px){.sy-row2{grid-template-columns:1fr 1fr}.sy-row3{grid-template-columns:repeat(3,1fr)}}
.sy-inline{display:inline-block;margin:0 6px 6px 0}.sy-inline label{display:inline}
.sy-w-s{max-width:120px}.sy-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.sy-prefix{display:flex;align-items:stretch;margin-top:6px}.sy-prefix span{display:flex;align-items:center;padding:0 10px;background:var(--sy-soft);border:1px solid #cfd8d5;border-right:0;border-radius:10px 0 0 10px;font-weight:400;font-size:.85rem;color:var(--sy-mut);white-space:nowrap;max-width:50%;overflow:hidden}.sy-prefix input{margin-top:0!important;border-radius:0 10px 10px 0!important}
fieldset{border:0;padding:0;margin:0 0 14px}legend{font-weight:600;margin-bottom:8px}
/* Flash */
.sy-flash{padding:12px 16px;border-radius:12px;background:#e7f6ef;border:1px solid #bfe6d3;margin:0 0 16px}.sy-flash.is-bad{background:#fdecec;border-color:#f6c9c9}
/* Badges */
.sy-badge{display:inline-block;padding:2px 10px;border-radius:99px;font-size:.78rem;font-weight:600;background:#eef1f0;color:var(--sy-ink)}
.sy-badge.is-confirmed,.sy-badge.is-completed{background:#dcf3e8;color:#0b5c44}.sy-badge.is-pending{background:#fff2d6;color:#7a4b00}.sy-badge.is-cancelled,.sy-badge.is-expired,.sy-badge.is-no_show{background:#fde3e3;color:#8f1d1d}
/* Hero + search */
.sy-hero{background:linear-gradient(135deg,var(--sy-p),var(--sy-pd));color:#fff;border-radius:22px;padding:clamp(28px,7vw,72px) clamp(18px,5vw,56px);margin:8px 0 28px;position:relative;overflow:hidden}
.sy-hero::after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.08)}
.sy-hero h1{font-size:clamp(1.9rem,6vw,3.3rem);line-height:1.08;letter-spacing:-.03em;margin:0 0 12px;color:#fff;max-width:760px}
.sy-hero p{font-size:1.1rem;opacity:.92;max-width:620px;margin:0 0 22px}
.sy-hero-in{position:relative;z-index:1}
.sy-search{display:grid;gap:10px;margin:0 0 20px}
.sy-search input,.sy-search select{margin:0!important}
.sy-search.is-big{background:#fff;padding:10px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.15);max-width:760px}
@media(min-width:720px){.sy-search{grid-template-columns:2fr 1fr 1fr auto}.sy-search.is-big{grid-template-columns:2fr 1fr auto}}
/* Categories */
.sy-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.sy-cat{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--sy-line);border-radius:var(--sy-r);text-decoration:none!important;color:var(--sy-ink)!important;font-weight:600;background:var(--sy-bg);transition:border-color .15s,transform .15s}
.sy-cat:hover{border-color:var(--sy-p);transform:translateY(-2px)}.sy-cat span{font-size:1.6rem}.sy-cat small{color:var(--sy-mut);font-weight:400}
.sy-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;margin:0 0 10px;scrollbar-width:none}
.sy-chips a{flex:0 0 auto;padding:8px 14px;border-radius:99px;border:1px solid var(--sy-line);text-decoration:none!important;color:var(--sy-ink)!important;font-size:.9rem;background:var(--sy-bg)}
.sy-chips a.is-on{background:var(--sy-ink);color:#fff!important;border-color:var(--sy-ink)}
/* Business cards */
.sy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.sy-bcard{display:flex;flex-direction:column;border:1px solid var(--sy-line);border-radius:var(--sy-r);overflow:hidden;text-decoration:none!important;color:var(--sy-ink)!important;background:var(--sy-bg);box-shadow:var(--sy-sh);transition:transform .15s,box-shadow .15s}
.sy-bcard:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(16,32,30,.12)}
.sy-bcard.is-feat{border-color:var(--sy-a)}
.sy-bcard-img{display:block;aspect-ratio:16/9;background:var(--sy-soft) center/cover no-repeat;position:relative}
.sy-bcard-img em{position:absolute;left:10px;top:10px;background:var(--sy-a);color:#3a2600;font-style:normal;font-weight:700;font-size:.75rem;padding:3px 10px;border-radius:99px}
.sy-bcard-b{display:grid;grid-template-columns:44px 1fr;gap:0 12px;padding:12px 14px 16px;align-items:center}
.sy-bcard-b strong{font-size:1.02rem;line-height:1.3}.sy-bcard-b small{grid-column:2;color:var(--sy-mut);font-size:.85rem}
.sy-logo-s{width:44px;height:44px;border-radius:12px;object-fit:cover;grid-row:span 3;border:1px solid var(--sy-line);background:#fff}
.sy-logo-i{display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;background:var(--sy-soft)}
.sy-stars{color:#f2a100;letter-spacing:1px}
.sy-dir-h{margin:8px 0 12px}
.sy-pager{display:flex;gap:6px;justify-content:center;margin:24px 0}.sy-pager a{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--sy-line);text-decoration:none!important}.sy-pager a.is-on{background:var(--sy-p);color:#fff!important;border-color:var(--sy-p)}
/* How + band */
.sy-steps{list-style:none;padding:0;margin:0;display:grid;gap:14px;counter-reset:s}
@media(min-width:720px){.sy-steps{grid-template-columns:repeat(3,1fr)}}
.sy-steps li{counter-increment:s;background:var(--sy-soft);border-radius:var(--sy-r);padding:18px 18px 18px 64px;position:relative}
.sy-steps li::before{content:counter(s);position:absolute;left:18px;top:18px;width:32px;height:32px;border-radius:50%;background:var(--sy-p);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.sy-steps b{display:block;margin-bottom:4px}
.sy-band{display:grid;gap:16px;align-items:center;background:var(--sy-ink);color:#fff;border-radius:22px;padding:28px}
.sy-band .sy-h2{color:#fff}.sy-band p{opacity:.85;margin:0}
@media(min-width:720px){.sy-band{grid-template-columns:1fr auto;padding:36px 44px}}
.sy-band-b{display:flex;gap:10px;flex-wrap:wrap}
/* Business page */
.sy-bhero{margin:0 0 20px}
.sy-cover{height:clamp(160px,32vw,340px);border-radius:22px;background:linear-gradient(135deg,var(--sy-p),var(--sy-pd)) center/cover no-repeat}
.sy-bhead{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:end;margin:-48px 12px 0;position:relative}
.sy-logo{width:96px;height:96px;border-radius:22px;border:4px solid #fff;object-fit:cover;background:#fff;box-shadow:var(--sy-sh)}
span.sy-logo{display:flex;font-size:2.6rem}
.sy-bhead-t{padding-top:52px;min-width:0}.sy-bhead-t .sy-h1{margin:0}.sy-bhead-t p{margin:4px 0 0}
.sy-tag{font-size:1.05rem}
.sy-bhead-a{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
@media(min-width:900px){.sy-bhead{grid-template-columns:auto 1fr auto;margin:-56px 24px 0}.sy-bhead-a{grid-column:auto;margin:0}}
.sy-bwrap{display:grid;gap:24px}
@media(min-width:960px){.sy-bwrap{grid-template-columns:minmax(0,1fr) 340px}.sy-bside{position:sticky;top:20px;align-self:start}}
.sy-bmain .sy-sec:first-child{margin-top:8px}
.sy-about p{margin:0 0 1em}
.sy-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.sy-gal img{border-radius:12px;aspect-ratio:4/3;object-fit:cover;width:100%;display:block}
.sy-gal.is-edit label{font-weight:400}
.sy-svcs{list-style:none;padding:0;margin:0;border:1px solid var(--sy-line);border-radius:var(--sy-r);overflow:hidden}
.sy-svcs li{display:flex;justify-content:space-between;gap:14px;padding:14px 16px;border-top:1px solid var(--sy-line);align-items:center}.sy-svcs li:first-child{border-top:0}
.sy-svcs small{display:block;color:var(--sy-mut)}.sy-svcs p{margin:4px 0 0;font-size:.9rem;color:var(--sy-mut)}
.sy-svc-r{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
.sy-team{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.sy-member{text-align:center;padding:14px;border:1px solid var(--sy-line);border-radius:var(--sy-r)}.sy-member img,.sy-av{width:72px;height:72px;border-radius:50%;object-fit:cover;margin:0 auto 8px;display:block}
.sy-av{display:flex;align-items:center;justify-content:center;background:var(--sy-soft);font-size:1.6rem;font-weight:700}
.sy-member strong,.sy-member small{display:block}.sy-member small{color:var(--sy-mut)}
.sy-hours{width:100%;border-collapse:collapse;font-size:.92rem}.sy-hours td{padding:5px 0;border-bottom:1px solid var(--sy-line)}.sy-hours td+td{text-align:right}.sy-hours tr.is-now td{font-weight:700;color:var(--sy-p)}
.sy-map{width:100%;height:220px;border:0;border-radius:12px;margin:8px 0}
.sy-contact{list-style:none;padding:0;margin:8px 0 0}.sy-contact li{padding:4px 0}
.sy-report{margin:12px 0;font-size:.85rem;color:var(--sy-mut)}.sy-report summary{cursor:pointer}
.sy-sticky{position:fixed;left:0;right:0;bottom:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-top:1px solid var(--sy-line);z-index:50;transition:transform .2s}
.sy-sticky.is-hide{transform:translateY(110%)}
@media(min-width:960px){.sy-sticky{display:none}}
/* Booking flow */
.sy-flow{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.sy-flow>li{border:1px solid var(--sy-line);border-radius:var(--sy-r);padding:16px;background:var(--sy-bg)}
.sy-flow>li.is-now{border-color:var(--sy-p);box-shadow:0 0 0 3px rgba(14,124,102,.12)}
.sy-opts{display:grid;gap:8px}@media(min-width:560px){.sy-opts{grid-template-columns:1fr 1fr}}
.sy-opts.is-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.sy-opts.is-row .sy-opt{flex:0 0 auto;min-width:150px}
.sy-opt{display:block;padding:12px 14px;border:1px solid var(--sy-line);border-radius:12px;text-decoration:none!important;color:var(--sy-ink)!important}
.sy-opt strong,.sy-opt small{display:block}.sy-opt small{color:var(--sy-mut);font-size:.85rem}
.sy-opt.is-on{border-color:var(--sy-p);background:#eaf6f2;box-shadow:inset 0 0 0 1px var(--sy-p)}
.sy-days{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;scroll-snap-type:x mandatory}
.sy-day{flex:0 0 auto;scroll-snap-align:start;min-width:64px;text-align:center;padding:8px 6px;border:1px solid var(--sy-line);border-radius:12px;font-size:.85rem;line-height:1.25;text-decoration:none!important;color:var(--sy-ink)!important;white-space:pre-line}
.sy-day.is-on{background:var(--sy-p);color:#fff!important;border-color:var(--sy-p)}.sy-day.is-off{opacity:.4;text-decoration:line-through!important}
.sy-date-pick{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin:4px 0 8px}.sy-date-pick label{margin:0!important;font-weight:400!important}.sy-date-pick input{min-height:38px!important;padding:6px 10px!important}
.sy-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.sy-slot{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--sy-p);border-radius:10px;color:var(--sy-p)!important;font-weight:600;text-decoration:none!important}
.sy-slot:hover{background:#eaf6f2}.sy-slot.is-on{background:var(--sy-p);color:#fff!important}
.sy-sum{background:var(--sy-soft);padding:10px 14px;border-radius:10px}
.sy-pay-note{background:#fff7e6;border:1px solid #ffe0a3;padding:10px 14px;border-radius:10px}
/* Reviews */
.sy-review{border-top:1px solid var(--sy-line);padding:14px 0}.sy-review:first-of-type{border-top:0}.sy-card.sy-review{border:1px solid var(--sy-line);padding:16px}
.sy-reply{margin:8px 0 0 14px;padding:8px 12px;border-left:3px solid var(--sy-p);background:var(--sy-soft);border-radius:0 10px 10px 0;font-size:.92rem}
.sy-rate{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}.sy-rate input{position:absolute;opacity:0}.sy-rate label{font-size:2rem!important;color:#d0d5d4;cursor:pointer;margin:0!important}
.sy-rate input:checked~label,.sy-rate label:hover,.sy-rate label:hover~label{color:#f2a100}
/* Ticket (manage booking) */
.sy-ticket{max-width:640px;margin:0 auto}.sy-when{font-size:1.3rem;font-weight:700;margin:6px 0}
.sy-acts{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
/* Lists */
.sy-list{border:1px solid var(--sy-line);border-radius:var(--sy-r);overflow:hidden;margin:0 0 16px}
.sy-li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--sy-line);background:var(--sy-bg)}.sy-li:first-child{border-top:0}
.sy-li span{min-width:0}.sy-li strong,.sy-li small{display:block}.sy-li small{color:var(--sy-mut);font-size:.85rem}
/* Plans */
.sy-plans{display:grid;gap:16px;margin:20px 0}@media(min-width:760px){.sy-plans{grid-template-columns:repeat(3,1fr)}}
.sy-plan{border:1px solid var(--sy-line);border-radius:18px;padding:22px;background:var(--sy-bg);box-shadow:var(--sy-sh);display:flex;flex-direction:column;gap:6px}
.sy-plan.is-pop{border:2px solid var(--sy-p)}.sy-plan.is-cur{border:2px solid var(--sy-a)}
.sy-plan ul{padding-left:18px;margin:8px 0 14px;flex:1}.sy-price{font-size:2rem;font-weight:800;margin:0;letter-spacing:-.02em}.sy-price small{font-size:.9rem;font-weight:500;color:var(--sy-mut)}
.sy-plans.is-compact .sy-plan{padding:16px}
/* Nav */
.sy-nav{display:flex;gap:6px 14px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.sy-nav a{text-decoration:none;color:inherit;font-weight:500}.sy-nav .sy-btn{min-height:40px;padding:8px 16px}
.sy-nav-t{display:none}
@media(max-width:780px){.sy-nav-t{display:inline-flex;background:none;border:1px solid var(--sy-line);border-radius:10px;width:44px;height:44px;align-items:center;justify-content:center;font-size:1.3rem;cursor:pointer;color:inherit}.sy-nav-l{display:none;position:absolute;right:12px;left:12px;top:64px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--sy-line);border-radius:16px;padding:12px;box-shadow:0 20px 40px rgba(0,0,0,.15);z-index:100}.sy-nav-l.is-open{display:flex}.sy-nav-l a{padding:10px 8px}.sy-nav-l .sy-btn{margin-top:6px}}
@media(min-width:781px){.sy-nav-l{display:flex;gap:6px 18px;align-items:center;flex-wrap:wrap}}
/* Dashboard */
.sy-dash-h{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:6px 0 12px}.sy-dash-h .sy-h1{margin:0}
.sy-tabs{display:flex;gap:4px;overflow-x:auto;margin:0 -4px 18px;padding:4px;scrollbar-width:none;position:sticky;top:0;z-index:20;background:var(--sy-bg)}
.sy-tabs::-webkit-scrollbar,.sy-chips::-webkit-scrollbar{display:none}
.sy-tabs a{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:72px;padding:8px 10px;border-radius:12px;text-decoration:none!important;color:var(--sy-mut)!important;font-size:.78rem;font-weight:600}
.sy-tabs a span{font-size:1.2rem}.sy-tabs a.is-on{background:var(--sy-soft);color:var(--sy-p)!important}
.sy-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 16px}@media(min-width:720px){.sy-stats{grid-template-columns:repeat(4,1fr)}}
.sy-stats>div{background:var(--sy-soft);border-radius:var(--sy-r);padding:14px}.sy-stats b{display:block;font-size:1.5rem;line-height:1.2}.sy-stats b i{font-style:normal;font-size:.9rem;color:var(--sy-mut)}.sy-stats small{color:var(--sy-mut)}
.sy-copy{display:flex;gap:8px;margin:8px 0}.sy-copy input{margin:0!important}
.sy-todo{margin:8px 0 0;padding-left:20px}
.sy-bookings{display:grid;gap:10px}
.sy-bk{display:grid;grid-template-columns:72px 1fr;gap:4px 12px;padding:14px;border:1px solid var(--sy-line);border-left:4px solid var(--sy-p);border-radius:12px;background:var(--sy-bg)}
.sy-bk.is-pending{border-left-color:#f2a100}.sy-bk.is-cancelled,.sy-bk.is-expired,.sy-bk.is-no_show{border-left-color:#d64545;opacity:.8}.sy-bk.is-completed{border-left-color:#9aa7a4}
.sy-bk-t b{display:block;font-size:1.05rem}.sy-bk-t small{color:var(--sy-mut);font-size:.8rem}
.sy-bk-m>*{display:block;margin:0 0 2px}.sy-bk-m small{color:var(--sy-mut);font-size:.86rem}
.sy-bk-a{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}.sy-bk-a .sy-inline{margin:0}
@media(min-width:760px){.sy-bk{grid-template-columns:90px 1fr auto}.sy-bk-a{grid-column:auto;justify-content:flex-end;max-width:320px}}
.sy-move summary{list-style:none}.sy-move summary::-webkit-details-marker{display:none}.sy-move[open] form{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.sy-move input{min-height:38px!important;width:auto!important;margin:0!important}
.sy-add>summary,.sy-edit>summary{cursor:pointer;list-style:none;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.sy-add>summary::-webkit-details-marker,.sy-edit>summary::-webkit-details-marker{display:none}
.sy-add[open]>summary,.sy-edit[open]>summary{margin-bottom:14px}.sy-add>summary b{color:var(--sy-p)}
.sy-edit>summary::after{content:"✎";margin-left:auto;color:var(--sy-mut)}
.sy-hed{display:grid;gap:8px;margin:0 0 14px}
.sy-hday{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 12px;border:1px solid var(--sy-line);border-radius:12px;margin:0}
.sy-hday legend{float:left;width:100px;margin:0;padding:0}.sy-hday label.sy-check{margin:0!important}
.sy-hday input[type=time]{width:auto!important;min-height:38px!important;margin:0!important;padding:4px 8px!important}
.sy-hday details{flex-basis:100%}.sy-hday details summary{cursor:pointer;color:var(--sy-mut)}
.sy-thumb{display:block;width:72px;height:72px;object-fit:cover;border-radius:12px;margin:8px 0}.sy-thumb.is-wide{width:180px}
.sy-usage{padding-left:18px}.sy-feat{background:linear-gradient(135deg,#fff8e8,#fff)}
/* Ads */
.sy-ad{margin:20px 0;border:1px solid var(--sy-line);border-radius:var(--sy-r);padding:10px;background:var(--sy-soft);position:relative}
.sy-ad a,.sy-ad>div{display:flex;gap:12px;align-items:center;text-decoration:none!important;color:var(--sy-ink)!important}
.sy-ad img{width:120px;border-radius:10px;flex:0 0 auto}.sy-ad span b,.sy-ad span small{display:block}
.sy-ad-l{position:absolute;right:10px;top:6px;font-size:.7rem;color:var(--sy-mut);text-transform:uppercase;letter-spacing:.06em}
@media(prefers-reduced-motion:reduce){.sy *{transition:none!important;scroll-behavior:auto!important}}
.sy-flow>li,#book{scroll-margin-top:76px}