.ss-follow{margin:var(--ss-space-4) 0}
.ss-notes,.ss-follows{list-style:none;padding:0;display:grid;gap:var(--ss-space-2)}
.ss-notes li,.ss-follows li{border:1px solid var(--ss-border-soft);border-radius:var(--ss-radius-m);padding:var(--ss-space-3) var(--ss-space-4);background:var(--ss-surface)}
.ss-follows li{display:flex;flex-wrap:wrap;gap:var(--ss-space-2);align-items:center;justify-content:space-between}
.ss-unread{border-left:4px solid var(--ss-accent)!important}

/* D4: account as a set of panels. */
.ss-account{display:grid;gap:var(--ss-space-4)}
.ss-account .ss-panel h2{font-family:var(--ss-font-display);font-size:var(--ss-text-xl);display:flex;gap:var(--ss-space-3);align-items:center;flex-wrap:wrap;margin:0 0 var(--ss-space-3)}
.ss-lead-name{margin:0;font-family:var(--ss-font-display);font-size:var(--ss-text-xl);font-weight:600}
.ss-lead-name:empty{display:none}
.ss-mine{list-style:none;margin:0 0 var(--ss-space-3);padding:0;display:grid;gap:var(--ss-space-3);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}
.ss-mine .ss-card h3{margin:0 0 var(--ss-space-2);font-size:var(--ss-text-l)}
.ss-follows li a{font-weight:600}
.ss-account .ss-notice:empty{display:none}
.ss-account .ss-check{display:grid;grid-template-columns:auto 1fr;gap:var(--ss-space-1) var(--ss-space-3);align-items:start}
.ss-account .ss-check .ss-hint{grid-column:2;margin:0}
.ss-account .ss-check input{margin-top:.2rem}
.ss-haunt-log .ss-hl-form{display:grid;gap:var(--ss-space-3);margin-top:var(--ss-space-3);max-width:32rem}
.ss-haunt-log textarea{width:100%;min-height:6rem;box-sizing:border-box}
.ss-haunt-log button,.ss-account [data-logtab],.ss-account [data-logdel],.ss-account [data-logvisit]{min-height:44px;min-width:44px}
.ss-log-note{white-space:pre-wrap;overflow-wrap:anywhere;margin:var(--ss-space-2) 0}
.ss-haunt-log .ss-button,.ss-haunt-log input,.ss-haunt-log select{min-height:44px;box-sizing:border-box}
.ss-haunt-log input,.ss-haunt-log select{width:100%;max-width:100%}
.ss-account [data-logtab],.ss-account [data-logdel],.ss-account .ss-mine .ss-card .ss-small{min-height:44px}

