/* extracted verbatim from sks-shopify/page.guide-choose.liquid (the <style> block of the Liquid template) */
/* Hard reset — wipe Dawn's inherited styles inside the wrapper, then rebuild from scratch.
     all:revert restores user-agent defaults; our later rules layer the guide's design on top. */
  #sks-choose-kilt, #sks-choose-kilt *, #sks-choose-kilt *::before, #sks-choose-kilt *::after { all:revert; box-sizing:border-box }
  #sks-choose-kilt *, #sks-choose-kilt *::before, #sks-choose-kilt *::after { margin:0; padding:0 }

  #sks-choose-kilt{
    --bg:#EDE8DC;
    --bg-soft:#F3EFE6;
    --card:#E7E1D2;
    --white:#FDFCF9;
    --ink:#211F1C;
    --ink-soft:#57534B;
    --accent:#BE5B2C;
    --accent-deep:#A54A20;
    --dark:#28221E;
    --line:#D8D1C0;
    --radius:10px;
    /* Full-width escape — pull the guide out of theme's <main> max-width container so the
       sand background fills the viewport edge-to-edge like the original UI. */
    position:relative;
    width:100%;   /* the container is neutralised by sks-global.css (.body > .container:has(#sks-choose-kilt)); 100vw + negative margins caused a horizontal scrollbar */
    margin-left:0;
    margin-right:0;
    overflow-x:hidden;
    font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
    color:var(--ink);
    background:var(--bg);
    line-height:1.7;
    font-size:16px;
    -webkit-font-smoothing:antialiased;
    padding:0 0 40px;
  }
  #sks-choose-kilt a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;transition:color .15s}
  #sks-choose-kilt a:hover{color:var(--accent-deep)}
  #sks-choose-kilt a:focus-visible, #sks-choose-kilt summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}

  #sks-choose-kilt .wrap{max-width:820px;margin:0 auto;padding:0 22px}
  #sks-choose-kilt .wide{max-width:1080px;margin:0 auto;padding:0 22px}

  #sks-choose-kilt .eyebrow{
    display:block;font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
    color:var(--accent);margin-bottom:14px
  }
  #sks-choose-kilt h1{
    font-family:'Playfair Display',Georgia,serif;font-weight:500;
    font-size:clamp(34px,5vw,52px);line-height:1.15;letter-spacing:-.005em;color:var(--ink)
  }
  #sks-choose-kilt h2{
    font-family:'Playfair Display',Georgia,serif;font-weight:500;
    font-size:clamp(26px,3.4vw,36px);line-height:1.2;margin-bottom:16px;color:var(--ink)
  }
  #sks-choose-kilt section{padding:56px 0}

  /* ---------- Hero ---------- */
  #sks-choose-kilt .hero{text-align:center;padding:72px 0 8px}
  #sks-choose-kilt .stand{max-width:600px;margin:20px auto 0;font-size:16.5px;color:var(--ink-soft)}
  #sks-choose-kilt .hero-meta{
    margin-top:20px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#8B857A
  }
  #sks-choose-kilt .hero-meta b{color:var(--ink-soft);font-weight:700}

  /* ---------- TOC card ---------- */
  #sks-choose-kilt .toc{
    background:var(--card);border-radius:var(--radius);max-width:620px;margin:44px auto 0;padding:28px 34px
  }
  #sks-choose-kilt .toc-label{font-size:11.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;display:block}
  #sks-choose-kilt .toc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;list-style:none}
  #sks-choose-kilt .toc-grid a{
    display:flex;gap:12px;align-items:baseline;text-decoration:none;color:var(--ink);font-size:15px;font-weight:500
  }
  #sks-choose-kilt .toc-grid a:hover{color:var(--accent)}
  #sks-choose-kilt .toc-grid .n{font-size:12px;font-weight:700;color:var(--accent)}

  /* ---------- Intro ---------- */
  #sks-choose-kilt .intro p{font-size:16.5px;color:var(--ink-soft)}
  #sks-choose-kilt .intro b{font-weight:700;color:var(--ink)}

  /* ---------- Comparison table ---------- */
  #sks-choose-kilt .tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  #sks-choose-kilt table{
    width:100%;min-width:640px;border-collapse:separate;border-spacing:0;
    background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
    font-size:14.5px;margin-top:28px
  }
  #sks-choose-kilt th{
    text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
    color:var(--ink-soft);background:var(--card);padding:14px 18px;border-bottom:1px solid var(--line)
  }
  #sks-choose-kilt td{padding:20px 18px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-soft)}
  #sks-choose-kilt tr:last-child td{border-bottom:0}
  #sks-choose-kilt td.t-name{font-family:'Playfair Display',serif;font-size:17.5px;font-weight:600;color:var(--accent);white-space:nowrap}
  #sks-choose-kilt td.t-name a{color:inherit;text-decoration:none}
  #sks-choose-kilt td.t-name a:hover{text-decoration:underline}
  #sks-choose-kilt .pill{
    display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
    padding:5px 12px;border-radius:99px;color:#fff;background:var(--accent)
  }
  #sks-choose-kilt .pill--mid{background:#B0866B}
  #sks-choose-kilt .pill--entry{background:#8B857A}
  #sks-choose-kilt .tbl-note{font-size:13px;color:#8B857A;padding:12px 18px;background:var(--bg-soft);border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius) var(--radius);margin-top:-1px;min-width:640px}

  /* ---------- Check lists ---------- */
  #sks-choose-kilt .checks{list-style:none;margin-top:22px}
  #sks-choose-kilt .checks li{position:relative;padding:0 0 18px 34px;font-size:15.5px;color:var(--ink-soft)}
  #sks-choose-kilt .checks li:last-child{padding-bottom:0}
  #sks-choose-kilt .checks li::before{
    content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;
    background:var(--accent);color:#fff;font-size:12px;font-weight:700;
    display:flex;align-items:center;justify-content:center
  }
  #sks-choose-kilt .checks b{color:var(--ink);font-weight:700}

  /* ---------- Callout ---------- */
  #sks-choose-kilt .callout{
    margin-top:34px;background:var(--bg-soft);border:1px solid var(--line);border-left:4px solid var(--accent);
    border-radius:6px;padding:24px 28px
  }
  #sks-choose-kilt .callout .c-tag{
    display:block;font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
    color:var(--accent);margin-bottom:10px
  }
  #sks-choose-kilt .callout p{font-size:15px;color:var(--ink-soft)}
  #sks-choose-kilt .callout b{color:var(--ink);font-weight:700}

  /* ---------- Flowchart ---------- */
  #sks-choose-kilt .flow{background:linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%);text-align:center;padding:64px 0}
  #sks-choose-kilt .flow h2{margin-bottom:26px}
  #sks-choose-kilt .flow-pill{
    display:inline-block;background:var(--accent);color:#fff;font-size:14.5px;font-weight:600;
    padding:12px 28px;border-radius:99px;margin-bottom:34px
  }
  #sks-choose-kilt .flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:left}
  #sks-choose-kilt .flow-col{display:flex;flex-direction:column;gap:12px}
  #sks-choose-kilt .flow-tag{
    align-self:center;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
    color:var(--accent);background:var(--card);padding:6px 14px;border-radius:99px
  }
  #sks-choose-kilt .flow-card{
    background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
    padding:24px 20px;flex:1;display:flex;flex-direction:column;text-align:center;
    transition:transform .18s,box-shadow .18s;text-decoration:none;color:inherit
  }
  #sks-choose-kilt .flow-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(40,34,30,.1)}
  #sks-choose-kilt .flow-card h3{font-family:'Playfair Display',serif;font-size:18px;font-weight:600;margin-bottom:10px;color:var(--ink)}
  #sks-choose-kilt .flow-card p{font-size:13.5px;color:var(--ink-soft);flex:1}
  #sks-choose-kilt .flow-card .go{
    margin-top:16px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
    color:var(--accent);text-decoration:none
  }
  #sks-choose-kilt .flow-card .go:hover{color:var(--accent-deep);text-decoration:underline}
  #sks-choose-kilt .flow-adjust{
    max-width:720px;margin:36px auto 0;background:var(--white);border:1px solid var(--line);
    border-radius:var(--radius);padding:26px 30px;text-align:left
  }
  #sks-choose-kilt .flow-adjust .c-tag{
    display:block;font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
    color:var(--accent);margin-bottom:10px
  }
  #sks-choose-kilt .flow-adjust p{font-size:15px;color:var(--ink-soft)}
  #sks-choose-kilt .flow-adjust b{color:var(--ink);font-weight:700}

  /* ---------- Fit ---------- */
  #sks-choose-kilt .fit p{font-size:16px;color:var(--ink-soft)}
  #sks-choose-kilt .fit p+p{margin-top:16px}
  #sks-choose-kilt .fit b{color:var(--ink);font-weight:700}

  /* ---------- FAQ ---------- */
  #sks-choose-kilt .faq-item{border-bottom:1px solid var(--line)}
  #sks-choose-kilt .faq-item summary{
    list-style:none;cursor:pointer;
    font-family:'Playfair Display',serif;font-size:18.5px;font-weight:600;color:var(--ink);
    padding:22px 44px 22px 0;position:relative;line-height:1.35
  }
  #sks-choose-kilt .faq-item summary::-webkit-details-marker{display:none}
  #sks-choose-kilt .faq-item summary::after{
    content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);
    font-family:'Inter',sans-serif;font-size:24px;font-weight:300;color:var(--accent);transition:transform .2s
  }
  #sks-choose-kilt .faq-item[open] summary::after{content:"\2013"}
  #sks-choose-kilt .faq-a{padding:0 0 24px;color:var(--ink-soft);font-size:15.5px;max-width:700px}
  #sks-choose-kilt .faq-a p{margin:0}

  /* ---------- Dark CTA ---------- */
  #sks-choose-kilt .cta-card{
    background:var(--dark);color:#EDE8DC;border-radius:18px;max-width:820px;margin:24px auto 0;
    text-align:center;padding:60px 40px
  }
  #sks-choose-kilt .cta-card h2{color:#F3EFE6}
  #sks-choose-kilt .cta-card p{max-width:480px;margin:12px auto 28px;font-size:15.5px;color:#B8B0A2}
  #sks-choose-kilt .btn{
    display:inline-block;background:var(--accent);color:#fff;text-decoration:none;
    font-weight:700;font-size:14.5px;padding:14px 32px;border-radius:99px;transition:background .18s
  }
  #sks-choose-kilt .btn:hover{background:var(--accent-deep);color:#fff}

  /* ---------- Related ---------- */
  #sks-choose-kilt .related-sec{text-align:center}
  #sks-choose-kilt .related{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px;text-align:left}
  #sks-choose-kilt .rel{
    display:flex;flex-direction:column;text-decoration:none;background:var(--bg-soft);
    border:1px solid var(--line);border-radius:var(--radius);padding:26px;
    transition:transform .18s,box-shadow .18s
  }
  #sks-choose-kilt .rel:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(40,34,30,.1)}
  #sks-choose-kilt .rel h3{font-family:'Playfair Display',serif;font-size:19px;font-weight:600;color:var(--ink);margin-bottom:8px}
  #sks-choose-kilt .rel p{font-size:14px;color:var(--ink-soft);flex:1}
  #sks-choose-kilt .rel .go{
    margin-top:16px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)
  }

  /* ---------- Responsive ---------- */
  @media (max-width:900px){
    #sks-choose-kilt .flow-grid{grid-template-columns:repeat(2,1fr)}
  }
  @media (max-width:620px){
    #sks-choose-kilt .toc-grid{grid-template-columns:1fr}
    #sks-choose-kilt .flow-grid, #sks-choose-kilt .related{grid-template-columns:1fr}
    #sks-choose-kilt section{padding:44px 0}
    #sks-choose-kilt .hero{padding:48px 0 0}
  }
  @media (prefers-reduced-motion:reduce){
    #sks-choose-kilt *, #sks-choose-kilt *::before, #sks-choose-kilt *::after{transition:none!important;animation:none!important}
  }