/* ==========================================================================
   Custodian 2027 — storefront design (v1.22.0)
   Loaded only when a storefront's layout is 'custodian' (Admin -> Storefronts -> Layout, or an admin's
   ?__layout=custodian preview). Everything is scoped to html[data-layout="custodian"], so other designs are
   untouched. Language: operational and expiry-first — Inter Tight headings, Inter body, hairlines, 8-12px
   radii, status pills that always carry a word and a dot (ok / due soon / action needed), monospace for
   records, domains and times. The accent comes from the palette (data-theme); the signature accent is a
   near-black navy, so links in running text are underlined to stay distinguishable from body copy.
   ========================================================================== */
html[data-layout="custodian"]{
  /* palette (signature cus-navy; the palette blocks at the end override these) */
  --accent:#0f1726; --accent-600:#060b14; --cus-wash:#eef1f6;
  /* neutrals + status (fixed by the design) */
  --navy-900:#0a1424; --navy-800:#16233a; --navy-700:#22324a;
  --steel-600:var(--accent); --steel-500:#56616f;
  --slate-500:#56616f; --slate-400:#667180;
  --line:#e4e8ed; --line-soft:#edf0f4; --bg:#ffffff; --bg-alt:#f6f8fa; --white:#ffffff;
  --ink:#1b2430; --ink-soft:#3d4856;
  --ok:#15803d; --warn:#b45309; --danger:#b91c1c; --info:var(--accent); --gold:#8a6a1f;
  --cus-head:#0a1424; --cus-soft:#56616f; --cus-faint:#667180;
  --cus-hair:#e4e8ed; --cus-hair2:#d3d9e0; --cus-band:#f6f8fa;
  --cus-ok:#15803d; --cus-okw:#ecfdf3; --cus-wn:#b45309; --cus-wnw:#fff7ed; --cus-bd:#b91c1c; --cus-bdw:#fef2f2;
  --cus-gold:#8a6a1f; --cus-goldw:#fbf5e8;
  --radius:8px; --radius-lg:12px;
  --shadow:none; --shadow-lg:0 18px 44px rgba(10,20,36,.10);
  --font:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-head:'Inter Tight','Inter',system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --maxw:calc(1320px + 2 * var(--gutter)); /* v1.61.1: 1320 px content (was 1240) */
}
html[data-layout="custodian"] body{font-size:14px;line-height:1.6;background:#fff;color:var(--ink);font-family:var(--font)}
html[data-layout="custodian"] h1,html[data-layout="custodian"] h2,html[data-layout="custodian"] h3,html[data-layout="custodian"] h4{font-family:var(--font-head);font-weight:600;letter-spacing:-.02em;color:var(--cus-head)}
html[data-layout="custodian"] .eyebrow{font:600 10.5px var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
html[data-layout="custodian"] .muted{color:var(--cus-soft)}
html[data-layout="custodian"] .mono,html[data-layout="custodian"] code{font-family:var(--mono)}
html[data-layout="custodian"] button,html[data-layout="custodian"] input,html[data-layout="custodian"] select,html[data-layout="custodian"] textarea{font-family:inherit}
html[data-layout="custodian"] ::selection{background:var(--cus-wash);color:var(--cus-head)}

/* links: colour alone can't separate a near-black accent from body text, so links inside text are underlined */
/* (base links already use var(--steel-600), which this design maps to the accent) */
:where(html[data-layout="custodian"] main :is(p,li,dd,td,small,label,.notice,.cus-note,.cus-mut,.cus-faint,.a,.sub,.small,.muted,.lede,.gtee-tx,.cform-flash)) a:where(:not(.btn,.cus-pill,.cus-nm,.actbtn,.btn-react,.cmp-check,[class*="-btn"])){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
:where(html[data-layout="custodian"] main) a:where(:not(.btn)):hover{text-decoration-thickness:2px}
/* focus: one visible ring everywhere (keyboard only) */
html[data-layout="custodian"] :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
html[data-layout="custodian"] .btn:focus-visible{outline-offset:3px;border-radius:var(--radius)}

/* no emoji in this design: decorative emoji in shared templates are wrapped in .emo */
html[data-layout="custodian"] .emo,html[data-layout="custodian"] .mega .ic,html[data-layout="custodian"] .tool-ic,html[data-layout="custodian"] .sec-card .si,html[data-layout="custodian"] .acx-doc .ic{display:none}
html[data-layout="custodian"] .sec-cta{border-radius:12px!important;background:var(--cus-band)!important;border-color:var(--cus-hair)!important}

/* ---------- shell ---------- */
html[data-layout="custodian"] .container{max-width:var(--maxw)}
html[data-layout="custodian"] .utilbar{background:var(--cus-band);color:var(--cus-soft);border-bottom:1px solid var(--cus-hair);font-size:12px}
html[data-layout="custodian"] .utilbar .container{height:32px}
html[data-layout="custodian"] .utilbar a{color:var(--cus-soft)}
html[data-layout="custodian"] .utilbar a:hover{color:var(--cus-head);text-decoration:none}
html[data-layout="custodian"] .masthead{background:#fff;border-bottom:1px solid var(--cus-hair);box-shadow:none}
html[data-layout="custodian"] .masthead .container{height:68px;gap:28px}
html[data-layout="custodian"] .brand{font:700 16px var(--font-head);color:var(--cus-head);letter-spacing:-.01em}
html[data-layout="custodian"] .brand small{display:none}
html[data-layout="custodian"] .brand .logo{width:28px;height:28px;border-radius:7px;background:var(--cus-head);font-size:0;position:relative}
html[data-layout="custodian"] .brand .logo::after{content:"";position:absolute;inset:7px;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3' y='7' width='10' height='7' rx='1.5' fill='black'/%3E%3Cpath d='M5 7V5a3 3 0 0 1 6 0v2' stroke='black' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3' y='7' width='10' height='7' rx='1.5' fill='black'/%3E%3Cpath d='M5 7V5a3 3 0 0 1 6 0v2' stroke='black' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") center/contain no-repeat}
html[data-layout="custodian"] .mainnav{gap:24px}
html[data-layout="custodian"] .mainnav a,html[data-layout="custodian"] .mainnav .navitem>a{font-size:13.5px;color:var(--cus-soft);font-weight:500}
html[data-layout="custodian"] .mainnav a:hover,html[data-layout="custodian"] .mainnav .navitem:hover>a{color:var(--cus-head)}
html[data-layout="custodian"] .mainnav a.active{color:var(--cus-head);font-weight:600;border-bottom:2px solid var(--accent)}
html[data-layout="custodian"] .mega{border-radius:12px;border-color:var(--cus-hair2);box-shadow:var(--shadow-lg)}
html[data-layout="custodian"] .mega a{border-radius:8px;border-color:var(--cus-hair)}
html[data-layout="custodian"] .mega a:hover{background:var(--cus-band);border-color:var(--cus-hair2)}
html[data-layout="custodian"] .mega.mega-rich a:hover{border-color:var(--cus-hair)}
html[data-layout="custodian"] .mega-rich .lbl{color:var(--cus-head);font-weight:600}
html[data-layout="custodian"] .mega.mega-rich a.choose{background:var(--cus-wash);color:var(--accent)}
html[data-layout="custodian"] .head-actions{gap:10px}
html[data-layout="custodian"] .head-actions .btn-ghost{color:var(--cus-soft);background:transparent}
html[data-layout="custodian"] .head-actions .btn-ghost:hover{color:var(--cus-head)}
html[data-layout="custodian"] .rulebar{display:none}
html[data-layout="custodian"] .mobilenav a{color:var(--cus-head)}
html[data-layout="custodian"] .navtoggle,html[data-layout="custodian"] .head-actions .ha-icon{border-radius:8px}

/* ---------- buttons, tags, panels ---------- */
html[data-layout="custodian"] .btn{border-radius:8px;font-weight:600;box-shadow:none;font-size:13.5px;padding:10px 16px;line-height:1.25}
html[data-layout="custodian"] .btn:hover{filter:none;box-shadow:none;text-decoration:none}
/* a plain .btn (no variant) is the design's secondary button: white, hairline */
html[data-layout="custodian"] .btn:not(.btn-primary):not(.btn-dark):not(.btn-danger):not(.btn-ghost):not(.btn-white):not(.btn-outline){background:#fff;border-color:var(--cus-hair2);color:var(--cus-head)}
html[data-layout="custodian"] .btn:not(.btn-primary):not(.btn-dark):not(.btn-danger):not(.btn-ghost):not(.btn-white):not(.btn-outline):hover{border-color:var(--cus-head)}
html[data-layout="custodian"] .btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}
html[data-layout="custodian"] .btn-primary:hover{background:var(--accent-600);border-color:var(--accent-600);color:#fff}
html[data-layout="custodian"] .btn-outline{background:#fff;border-color:var(--cus-hair2);color:var(--cus-head)}
html[data-layout="custodian"] .btn-outline:hover{border-color:var(--cus-head);color:var(--cus-head)}
html[data-layout="custodian"] .btn-dark{background:var(--cus-head);color:#fff}
html[data-layout="custodian"] .btn-sm{padding:6px 11px;font-size:12.5px}
html[data-layout="custodian"] .btn-lg{padding:13px 22px;font-size:14.5px}
html[data-layout="custodian"] .btn-danger{border-radius:8px}
html[data-layout="custodian"] .tag{border-radius:999px;font:600 10.5px var(--font);letter-spacing:.06em;border:1px solid var(--cus-hair2);background:#fff;color:var(--cus-soft);padding:3px 9px}
html[data-layout="custodian"] .tag-dv,html[data-layout="custodian"] .tag-ov{border-color:transparent;background:var(--cus-wash);color:var(--accent)}
html[data-layout="custodian"] .tag-ev{border-color:#e6d2a5;background:var(--cus-goldw);color:var(--cus-gold)}
html[data-layout="custodian"] .pill{border-radius:999px;border-color:var(--cus-hair2)}
html[data-layout="custodian"] .card,html[data-layout="custodian"] .panel,html[data-layout="custodian"] .prod,html[data-layout="custodian"] .feature,html[data-layout="custodian"] .kpi{border-radius:12px;box-shadow:none;border-color:var(--cus-hair)}
html[data-layout="custodian"] .prod:hover,html[data-layout="custodian"] .feature:hover,html[data-layout="custodian"] .kpi:hover{transform:none;box-shadow:none;border-color:var(--cus-hair2)}
html[data-layout="custodian"] .panel{overflow:hidden}
html[data-layout="custodian"] .panel-head{background:var(--cus-band);border-bottom:1px solid var(--cus-hair);padding:12px 16px}
html[data-layout="custodian"] .panel-head h3,html[data-layout="custodian"] .panel-head h2{font:600 13.5px var(--font-head);color:var(--cus-head);margin:0}
html[data-layout="custodian"] .panel-body{padding:16px 18px}
html[data-layout="custodian"] .card-pad{padding:18px 20px}
html[data-layout="custodian"] .notice{border:0;border-left:2px solid var(--accent);background:var(--cus-wash);border-radius:0 8px 8px 0;color:var(--ink);font-size:13px;padding:10px 12px}
html[data-layout="custodian"] .notice-warn{border-left-color:var(--cus-wn);background:var(--cus-wnw)}
html[data-layout="custodian"] .notice-ok{border-left-color:var(--cus-ok);background:var(--cus-okw)}
html[data-layout="custodian"] .notice-danger{border-left-color:var(--cus-bd);background:var(--cus-bdw)}
html[data-layout="custodian"] .stats{border-radius:12px;border-color:var(--cus-hair)}
html[data-layout="custodian"] .stats .stat .n{font:600 24px var(--font-head);letter-spacing:-.02em;color:var(--cus-head)}
html[data-layout="custodian"] .quote-card{border-radius:12px;box-shadow:var(--shadow-lg)}
html[data-layout="custodian"] .divider{background:var(--cus-hair)}
html[data-layout="custodian"] .dot-ok{background:var(--cus-ok)}html[data-layout="custodian"] .dot-warn{background:var(--cus-wn)}html[data-layout="custodian"] .dot-danger{background:var(--cus-bd)}
html[data-layout="custodian"] .status-ok{color:var(--cus-ok)}html[data-layout="custodian"] .status-warn{color:var(--cus-wn)}html[data-layout="custodian"] .status-danger{color:var(--cus-bd)}

/* ---------- tables & forms ---------- */
html[data-layout="custodian"] table.data{font-size:13.5px}
html[data-layout="custodian"] table.data th,html[data-layout="custodian"] .acct-table th{font:600 10px var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--cus-soft);background:var(--cus-band);border-bottom:1px solid var(--cus-hair)}
html[data-layout="custodian"] table.data td{border-color:var(--cus-hair)}
html[data-layout="custodian"] table.data tr:hover td{background:#fafbfc}
html[data-layout="custodian"] .input,html[data-layout="custodian"] select.input,html[data-layout="custodian"] textarea.input,
html[data-layout="custodian"] main input[type=text],html[data-layout="custodian"] main input[type=email],html[data-layout="custodian"] main input[type=tel],html[data-layout="custodian"] main input[type=password],html[data-layout="custodian"] main input[type=number],html[data-layout="custodian"] main input[type=search],html[data-layout="custodian"] main input[type=url],html[data-layout="custodian"] main select,html[data-layout="custodian"] main textarea{border-radius:8px;border:1px solid var(--cus-hair2);font-family:var(--font);color:var(--ink);background-color:#fff}
html[data-layout="custodian"] main :is(input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],input[type=url],select):not([type=checkbox]):not([type=radio]){min-height:40px}
html[data-layout="custodian"] main :is(input,select,textarea):focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}
html[data-layout="custodian"] main input[type=checkbox],html[data-layout="custodian"] main input[type=radio]{accent-color:var(--accent)}
html[data-layout="custodian"] label.fld .lbl,html[data-layout="custodian"] .fld .lbl{font:600 10.5px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--cus-soft)}
html[data-layout="custodian"] .codebox{border-radius:8px;font-family:var(--mono);background:var(--cus-band);border-color:var(--cus-hair);color:var(--cus-head)}

/* ---------- page headers & breadcrumbs ---------- */
html[data-layout="custodian"] .pagehero{background:radial-gradient(900px 360px at 92% -30%,var(--cus-wash) 0,transparent 62%),#fff;border-bottom:1px solid var(--cus-hair)}
html[data-layout="custodian"] .pagehero h1{font-size:32px;line-height:1.15}
html[data-layout="custodian"] .pagehero .eyebrow{color:var(--accent)}
html[data-layout="custodian"] .crumbs,html[data-layout="custodian"] .pagehero .crumbs{font:12px var(--mono);color:var(--cus-faint)}
html[data-layout="custodian"] .crumbs a{color:var(--cus-soft)}
html[data-layout="custodian"] .crumbs a:hover{color:var(--cus-head)}
html[data-layout="custodian"] .hero{background:radial-gradient(1000px 420px at 92% -20%,var(--cus-wash) 0,transparent 62%),#fff;border-bottom:1px solid var(--cus-hair)}
html[data-layout="custodian"] .page-head h1{font-size:28px}
html[data-layout="custodian"] .page-head .sub{color:var(--cus-soft)}
html[data-layout="custodian"] .section{padding-top:44px;padding-bottom:52px}

/* ---------- classic progress steps (checkout, pay, order placed) ---------- */
html[data-layout="custodian"] .steps .step{color:var(--cus-faint)}
html[data-layout="custodian"] .steps .step:before{background:var(--cus-hair)}
html[data-layout="custodian"] .steps .step .b{border:1px solid var(--cus-hair2);font:600 11px var(--mono);color:var(--cus-faint);width:26px;height:26px}
html[data-layout="custodian"] .steps .step.done .b{background:var(--cus-head);border-color:var(--cus-head);color:#fff}
html[data-layout="custodian"] .steps .step.done{color:var(--cus-head)}
html[data-layout="custodian"] .steps .step.done:before{background:var(--cus-head)}
html[data-layout="custodian"] .steps .step.current .b{border-color:var(--accent);color:var(--accent);background:var(--cus-wash)}
html[data-layout="custodian"] .steps .step.current{color:var(--cus-head);font-weight:600}
html[data-layout="custodian"] .progress{background:var(--cus-hair);border-radius:6px}
html[data-layout="custodian"] .progress .bar{background:var(--cus-head)}

/* ---------- cart / checkout / pay / order placed ---------- */
html[data-layout="custodian"] .sum-row{border-bottom-color:var(--cus-hair);font-size:13.5px}
html[data-layout="custodian"] .sum-row span:first-child{color:var(--cus-soft)}
html[data-layout="custodian"] .sum-row.total{border-top:1px solid var(--cus-hair2);color:var(--cus-head);font:700 17px var(--font-head)}
html[data-layout="custodian"] .sum-row.total span:first-child{color:var(--cus-head)}
html[data-layout="custodian"] .gw{border-radius:12px;border-color:var(--cus-hair2)}
html[data-layout="custodian"] .gw.sel{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--cus-wash)}
html[data-layout="custodian"] .gtee{border:1px solid var(--cus-hair)!important;border-left:2px solid var(--accent)!important;background:#fff!important;border-radius:0 12px 12px 0!important}
html[data-layout="custodian"] .gtee-ic{color:var(--accent)}
html[data-layout="custodian"] .co-trust,html[data-layout="custodian"] .pay-trust{color:var(--cus-soft)}
html[data-layout="custodian"] .js-qty-btn{border-radius:8px}

/* ---------- account dashboard (classic template, Custodian look: tiles, tabs, pills with dots, meters) ---------- */
html[data-layout="custodian"] .kpis{gap:12px}
html[data-layout="custodian"] .kpi{padding:16px}
html[data-layout="custodian"] .kpi .k-l{font:600 10px var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--cus-soft)}
html[data-layout="custodian"] .kpi .k-n{font:600 30px var(--font-head);letter-spacing:-.02em;color:var(--cus-head)}
html[data-layout="custodian"] .kpi .k-d{font-size:11.5px}
html[data-layout="custodian"] .kpi a{color:var(--accent)!important}
html[data-layout="custodian"] .kpi:has(>a) .k-l{padding-right:52px}
html[data-layout="custodian"] .acct-expire{background:var(--cus-wnw)!important;border:0!important;border-left:2px solid var(--cus-wn)!important;border-radius:0 8px 8px 0!important}
html[data-layout="custodian"] .acct-expire>div:first-child:not(.tx){display:none}
html[data-layout="custodian"] .acct-expire .tx{color:var(--ink)!important}
html[data-layout="custodian"] .acct-expire .tx b{color:var(--cus-head)!important}
html[data-layout="custodian"] .acct-tabs{border:1px solid var(--cus-hair);border-radius:10px 10px 0 0;gap:0;background:#fff;overflow:hidden}
html[data-layout="custodian"] .acct-tab{border:0;border-right:1px solid var(--cus-hair);background:#fff;border-radius:0;font-weight:500;font-size:13.5px;color:var(--cus-soft);padding:12px 18px;top:0;flex:1 1 auto;min-height:44px}
html[data-layout="custodian"] .acct-tab:last-child{border-right:0}
html[data-layout="custodian"] .acct-tab:hover{background:var(--cus-band);color:var(--cus-head)}
html[data-layout="custodian"] .acct-tab.on{color:var(--cus-head);font-weight:600;background:#fff;box-shadow:inset 0 -2px 0 var(--accent)}
html[data-layout="custodian"] .acct-tab .cnt{font:500 11px var(--mono);background:var(--cus-band);color:var(--cus-faint);border-radius:999px}
html[data-layout="custodian"] .acct-tab.on .cnt{background:var(--cus-wash);color:var(--accent)}
html[data-layout="custodian"] .acct-panels{border-color:var(--cus-hair);border-radius:0 0 12px 12px}
html[data-layout="custodian"] .acct-table{font-size:13.5px}
html[data-layout="custodian"] .acct-table td{border-bottom-color:var(--cus-hair);color:var(--ink);vertical-align:middle}
html[data-layout="custodian"] .acct-phead{border-bottom-color:var(--cus-hair);background:var(--cus-band)}
html[data-layout="custodian"] .acct-search{border-radius:8px!important;border-color:var(--cus-hair2)!important;min-height:36px}
html[data-layout="custodian"] .cn-pill,html[data-layout="custodian"] .od-badge,html[data-layout="custodian"] .cd-badge,html[data-layout="custodian"] .sup-badge,html[data-layout="custodian"] .mm-pill,html[data-layout="custodian"] .acx-pill{display:inline-flex!important;align-items:center;gap:6px;border-radius:999px!important;font:600 10.5px var(--font)!important;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px!important;border:1px solid color-mix(in srgb,currentColor 28%,transparent);white-space:nowrap}
html[data-layout="custodian"] :is(.cn-pill,.cd-badge,.sup-badge,.mm-pill)::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
html[data-layout="custodian"] .planbadge,html[data-layout="custodian"] .yrbadge{border-radius:999px;font:600 10.5px var(--font);letter-spacing:.04em;background:var(--cus-wash);color:var(--accent)}
html[data-layout="custodian"] .segbar>i{height:6px;border-radius:6px;background:var(--cus-hair)}
html[data-layout="custodian"] .segbar>i.on{background:var(--cus-ok)}
html[data-layout="custodian"] .segbar>i.paused{background:#f3c0c0}
html[data-layout="custodian"] .react.now{color:var(--cus-wn)}html[data-layout="custodian"] .react.soon{color:var(--accent)}html[data-layout="custodian"] .react.paused{color:var(--cus-bd)}html[data-layout="custodian"] .react.na{color:var(--cus-faint)}
html[data-layout="custodian"] .cd{font-family:var(--mono);color:var(--cus-faint)}
html[data-layout="custodian"] .btn-react{border-radius:8px;font-weight:600;padding:7px 12px;background:var(--accent);color:#fff!important;text-decoration:none!important}
html[data-layout="custodian"] .btn-react.red{background:var(--cus-bd)}
html[data-layout="custodian"] .actbtn{border-radius:8px!important;border-color:var(--cus-hair2)!important;color:var(--cus-head)!important;font-weight:600!important;padding:6px 11px!important}
html[data-layout="custodian"] .actbtn:hover{border-color:var(--cus-head)!important;text-decoration:none}
html[data-layout="custodian"] .acct-setup{background:var(--cus-wash)!important;border:0!important;border-left:2px solid var(--accent)!important;border-radius:0 12px 12px 0!important}
html[data-layout="custodian"] .acct-setup-row{border-radius:8px!important;border-color:var(--cus-hair)!important}
html[data-layout="custodian"] .acct-multiexplain{border-radius:0 8px 8px 0!important;border:0!important;border-left:2px solid var(--accent)!important;background:var(--cus-wash)!important;color:var(--ink)!important}

/* ---------- certificate detail / order detail / profile (classic templates) ---------- */
html[data-layout="custodian"] :is(.pol-card,.grail-card,.tw-card,.guide-card,.tool-card,.acx-card,.acx-doc,.acx-howto,.acx-list,.acx-bp-pane,.acx-status,.mm-card,.mm-banner,.cd-bar,.cd-cancelled,.cx-more,.cx-warn,.rx-opt,.acct-setup-row,.sup-bubble,.rsl-card,.rsl-feat,.rsl-segc,.rsl-tier,.rsl-ok,.rsl-err,.rsl-verified,.cform-errors,.cform-flash,.tw-err,.tw-warn,.cad-card,.od-card,.xcard,.sec-card,.sec-panel,.lcard,.rcard,.fopt,.land-ad,.eq-msg){border-radius:12px!important;box-shadow:none!important}
html[data-layout="custodian"] :is(.mm-card,.rsl-feat,.rsl-tier,.guide-card,.tool-card,.lcard,.rcard,.xcard,.fopt):hover{transform:none!important;box-shadow:none!important}
html[data-layout="custodian"] :is(.acct-tab,.acx-subtabs button,.actbtn,.btn-react,.rsl-ico,.lchip,.tchip,.fq){border-radius:8px}
html[data-layout="custodian"] .cd-title{font-family:var(--mono);letter-spacing:0;font-weight:600}
html[data-layout="custodian"] .cd-crumb,html[data-layout="custodian"] .cd-back{font:12px var(--mono);color:var(--cus-faint)}
html[data-layout="custodian"] .vstep{border-radius:10px}
html[data-layout="custodian"] .vstep-b{border-radius:50%;font-family:var(--mono)}
html[data-layout="custodian"] .vstep.done .vstep-b{background:var(--cus-head);border-color:var(--cus-head);color:#fff}
html[data-layout="custodian"] .vstep-when{font-family:var(--mono);font-size:12px;color:var(--cus-soft)}
html[data-layout="custodian"] .vstep-when b{font-weight:500}
html[data-layout="custodian"] .vstep-s{font:600 10.5px var(--font);letter-spacing:.06em;text-transform:uppercase}
html[data-layout="custodian"] .mm-kv{border-color:var(--cus-hair)}
html[data-layout="custodian"] .od-ch{background:var(--cus-band);border-color:var(--cus-hair)}
html[data-layout="custodian"] .acx-tabs,html[data-layout="custodian"] .acx-subtabs{border-color:var(--cus-hair)}
html[data-layout="custodian"] :is(.tw-input,.tw-ta,.cform-field input,.cform-field select,.cform-field textarea,.rfld input,.rfld select,.rfld textarea,.acx-fld input,.acx-fld select,.acx-search input){border-radius:8px!important;border-color:var(--cus-hair2)}
/* DNS / CAA health block on the certificate page: status words + dots, monospace records */
html[data-layout="custodian"] :is(.dnsh,.dns-health,[class^="dnsh-"],[class*=" dnsh-"]){border-radius:12px}
html[data-layout="custodian"] [class^="cd-"],html[data-layout="custodian"] [class*=" cd-"]{border-radius:8px}

/* ---------- support ---------- */
html[data-layout="custodian"] :is(.acct-table,table.sup-tickets) tr{border-radius:0!important;box-shadow:none!important}
html[data-layout="custodian"] .sup-bubble{border-color:var(--cus-hair)!important}
html[data-layout="custodian"] .sup-kv{border-color:var(--cus-hair)}

/* ---------- guides, tools, policies, landing pages, reseller ---------- */
html[data-layout="custodian"] :is(.tool-next,.tw-copy,.tw-dl,.guide-body pre){border-radius:8px!important;box-shadow:none!important}
html[data-layout="custodian"] .guide-body pre,html[data-layout="custodian"] .guide-body code{font-family:var(--mono)}
html[data-layout="custodian"] .guide-card:hover,html[data-layout="custodian"] .tool-card:hover{border-color:var(--cus-hair2)!important}
html[data-layout="custodian"] .pslot-card,html[data-layout="custodian"] .cad-card{background-image:none!important;background-color:var(--cus-head)!important;border-radius:12px!important;box-shadow:none!important}
html[data-layout="custodian"] :is(.pslot-btn,.cad-btn,.pslot-img){border-radius:8px!important}
html[data-layout="custodian"] .rsl-hero{background:radial-gradient(1000px 420px at 92% -20%,var(--cus-wash) 0,transparent 62%),#fff!important;border-bottom:1px solid var(--cus-hair)}
html[data-layout="custodian"] .rsl-benefits li{border-radius:999px!important;font:600 10.5px var(--font);letter-spacing:.06em;text-transform:uppercase;background:#fff!important;border:1px solid var(--cus-hair2)!important}
html[data-layout="custodian"] .rsl-step .num,html[data-layout="custodian"] span.num{border-radius:50%!important;font-family:var(--mono)}
html[data-layout="custodian"] .lchip,html[data-layout="custodian"] .tchip{font-family:var(--font)}
html[data-layout="custodian"] .rsl-tier .ribbon{border-radius:999px!important}
html[data-layout="custodian"] :is(.lcard-dv,.lcard-ov,.lcard-ev)::before{width:3px}
html[data-layout="custodian"] .lcard-dv::before{background:var(--accent)}
html[data-layout="custodian"] .lcard-ov::before{background:var(--cus-head)}
html[data-layout="custodian"] .lcard-ev::before{background:var(--cus-gold)}
html[data-layout="custodian"] .lchip{border-radius:999px;border-color:var(--cus-hair2);min-height:34px}
html[data-layout="custodian"] .lchip[aria-pressed=true]{background:var(--cus-wash);border-color:var(--accent);color:var(--accent)}
html[data-layout="custodian"] .land-faq details{border-color:var(--cus-hair);border-radius:12px;padding:14px 18px}
html[data-layout="custodian"] .land-faq summary{font-family:var(--font-head);color:var(--cus-head)}
html[data-layout="custodian"] .land-ti .chk,html[data-layout="custodian"] .cat-ti .chk{background:var(--cus-ok)}


/* reseller page: its own greens -> this palette's accent */
html[data-layout="custodian"] :is(.rsl-eyebrow,.rsl-tier .tag){color:var(--accent);font-size:10.5px;font-weight:600}
html[data-layout="custodian"] .rsl-benefits li{color:var(--cus-soft)!important}
html[data-layout="custodian"] :is(.rsl-ico){background:var(--cus-wash);color:var(--accent)}
html[data-layout="custodian"] .rsl-step .num,html[data-layout="custodian"] .rsl-steps .s.done .n{background:var(--cus-head)!important;font:600 13px var(--mono)}
html[data-layout="custodian"] .rsl-steps .s.on .n{background:var(--accent)}
html[data-layout="custodian"] .rsl-tier.mid{border-color:var(--accent)!important;box-shadow:inset 0 0 0 1px var(--accent)!important}
html[data-layout="custodian"] .rsl-tier li:before,html[data-layout="custodian"] .rsl-faq summary:after{color:var(--accent)}
html[data-layout="custodian"] .rsl-tier .ribbon{color:var(--accent);background:var(--cus-wash);border-color:transparent}
html[data-layout="custodian"] :is(.rsl-ok,.rsl-verified){background:var(--cus-okw);border-color:#b7e1c5;color:var(--cus-ok)}
html[data-layout="custodian"] .rsl-caname{color:var(--cus-head)}
html[data-layout="custodian"] .rsl-linkbtn{color:var(--accent)}
html[data-layout="custodian"] .rfld input:focus,html[data-layout="custodian"] .rfld select:focus,html[data-layout="custodian"] .rfld textarea:focus{outline-color:var(--accent);border-color:var(--accent)}

/* ---------- footer: light band ---------- */
html[data-layout="custodian"] .footer{background:var(--cus-band);color:var(--cus-soft);border-top:1px solid var(--cus-hair);margin-top:56px;font-size:12.5px;padding:40px 0 18px}
html[data-layout="custodian"] .footer h4{color:var(--cus-head);font:600 10px var(--font);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}
html[data-layout="custodian"] .footer a{color:var(--cus-soft);padding:3px 0}
html[data-layout="custodian"] .footer a:hover{color:var(--cus-head)}
html[data-layout="custodian"] .foot-legal{border-top-color:var(--cus-hair);font-size:12px}
html[data-layout="custodian"] .foot-legal b{color:var(--cus-head);font:600 10px var(--font);letter-spacing:.14em}
html[data-layout="custodian"] .foot-bottom{border-top-color:var(--cus-hair);color:var(--cus-faint);font:11.5px var(--mono)}
html[data-layout="custodian"] .pay-badges .pb{background:#fff;border-color:var(--cus-hair2);color:var(--cus-head);border-radius:5px;font-weight:600}

/* ---------- website chat ---------- */
html[data-layout="custodian"] .sslx-chat{font-family:var(--font)}
html[data-layout="custodian"] .sslx-chat-fab{border-radius:999px;background:var(--cus-head);font-weight:600;letter-spacing:0;box-shadow:0 8px 22px rgba(10,20,36,.2)}
html[data-layout="custodian"] .sslx-chat-panel{border-radius:14px;border-color:var(--cus-hair2);box-shadow:var(--shadow-lg)}
html[data-layout="custodian"] .sslx-chat-head{background:#fff;color:var(--cus-head);border-bottom:1px solid var(--cus-hair)}
html[data-layout="custodian"] .sslx-chat-sub{font-size:11.5px;opacity:1;color:var(--cus-soft)}
html[data-layout="custodian"] .sslx-chat-x{color:var(--cus-head)}
html[data-layout="custodian"] .sslx-chat-log,html[data-layout="custodian"] .sslx-chat-typing{background:var(--cus-band)}
html[data-layout="custodian"] .sslx-chat-bubble{border-radius:12px;border-color:var(--cus-hair)}
html[data-layout="custodian"] .sslx-chat-me .sslx-chat-bubble{background:var(--cus-head)}
html[data-layout="custodian"] .sslx-chat-input,html[data-layout="custodian"] .sslx-chat-send{border-radius:8px}
html[data-layout="custodian"] .sslx-chat-send{background:var(--accent)}
html[data-layout="custodian"] .sslx-chat-chip{border-radius:999px;font-size:12px;font-weight:500}
html[data-layout="custodian"] .sslx-chat-actions{border-top-color:var(--cus-hair)}

/* ---------- catalogue: product-type tabs (shared partial), compare bar + modal (shared partial) ---------- */
html[data-layout="custodian"] .ctabs{display:flex;flex-wrap:wrap;margin-top:20px;border:1px solid var(--cus-hair);border-radius:10px;background:#fff;overflow:hidden;gap:0}
html[data-layout="custodian"] .ctabs a{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:max-content;padding:11px 16px;border:0;border-right:1px solid var(--cus-hair);border-radius:0;background:#fff;font-size:13.5px;font-weight:500;color:var(--cus-soft);white-space:nowrap;min-height:44px}
html[data-layout="custodian"] .ctabs a:last-child{border-right:0}
html[data-layout="custodian"] .ctabs a:hover{color:var(--cus-head);text-decoration:none;background:var(--cus-band)}
html[data-layout="custodian"] .ctabs a.on{color:var(--cus-head);font-weight:600;background:#fff}
html[data-layout="custodian"] .ctabs a.on:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:var(--accent)}
html[data-layout="custodian"] .ctabs em{font:500 11px var(--mono);font-style:normal;color:var(--cus-faint);margin-left:6px;opacity:1}
html[data-layout="custodian"] .cmpbar{background:var(--cus-head)}
html[data-layout="custodian"] .cmpbar .btn-primary{background:#fff;color:var(--cus-head);border-color:#fff}
html[data-layout="custodian"] .cmp-modal{border-radius:14px}
html[data-layout="custodian"] .cmp-th{border-radius:8px}
/* The shared compare modal (catalog/_compare.html.twig) builds an "Encryption" row with a fixed key-length claim
   that this design does not make; rows are fixed: brand, validation, coverage, domains, issuance, ENCRYPTION, ... */

/* ==========================================================================
   Bespoke Custodian templates (sf/custodian/…): .cus-* components
   ========================================================================== */
html[data-layout="custodian"] .cus-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html[data-layout="custodian"] .cus-mono{font-family:var(--mono)}
html[data-layout="custodian"] .cus-mut{color:var(--cus-soft)}
html[data-layout="custodian"] .cus-faint{color:var(--cus-faint)}
html[data-layout="custodian"] .cus-xs{font-size:11.5px}
html[data-layout="custodian"] p.cus-xs,html[data-layout="custodian"] p.cus-mut{max-width:860px} /* v1.61.1: notes stay readable in the wider column */
html[data-layout="custodian"] .cus-head{color:var(--cus-head)}
html[data-layout="custodian"] .cus-eb{font:600 10.5px var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
html[data-layout="custodian"] .cus-h2{font-size:26px;line-height:1.2;margin:10px 0 8px}
html[data-layout="custodian"] .cus-ttl{font-size:32px;line-height:1.15;margin:0}
html[data-layout="custodian"] .cus-lede{font-size:15.5px;color:var(--cus-soft);margin:10px 0 22px;max-width:620px;line-height:1.65}
html[data-layout="custodian"] .cus-card{border:1px solid var(--cus-hair);border-radius:12px;background:#fff;overflow:hidden}
html[data-layout="custodian"] .cus-ch{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--cus-hair);background:var(--cus-band)}
html[data-layout="custodian"] .cus-ch b,html[data-layout="custodian"] .cus-ch h2{font:600 13px var(--font-head);color:var(--cus-head);margin:0;letter-spacing:-.01em}
html[data-layout="custodian"] .cus-pad{padding:16px 18px}
html[data-layout="custodian"] .cus-pill{display:inline-flex;align-items:center;gap:6px;font:600 10.5px var(--font);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--cus-hair2);border-radius:999px;padding:3px 9px;color:var(--cus-soft);background:#fff;white-space:nowrap;line-height:1.5}
html[data-layout="custodian"] a.cus-pill:hover{text-decoration:none;border-color:var(--accent)}
html[data-layout="custodian"] .cus-pill.ok{border-color:#b7e1c5;background:var(--cus-okw);color:var(--cus-ok)}
html[data-layout="custodian"] .cus-pill.wn{border-color:#f5d0a4;background:var(--cus-wnw);color:var(--cus-wn)}
html[data-layout="custodian"] .cus-pill.bd{border-color:#f3c0c0;background:var(--cus-bdw);color:var(--cus-bd)}
html[data-layout="custodian"] .cus-pill.ev{border-color:#e6d2a5;background:var(--cus-goldw);color:var(--cus-gold)}
html[data-layout="custodian"] .cus-pill.a{border-color:transparent;background:var(--cus-wash);color:var(--accent)}
html[data-layout="custodian"] .cus-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:currentColor;flex:none}
html[data-layout="custodian"] .cus-note{border-left:2px solid var(--accent);background:var(--cus-wash);padding:10px 12px;font-size:13px;border-radius:0 8px 8px 0;color:var(--ink)}
html[data-layout="custodian"] .cus-sect{padding-top:60px;padding-bottom:60px}
html[data-layout="custodian"] .cus-band{background:var(--cus-band);border-top:1px solid var(--cus-hair);border-bottom:1px solid var(--cus-hair)}
html[data-layout="custodian"] .cus-shead{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:24px;flex-wrap:wrap}
html[data-layout="custodian"] .cus-shead h2{font-size:30px;line-height:1.15;margin:10px 0 0}
html[data-layout="custodian"] .cus-shead p{max-width:420px;margin:0}
html[data-layout="custodian"] .cus-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}
html[data-layout="custodian"] .cus-grid2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:28px;align-items:start}
/* hero */
html[data-layout="custodian"] .cus-hero{background:radial-gradient(1000px 420px at 92% -20%,var(--cus-wash) 0,transparent 62%),#fff}
html[data-layout="custodian"] .cus-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;padding:64px 0 56px}
html[data-layout="custodian"] .cus-hero h1,html[data-layout="custodian"] .cus-hero .cus-h1{font-size:48px;line-height:1.05;margin:0;font-family:var(--font-head);font-weight:600;letter-spacing:-.02em;color:var(--cus-head)}
html[data-layout="custodian"] .cus-hero .cus-lede{font-size:16.5px;margin:20px 0 28px;max-width:540px}
html[data-layout="custodian"] .cus-aud{display:inline-flex;border:1px solid var(--cus-hair2);border-radius:999px;padding:3px;margin-bottom:22px;background:#fff}
html[data-layout="custodian"] .cus-aud[hidden]{display:none}
html[data-layout="custodian"] .cus-aud button{appearance:none;border:0;background:transparent;font:600 12.5px var(--font);color:var(--cus-soft);padding:8px 15px;border-radius:999px;cursor:pointer;min-height:36px}
html[data-layout="custodian"] .cus-aud button:hover{color:var(--cus-head)}
html[data-layout="custodian"] .cus-aud button[aria-pressed="true"]{background:var(--cus-head);color:#fff}
html[data-layout="custodian"] .cus-meta{margin-top:22px;display:flex;gap:8px 20px;flex-wrap:wrap;font-size:12.5px;color:var(--cus-soft)}
html[data-layout="custodian"] .cus-inv{box-shadow:0 24px 60px rgba(10,20,36,.09)}
html[data-layout="custodian"] .cus-crow{display:grid;grid-template-columns:1.6fr .7fr 1fr .8fr;gap:8px;padding:11px 16px;border-bottom:1px solid var(--cus-hair);font-size:12.5px;align-items:center}
html[data-layout="custodian"] .cus-crow-h{font:600 10px var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--cus-soft);background:#fff}
html[data-layout="custodian"] .cus-crow .cus-mono{color:var(--cus-head);overflow-wrap:anywhere}
html[data-layout="custodian"] .cus-inv-foot{padding:12px 16px;background:var(--cus-band);font-size:12px;color:var(--cus-soft)}
/* CA strip */
html[data-layout="custodian"] .cus-cas{border-top:1px solid var(--cus-hair);border-bottom:1px solid var(--cus-hair)}
html[data-layout="custodian"] .cus-cas-in{display:flex;align-items:center;gap:28px;padding-top:18px;padding-bottom:18px}
html[data-layout="custodian"] .cus-cas small{font:600 10px var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--cus-faint);white-space:nowrap}
html[data-layout="custodian"] .cus-cas-l{flex:1;display:flex;justify-content:space-between;align-items:center;gap:24px;min-width:0;flex-wrap:wrap}
html[data-layout="custodian"] .cus-cas-l a{display:inline-flex;align-items:center;min-height:32px;color:var(--cus-soft);font-weight:600;font-size:13px}
html[data-layout="custodian"] .cus-cas img{display:block;height:22px;width:auto;max-width:110px;object-fit:contain}
/* lifetime timeline */
html[data-layout="custodian"] .cus-tl{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--cus-hair);border-radius:12px;overflow:hidden;background:#fff}
html[data-layout="custodian"] .cus-tl>div{padding:20px;border-right:1px solid var(--cus-hair)}
html[data-layout="custodian"] .cus-tl>div:last-child{border-right:0}
html[data-layout="custodian"] .cus-tl .d{font:500 12px var(--mono);color:var(--cus-soft)}
html[data-layout="custodian"] .cus-tl .v{font:600 34px var(--font-head);color:var(--cus-head);letter-spacing:-.02em;margin:6px 0 2px}
html[data-layout="custodian"] .cus-tl .v small{font:500 13px var(--font);color:var(--cus-soft)}
html[data-layout="custodian"] .cus-tl .now{background:var(--cus-wash)}
html[data-layout="custodian"] .cus-tl .now .d:before{content:"In force now · ";color:var(--accent);font-weight:600}
html[data-layout="custodian"] .cus-tl .bar{height:6px;border-radius:6px;background:var(--cus-hair);margin-top:12px;overflow:hidden}
html[data-layout="custodian"] .cus-tl .bar i{display:block;height:100%;background:var(--cus-head)}
html[data-layout="custodian"] .cus-tl .dcv{margin-top:10px;font-size:12px;color:var(--cus-soft)}
/* two readers */
html[data-layout="custodian"] .cus-two{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--cus-hair);border-radius:12px;overflow:hidden;background:#fff}
html[data-layout="custodian"] .cus-two>div{padding:28px}
html[data-layout="custodian"] .cus-two>div:first-child{border-right:1px solid var(--cus-hair)}
html[data-layout="custodian"] .cus-two h3{font-size:20px;margin:6px 0 8px}
html[data-layout="custodian"] .cus-capr{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:13px 0;border-top:1px solid var(--cus-hair)}
html[data-layout="custodian"] .cus-capr .ic{width:30px;height:30px;border-radius:8px;background:var(--cus-wash);color:var(--accent);display:flex;align-items:center;justify-content:center;font:600 11px var(--mono)}
html[data-layout="custodian"] .cus-capr b{display:block;font:600 14px var(--font-head);color:var(--cus-head)}
html[data-layout="custodian"] .cus-capr span{font-size:13px;color:var(--cus-soft)}
/* flow */
html[data-layout="custodian"] .cus-flow{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--cus-hair);border-radius:12px;overflow:hidden;background:#fff;list-style:none;margin:0;padding:0}
html[data-layout="custodian"] .cus-flow>li{padding:18px;border-right:1px solid var(--cus-hair)}
html[data-layout="custodian"] .cus-flow>li:last-child{border-right:0}
html[data-layout="custodian"] .cus-flow .n{font:600 11px var(--mono);color:var(--accent)}
html[data-layout="custodian"] .cus-flow b{display:block;font:600 14px var(--font-head);color:var(--cus-head);margin:6px 0 2px}
html[data-layout="custodian"] .cus-flow span:last-child{display:block;font-size:12.5px;color:var(--cus-soft)}
/* tables */
html[data-layout="custodian"] .cus-tw{overflow-x:auto}
html[data-layout="custodian"] .cus-tbl{width:100%;border-collapse:collapse;font-size:13.5px}
html[data-layout="custodian"] .cus-tbl th{font:600 10px var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--cus-soft);text-align:left;padding:11px 16px;background:var(--cus-band);border-bottom:1px solid var(--cus-hair);white-space:nowrap}
html[data-layout="custodian"] .cus-tbl td{padding:12px 16px;border-bottom:1px solid var(--cus-hair);vertical-align:middle}
html[data-layout="custodian"] .cus-tbl tr:last-child td{border-bottom:0}
html[data-layout="custodian"] .cus-tbl .r{text-align:right}
html[data-layout="custodian"] .cus-nm{font:600 14px var(--font-head);color:var(--cus-head);letter-spacing:-.01em}
html[data-layout="custodian"] .cus-nm:hover{text-decoration:underline;text-underline-offset:2px}
html[data-layout="custodian"] .cus-pr{font:600 14.5px var(--font-head);color:var(--cus-head);white-space:nowrap}
html[data-layout="custodian"] .cus-why{font-size:12.5px;color:var(--cus-soft);margin-top:2px}
/* FAQ */
html[data-layout="custodian"] .cus-faq{border:1px solid var(--cus-hair);border-radius:12px;background:#fff}
html[data-layout="custodian"] .cus-faq details{padding:14px 18px;border-top:1px solid var(--cus-hair)}
html[data-layout="custodian"] .cus-faq details:first-child{border-top:0}
html[data-layout="custodian"] .cus-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;font:600 14px var(--font-head);color:var(--cus-head);min-height:24px}
html[data-layout="custodian"] .cus-faq summary::-webkit-details-marker{display:none}
html[data-layout="custodian"] .cus-faq summary:after{content:"+";font-family:var(--mono);color:var(--cus-faint)}
html[data-layout="custodian"] .cus-faq details[open] summary:after{content:"−"}
html[data-layout="custodian"] .cus-faq .a{margin:6px 0 0;color:var(--cus-soft);font-size:13px;line-height:1.65}
html[data-layout="custodian"] .cus-ctaband>.container{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:32px;padding-bottom:32px}
html[data-layout="custodian"] .cus-ctaband{padding:0;border-bottom:0}
html[data-layout="custodian"] main:has(.cus-ctaband) + .footer{margin-top:0}
/* page head (catalogue) */
html[data-layout="custodian"] .cus-pagehead{border-bottom:1px solid var(--cus-hair);background:radial-gradient(900px 360px at 92% -30%,var(--cus-wash) 0,transparent 62%),#fff}
html[data-layout="custodian"] .cus-pagehead>.container{padding-top:26px;padding-bottom:22px}
html[data-layout="custodian"] .cus-pagehead .crumbs{padding:0 0 12px}
html[data-layout="custodian"] .cus-headrow{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
/* catalogue */
html[data-layout="custodian"] .cus-catgrid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;padding-top:24px;padding-bottom:20px}
html[data-layout="custodian"] .cus-filters fieldset{border:0;margin:0 0 16px;padding:0;min-width:0}
html[data-layout="custodian"] .cus-filters .fh{font:600 10px var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--cus-faint);margin:0 0 6px;padding:0}
html[data-layout="custodian"] .cus-filters label{display:flex;gap:9px;align-items:center;font-size:13px;padding:5px 0;color:var(--ink);cursor:pointer}
html[data-layout="custodian"] .cus-filters input[type=checkbox]{width:15px;height:15px;margin:0;flex:none}
html[data-layout="custodian"] .cus-results{min-width:0}
html[data-layout="custodian"] .cus-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px 16px;flex-wrap:wrap;margin-bottom:12px;font-size:12.5px;color:var(--cus-soft)}
html[data-layout="custodian"] .cus-toolbar-l{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
html[data-layout="custodian"] .cus-sort{display:flex;align-items:center;gap:8px}
html[data-layout="custodian"] .cus-sort select{min-height:36px!important;padding:6px 10px;font-size:13px}
html[data-layout="custodian"] .cus-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--cus-hair2);border-radius:999px;padding:2px 4px 2px 10px;font:600 10.5px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--cus-soft);background:#fff}
html[data-layout="custodian"] .cus-chip button{border:0;background:none;cursor:pointer;color:var(--cus-soft);font-size:14px;line-height:1;min-width:24px;min-height:24px;border-radius:999px}
html[data-layout="custodian"] .cus-chip button:hover{background:var(--cus-band);color:var(--cus-head)}
html[data-layout="custodian"] .cus-cmpcol{width:36px;padding-right:0!important}
html[data-layout="custodian"] .cus-cmp{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;cursor:pointer;position:static}
html[data-layout="custodian"] .cus-cmp input{width:16px;height:16px;margin:0}
html[data-layout="custodian"] .cus-cattbl tr.prod{display:table-row;border:0;border-radius:0;background:#fff;box-shadow:none;padding:0;overflow:visible;transform:none}
html[data-layout="custodian"] .cus-cattbl tr.prod>td{display:table-cell}
html[data-layout="custodian"] .cus-cattbl tr.prod:hover td{background:#fafbfc}
html[data-layout="custodian"] .cus-cattbl tr.prod.cmp-on td{background:var(--cus-wash)}
html[data-layout="custodian"] .cus-badge{font-size:9.5px;padding:1px 7px;vertical-align:2px}
html[data-layout="custodian"] .cus-empty{padding:40px 20px;text-align:center}
html[data-layout="custodian"] .cus-showsm{display:none}
/* product */
html[data-layout="custodian"] .cus-prod{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);grid-template-areas:"a s" "b s";column-gap:40px;row-gap:28px;align-items:start;padding-top:24px;padding-bottom:48px}
html[data-layout="custodian"] .cus-prod .crumbs{padding:0 0 12px}
html[data-layout="custodian"] .cus-prod-a{grid-area:a;min-width:0}
html[data-layout="custodian"] .cus-prod-b{grid-area:b;min-width:0}
html[data-layout="custodian"] .cus-prod-side{grid-area:s;position:sticky;top:84px;min-width:0}
html[data-layout="custodian"] .cus-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
html[data-layout="custodian"] .cus-kvs{margin:0;padding:4px 18px 8px}
html[data-layout="custodian"] .cus-kv{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid var(--cus-hair);font-size:13px}
html[data-layout="custodian"] .cus-kv:first-child{border-top:0}
html[data-layout="custodian"] .cus-kv dt,html[data-layout="custodian"] .cus-kv>span{color:var(--cus-soft);flex:0 0 auto;max-width:42%}
html[data-layout="custodian"] .cus-kv dd,html[data-layout="custodian"] .cus-kv>b{margin:0;color:var(--cus-head);font-weight:600;text-align:right;min-width:0;overflow-wrap:anywhere}
html[data-layout="custodian"] .cus-kv dd.cus-mono{font-weight:500}
html[data-layout="custodian"] .cus-steps{list-style:none;margin:0;padding:0;border:1px solid var(--cus-hair);border-radius:12px;overflow:hidden;background:#fff}
html[data-layout="custodian"] .cus-steps>li{display:grid;grid-template-columns:28px 1fr auto;gap:12px;padding:14px 16px;border-bottom:1px solid var(--cus-hair);align-items:start}
html[data-layout="custodian"] .cus-steps>li:last-child{border-bottom:0}
html[data-layout="custodian"] .cus-steps .n{width:26px;height:26px;border-radius:50%;border:1px solid var(--cus-hair2);display:flex;align-items:center;justify-content:center;font:600 11px var(--mono);color:var(--cus-soft)}
html[data-layout="custodian"] .cus-steps>li.cur{background:var(--cus-wash)}
html[data-layout="custodian"] .cus-steps>li.cur .n{border-color:var(--accent);color:var(--accent)}
html[data-layout="custodian"] .cus-steps b{display:block;color:var(--cus-head);font:600 14px var(--font-head)}
html[data-layout="custodian"] .cus-steps div>span{font-size:12.5px;color:var(--cus-soft)}
html[data-layout="custodian"] .cus-steps .t{font:12px var(--mono);color:var(--cus-soft);white-space:nowrap}
html[data-layout="custodian"] .cus-incl{list-style:none;margin:0;padding:0}
html[data-layout="custodian"] .cus-incl li{display:flex;justify-content:space-between;gap:16px;padding:10px 18px;border-top:1px solid var(--cus-hair);font-size:13.5px}
html[data-layout="custodian"] .cus-incl li:first-child{border-top:0}
html[data-layout="custodian"] .cus-incl li.off{color:var(--cus-soft)}
html[data-layout="custodian"] .cus-incl .ok{color:var(--cus-ok);font-weight:700}
html[data-layout="custodian"] .cus-incl .no{color:var(--cus-faint)}
html[data-layout="custodian"] .cus-terms{border:0;margin:0;padding:0;display:grid;gap:8px;min-width:0}
html[data-layout="custodian"] .cus-term{display:grid;grid-template-columns:18px 1fr auto;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--cus-hair2);border-radius:10px;font-size:13.5px;cursor:pointer;background:#fff;min-height:48px}
html[data-layout="custodian"] .cus-term:hover{border-color:var(--cus-head)}
html[data-layout="custodian"] .cus-term input{margin:0;width:16px;height:16px}
html[data-layout="custodian"] .cus-term .t b{display:block;color:var(--cus-head)}
html[data-layout="custodian"] .cus-term .t small{display:block;color:var(--cus-soft);font-size:12px}
html[data-layout="custodian"] .cus-term .p{font-weight:600;color:var(--cus-head);white-space:nowrap}
html[data-layout="custodian"] .cus-term.on,html[data-layout="custodian"] .cus-term:has(input:checked){border-color:var(--accent);background:var(--cus-wash);box-shadow:inset 0 0 0 1px var(--accent)}
html[data-layout="custodian"] .cus-term:focus-within{outline:2px solid var(--accent);outline-offset:2px}
html[data-layout="custodian"] .cus-san{margin-top:12px}
html[data-layout="custodian"] .cus-san label{display:block;font:600 10.5px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--cus-soft);margin-bottom:5px}
html[data-layout="custodian"] .cus-san input{width:110px;font-family:var(--mono);padding:8px 10px}
html[data-layout="custodian"] .cus-san .cus-xs{margin-top:6px}
html[data-layout="custodian"] .cus-sum{margin-top:10px}
html[data-layout="custodian"] .cus-sum .tot span,html[data-layout="custodian"] .cus-sum .tot b{color:var(--cus-head);font-weight:700}
html[data-layout="custodian"] .cus-sum .tot b{font-size:17px}
html[data-layout="custodian"] .cus-buybtn{margin-top:14px;justify-content:center}
html[data-layout="custodian"] .cus-buyfoot{border-top:1px solid var(--cus-hair);padding-top:6px;padding-bottom:10px}
html[data-layout="custodian"] .cus-qtbl{margin:-4px 0 0}
html[data-layout="custodian"] .cus-qtbl th,html[data-layout="custodian"] .cus-qtbl td{padding:9px 6px}
html[data-layout="custodian"] .cus-prod-side .gtee{margin-top:12px}
html[data-layout="custodian"] .cus-buybar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--cus-hair);box-shadow:0 -6px 18px rgba(10,20,36,.06)}
html[data-layout="custodian"] .cus-buybar .bp b{color:var(--cus-head);font:700 16px var(--font-head)}
html[data-layout="custodian"] .cus-buybar .btn{min-height:44px}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  html[data-layout="custodian"] .cus-hide-md,html[data-layout="custodian"] .cus-cattbl tr.prod>td.cus-hide-md{display:none}
  html[data-layout="custodian"] .mainnav{gap:18px}
  html[data-layout="custodian"] .masthead .container{gap:20px}
}
@media (max-width:1000px){
  html[data-layout="custodian"] .cus-hero-grid{grid-template-columns:minmax(0,1fr);gap:28px;padding:36px 0 34px}
  html[data-layout="custodian"] .cus-hero h1,html[data-layout="custodian"] .cus-hero .cus-h1{font-size:34px}
  html[data-layout="custodian"] .cus-grid2,html[data-layout="custodian"] .cus-two{grid-template-columns:minmax(0,1fr)}
  html[data-layout="custodian"] .cus-two>div:first-child{border-right:0;border-bottom:1px solid var(--cus-hair)}
  html[data-layout="custodian"] .cus-two>div{padding:20px}
  html[data-layout="custodian"] .cus-flow{grid-template-columns:minmax(0,1fr)}
  html[data-layout="custodian"] .cus-flow>li{border-right:0;border-bottom:1px solid var(--cus-hair)}
  html[data-layout="custodian"] .cus-flow>li:last-child{border-bottom:0}
  html[data-layout="custodian"] .cus-tl{grid-template-columns:1fr 1fr}
  html[data-layout="custodian"] .cus-tl>div:nth-child(2){border-right:0}
  html[data-layout="custodian"] .cus-tl>div:nth-child(-n+2){border-bottom:1px solid var(--cus-hair)}
  html[data-layout="custodian"] .cus-tl .v{font-size:26px}
  html[data-layout="custodian"] .cus-catgrid{grid-template-columns:minmax(0,1fr);gap:0;padding-top:16px}
  html[data-layout="custodian"] .cus-filters{display:none;border:1px solid var(--cus-hair);border-radius:12px;padding:14px 16px;margin-bottom:14px}
  html[data-layout="custodian"] .cus-filters.open{display:block}
  html[data-layout="custodian"] .cus-showsm{display:inline-flex}
  html[data-layout="custodian"] .cus-prod{grid-template-columns:minmax(0,1fr);grid-template-areas:"a" "s" "b";row-gap:24px}
  html[data-layout="custodian"] .cus-prod-side{position:static}
}
@media (max-width:900px){
  html[data-layout="custodian"] .cus-buybar{display:flex}
  html[data-layout="custodian"] main:has(.cus-buybar){padding-bottom:72px}
  html[data-layout="custodian"] .cus-sect{padding-top:36px;padding-bottom:36px}
  html[data-layout="custodian"] .cus-shead h2{font-size:23px}
  html[data-layout="custodian"] .cus-hide,html[data-layout="custodian"] .cus-cattbl tr.prod>td.cus-hide{display:none}
  html[data-layout="custodian"] .cus-cas-in{flex-direction:column;align-items:stretch;gap:12px}
  html[data-layout="custodian"] .cus-cas small{text-align:center}
  html[data-layout="custodian"] .cus-cas-l{justify-content:center;gap:12px 22px}
  html[data-layout="custodian"] .cus-cas img{height:20px;max-width:90px}
  html[data-layout="custodian"] .ctabs a{flex:1 1 auto;border-bottom:1px solid var(--cus-hair);padding:10px 12px;font-size:12.5px}
}
@media (max-width:640px){
  html[data-layout="custodian"] .container{padding-left:16px;padding-right:16px}
  html[data-layout="custodian"] .cus-hero h1,html[data-layout="custodian"] .cus-hero .cus-h1{font-size:31px}
  html[data-layout="custodian"] .cus-hero .cus-lede{font-size:15.5px;margin:16px 0 22px}
  html[data-layout="custodian"] .cus-cta .btn{min-height:44px}
  html[data-layout="custodian"] .cus-ttl,html[data-layout="custodian"] .pagehero h1{font-size:25px}
  html[data-layout="custodian"] .cus-h2{font-size:22px}
  html[data-layout="custodian"] .cus-crow{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;padding:10px 12px}
  html[data-layout="custodian"] .cus-crow>:nth-child(2){display:none}
  html[data-layout="custodian"] .cus-tbl th,html[data-layout="custodian"] .cus-tbl td{padding:11px 12px}
  html[data-layout="custodian"] .cus-cmpcol{padding-right:0!important;padding-left:8px!important}
  html[data-layout="custodian"] .cus-steps>li{grid-template-columns:28px minmax(0,1fr)}
  html[data-layout="custodian"] .cus-steps .t{grid-column:2}
  html[data-layout="custodian"] .cus-kv{flex-direction:column;gap:2px}
  html[data-layout="custodian"] .cus-kv dt,html[data-layout="custodian"] .cus-kv>span{max-width:none}
  html[data-layout="custodian"] .cus-kv dd{text-align:left}
  html[data-layout="custodian"] .cus-sum .cus-kv,html[data-layout="custodian"] .cus-buyfoot .cus-kv{flex-direction:row}
  html[data-layout="custodian"] .cus-sum .cus-kv>b,html[data-layout="custodian"] .cus-buyfoot .cus-kv>b{text-align:right}
  html[data-layout="custodian"] .cus-aud button{padding:8px 12px;min-height:40px}
  html[data-layout="custodian"] .kpis{grid-template-columns:1fr 1fr}
  html[data-layout="custodian"] .acct-tab{flex:1 1 50%;padding:10px 12px;border-bottom:1px solid var(--cus-hair)}
  html[data-layout="custodian"] .page-head{flex-wrap:wrap;gap:12px}
  html[data-layout="custodian"] .footer .foot-grid{grid-template-columns:1fr 1fr;gap:22px}
  html[data-layout="custodian"] .footer .foot-grid>div:first-child{grid-column:1/-1}
  html[data-layout="custodian"] .footer a{padding:6px 0}
  html[data-layout="custodian"] .acct-table tr{border-color:var(--cus-hair)!important;border-radius:12px!important}
  html[data-layout="custodian"] table.sup-tickets tr{border-color:var(--cus-hair)!important;border-radius:12px!important}
}

/* ==========================================================================
   Palettes (Admin -> Storefronts -> Theme; only offered for this layout). The design fixes its neutrals and
   status colours; the palette sets the accent, its darker hover and the accent wash. Ink navy is the signature.
   ========================================================================== */
html[data-layout="custodian"][data-theme="cus-navy"]{--accent:#0f1726;--accent-600:#060b14;--cus-wash:#eef1f6}
html[data-layout="custodian"][data-theme="cus-green"]{--accent:#0f6b4f;--accent-600:#0b5640;--cus-wash:#e8f3ee}
html[data-layout="custodian"][data-theme="cus-amber"]{--accent:#b45309;--accent-600:#92400e;--cus-wash:#fdf3e7}

/* ==========================================================================
   v1.24.0 refinements (approved mockup, applied to every design): menu on the right
   (base rule in style.css), centred brand logos, whole-card hover, header asides, Updates pages.
   ========================================================================== */
html[data-layout="custodian"] .masthead .mainnav + .head-actions::before{background:var(--cus-hair2)}
/* whole-card links: dark hairline, no lift; only the name and the call to action underline */
html[data-layout="custodian"] a:is(.lcard,.rcard,.guide-card,.atl-featc):is(:hover,:focus-visible){border-color:var(--cus-head)!important;background:#fff!important;transform:none!important;box-shadow:0 8px 22px rgba(10,20,36,.06)!important}
/* header boxes + updates */
html[data-layout="custodian"] :is(.ph-box,.upd-box){border-color:var(--cus-hair);border-radius:12px}
html[data-layout="custodian"] .pagehero .ph-box-h,html[data-layout="custodian"] .upd-side .upd-box h3{color:var(--cus-soft)}
html[data-layout="custodian"] :is(.ph-upd-t,.ph-box-more,.upd-box>a,.upd-item h2 a,.upd-more>b,.upd-pin){color:var(--cus-head)}
html[data-layout="custodian"] .ph-qc-in{border-color:var(--cus-hair2);border-radius:8px}
html[data-layout="custodian"] .ph-qc-in:focus{outline-color:var(--cus-head);border-color:var(--cus-head)}
html[data-layout="custodian"] :is(.upd-filters,.upd-item,.ph-upd-i,.upd-more){border-color:var(--cus-hair)}
html[data-layout="custodian"] .upd-filters a{border-color:var(--cus-hair2);color:var(--cus-soft)}
html[data-layout="custodian"] .upd-filters a:hover{color:var(--cus-head);border-color:var(--cus-soft)}
html[data-layout="custodian"] .upd-filters a.on{background:var(--cus-head);border-color:var(--cus-head);color:#fff}
html[data-layout="custodian"] .upd-meta{font-family:var(--mono);font-size:12px}
html[data-layout="custodian"] .upd-cat{font-family:var(--font);border-radius:999px;padding:1px 9px;background:var(--cus-band);border-color:var(--cus-hair2);color:var(--cus-soft)}
html[data-layout="custodian"] .upd-cat-cab-forum{background:var(--cus-okw);border-color:#bfe5cd;color:var(--cus-ok)}
html[data-layout="custodian"] .upd-cat-advisory{background:var(--cus-wnw);border-color:#f5d6ae;color:var(--cus-wn)}
html[data-layout="custodian"] .upd-pin{font-family:var(--font)}
html[data-layout="custodian"] .upd-article h1{font-size:36px;letter-spacing:-.02em}
html[data-layout="custodian"] .upd-source{border-left-color:var(--cus-head);background:var(--cus-band)}
html[data-layout="custodian"] .upd-body blockquote{border-left-color:var(--cus-hair2);background:var(--cus-band)}
html[data-layout="custodian"] .upd-body a{color:var(--cus-head)}
@media (max-width:900px){html[data-layout="custodian"] .upd-article h1{font-size:26px}}