/* UX2: variant B, Cinematic Haunts. The account as a passport through the dark; the Haunt Log panel on a profile. Markup and scripts are unchanged. */
main:has(.ss-account) .wp-block-post-title{font-family:var(--ss-font-display);font-weight:600;font-size:clamp(2.2rem,1.4rem + 3vw,4rem);letter-spacing:-.02em}
.ss-account{max-width:64rem;gap:var(--ss-space-5)}
.ss-lead-name{font-size:clamp(1.4rem,1.1rem + 1vw,2rem);color:var(--ss-muted);font-weight:500}
.ss-account .ss-panel,.ss-haunt-log{background:var(--ss-surface);border:1px solid var(--ss-border-soft);border-radius:var(--ss-radius-l);box-shadow:none;padding:var(--ss-space-5)}
.ss-account .ss-panel h2,.ss-haunt-log h2{font-family:var(--ss-font-display);font-weight:600;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);letter-spacing:-.01em}
.ss-account [data-logtab],.ss-haunt-log .ss-card-row .ss-button{border-radius:var(--ss-radius-pill);font-weight:500;padding-inline:var(--ss-space-4)}
.ss-account [data-logtab].ss-secondary,.ss-haunt-log .ss-card-row .ss-button.ss-secondary{border:1px solid var(--ss-border-soft);background:color-mix(in srgb,var(--ss-bg) 70%,transparent)}
.ss-account [data-logtab]:not(.ss-secondary),.ss-haunt-log .ss-card-row .ss-button:not(.ss-secondary){font-weight:700}
.ss-mine{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr))}
.ss-mine>li.ss-card{position:relative;overflow:hidden;box-shadow:none;border-radius:var(--ss-radius-m);padding:var(--ss-space-4) var(--ss-space-4) var(--ss-space-4) calc(64px + var(--ss-space-5));min-height:112px;background:var(--ss-bg)}
.ss-mine>li.ss-card::before{content:"";position:absolute;left:var(--ss-space-3);top:var(--ss-space-3);bottom:var(--ss-space-3);width:56px;border-radius:var(--ss-radius-s);background:radial-gradient(circle at 70% 24%,rgba(255,196,107,.9) 0 5%,rgba(255,196,107,.2) 6% 22%,transparent 23%),radial-gradient(ellipse at 50% 115%,rgba(255,122,61,.5),transparent 60%),linear-gradient(180deg,#2c1a20,#0a0707)}
.ss-mine>li.ss-card:nth-child(3n+2)::before{background:radial-gradient(circle at 28% 24%,rgba(180,230,255,.85) 0 5%,rgba(180,230,255,.16) 6% 22%,transparent 23%),radial-gradient(ellipse at 50% 115%,rgba(90,140,200,.4),transparent 60%),linear-gradient(180deg,#16233a,#07090d)}
.ss-mine>li.ss-card:nth-child(3n)::before{background:radial-gradient(circle at 66% 26%,rgba(255,150,100,.85) 0 5%,rgba(255,150,100,.2) 6% 22%,transparent 23%),radial-gradient(ellipse at 50% 115%,rgba(180,40,60,.5),transparent 60%),linear-gradient(180deg,#34121b,#090506)}
.ss-mine .ss-card h3{font-size:1.25rem}
.ss-notes li,.ss-follows li{border-radius:var(--ss-radius-m);background:var(--ss-bg)}
.ss-unread{border-left-color:var(--ss-accent)!important}
.ss-haunt-log{margin-block:var(--ss-space-5)}
.ss-haunt-log input,.ss-haunt-log select,.ss-haunt-log textarea{border:1px solid var(--ss-border);border-radius:var(--ss-radius-m);background:var(--ss-bg)}
.ss-haunt-log .ss-field>label{font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ss-muted);font-weight:700}
.ss-haunt-log .ss-hl-form .ss-button:not(.ss-secondary){border-radius:var(--ss-radius-pill)}
@media (max-width:40rem){.ss-account .ss-panel,.ss-haunt-log{padding:var(--ss-space-4)}.ss-mine{grid-template-columns:1fr}}

/* Haunt Log v2: visits grouped per year in the account, extra visits on a profile. */
.ss-years{list-style:none;margin:0 0 var(--ss-space-3);padding:0;display:grid;gap:var(--ss-space-5)}
.ss-log-year-h{font-family:var(--ss-font-display);font-weight:600;font-size:clamp(1.6rem,1.2rem + 1.2vw,2.25rem);color:var(--ss-brand);margin:0 0 var(--ss-space-3);letter-spacing:-.01em}
.ss-years .ss-mine{margin:0}
.ss-visits{margin-top:var(--ss-space-5);padding-top:var(--ss-space-4);border-top:1px solid var(--ss-border-soft)}
.ss-visits h3{font-family:var(--ss-font-display);font-size:1.25rem;margin:0 0 var(--ss-space-1)}
.ss-visit-list{list-style:none;margin:var(--ss-space-3) 0;padding:0;display:grid;gap:var(--ss-space-2)}
.ss-visit{border:1px solid var(--ss-border-soft);border-radius:var(--ss-radius-m);background:var(--ss-bg);padding:0 var(--ss-space-4)}
.ss-visit>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600}
.ss-visit[open]{padding-bottom:var(--ss-space-4)}
.ss-visit .ss-visit-form{max-width:none}
.ss-visit-new{margin-top:var(--ss-space-3)}

/* Organisatordashboard */
.ss-statgrid{list-style:none;margin:0 0 1rem;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.ss-statgrid li{background:var(--ss-surface-2,rgba(255,255,255,.04));border:1px solid var(--ss-border,rgba(255,255,255,.1));border-radius:14px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.15rem}
.ss-statgrid strong{font-family:Fraunces,Georgia,serif;font-size:1.9rem;line-height:1.1}
.ss-statgrid span{font-size:.875rem;color:var(--ss-text);opacity:.82}
.ss-stat-list{list-style:none;margin:0 0 .75rem;padding:0;display:grid;gap:.5rem}
.ss-stat-row{border-top:1px solid var(--ss-border,rgba(255,255,255,.1));padding-top:.6rem}
.ss-stat-row p{margin:0}
.ss-stat-title{font-weight:600}
@media (max-width:600px){.ss-statgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Bericht aan volgers */
.ss-msgbox{margin-top:.5rem}
.ss-msgbox>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--ss-brand);font-weight:600}
.ss-msgbox textarea{width:100%}

/* V5: account as a passport, variant B "Cinematic Haunts". Sub navigation, big headline, big numbers, year groups with cards. */
main:has(.ss-account)>.wp-block-post-content{max-width:1184px!important;width:100%}
main:has(.ss-account.ss-acc-ready) .wp-block-post-title{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.ss-account{max-width:none!important;width:100%;gap:0;grid-template-columns:minmax(0,1fr)}
.ss-accnav ul{display:flex;gap:var(--ss-space-5);list-style:none;margin:0 0 var(--ss-space-6);padding:0;border-bottom:1px solid var(--ss-border-soft);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.ss-accnav ul::-webkit-scrollbar{display:none}
.ss-accnav a{display:inline-flex;align-items:center;min-height:var(--ss-touch);padding:0 4px;color:var(--ss-muted);text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap;font-weight:600}
.ss-accnav a:hover{color:var(--ss-text)}
.ss-accnav a[aria-current="page"]{color:var(--ss-text);border-bottom-color:var(--ss-accent)}
.ss-accbody{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ss-space-5)}.ss-accbody>*{min-width:0}
.ss-acchead{display:grid;gap:var(--ss-space-2);padding-bottom:var(--ss-space-4);border-bottom:1px solid var(--ss-border-soft)}
.ss-acchead .ss-eyebrow{margin:0;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ss-brand);font-weight:700}
.ss-acchead h1{font-family:var(--ss-font-display);font-weight:600;font-size:clamp(2.25rem,1.4rem + 4vw,4rem);line-height:var(--ss-leading-tight);letter-spacing:-.02em;margin:0;text-wrap:balance;outline:0}
.ss-acclead{margin:0;color:var(--ss-muted);max-width:44rem}
.ss-acchead .ss-notice{margin:var(--ss-space-2) 0 0}
.ss-bigstats{list-style:none;margin:0;padding:0 0 var(--ss-space-5);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ss-space-4);border-bottom:1px solid var(--ss-border-soft)}
.ss-bigstats strong{display:block;font-family:var(--ss-font-display);font-weight:600;font-size:clamp(2.75rem,2rem + 3vw,4.5rem);line-height:1;color:var(--ss-accent)}
.ss-bigstats span{display:block;margin-top:var(--ss-space-2);color:var(--ss-muted)}
.ss-logpills{display:flex;flex-wrap:wrap;gap:var(--ss-space-2);padding-bottom:var(--ss-space-4);border-bottom:1px solid var(--ss-border-soft)}
.ss-logpills .ss-button{min-height:var(--ss-touch)}
.ss-logpills .ss-button:not(.ss-secondary){background:var(--ss-text);color:var(--ss-bg);border-color:var(--ss-text)}
.ss-years{display:block;list-style:none;margin:0;padding:0}
.ss-log-year{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:var(--ss-space-4);padding:var(--ss-space-5) 0;border-bottom:1px solid var(--ss-border-soft)}
.ss-log-year:last-child{border-bottom:0}
.ss-log-year-h{margin:0;font-size:clamp(2.25rem,1.6rem + 2.4vw,3.5rem);line-height:1}
.ss-log-wantgroup .ss-log-year-h{font-size:var(--ss-text-xl);line-height:var(--ss-leading-snug)}
.ss-log .ss-mine{grid-template-columns:repeat(auto-fit,minmax(21rem,1fr));margin:0}
.ss-log .ss-mine>li.ss-card{padding:var(--ss-space-4) var(--ss-space-4) var(--ss-space-4) calc(110px + var(--ss-space-5));min-height:170px}
.ss-log .ss-mine>li.ss-card::before{width:98px;border-radius:var(--ss-radius-s)}
.ss-log .ss-card h3{font-family:var(--ss-font-display);font-size:1.25rem;margin:0 0 var(--ss-space-1)}
.ss-log .ss-card h3 a{color:var(--ss-text);text-decoration:none}
.ss-log .ss-card h3 a:hover{text-decoration:underline}
.ss-log .ss-meta{margin:0 0 var(--ss-space-2)}
.ss-log-score{margin:0 0 var(--ss-space-2)}
.ss-log-stars{color:var(--ss-brand);letter-spacing:.1em}
.ss-log .ss-card-row{display:flex;flex-wrap:wrap;gap:var(--ss-space-2)}
.ss-log .ss-card-row .ss-button{border-radius:var(--ss-radius-pill)}
@media (max-width:48rem){
	.ss-log-year{grid-template-columns:minmax(0,1fr);gap:var(--ss-space-3)}
	.ss-log .ss-mine{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:30rem){.ss-bigstats{gap:var(--ss-space-2)}.ss-bigstats strong{font-size:2.5rem}.ss-accnav ul{gap:var(--ss-space-4)}}

/* Mijn reviews and Mijn gegevens (account, after V5). */
.ss-myreviews{grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr))}
.ss-myreviews .ss-quote{margin:var(--ss-space-2) 0;padding:var(--ss-space-2) var(--ss-space-4);border-left:3px solid var(--ss-border);color:var(--ss-text);overflow-wrap:anywhere}
.ss-myreviews .ss-card-row{align-items:center}
.ss-account [data-logtab],.ss-account #ss-dl{min-height:44px}

/* V10: claims in Mijn account */
.ss-cl-dispute{margin-top:var(--ss-space-3)}
.ss-cl-dispute summary{cursor:pointer;min-height:var(--ss-touch);display:flex;align-items:center}
.ss-cl-dispute textarea{width:100%;box-sizing:border-box;border:1px solid var(--ss-border);border-radius:var(--ss-radius-m);padding:var(--ss-space-3);background:var(--ss-bg);color:var(--ss-text);font:inherit}
.ss-account .ss-reason{margin:.4rem 0 0;padding:.5rem .75rem;border-left:3px solid var(--ss-warning,#d9a441);background:rgba(255,255,255,.04);border-radius:0 6px 6px 0}
.ss-log-stars{display:inline-flex;gap:.12em;vertical-align:-.12em;letter-spacing:0}