.ltc{--lt-cream:#F7F3EC;--lt-paper:#FDFBF7;--lt-sage:#E4E9DE;--lt-ink:#211E1A;--lt-muted:#6F675C;--lt-line:#E4DCCE;--lt-accent:#B25E43;--lt-serif:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;--lt-body:Georgia,"Times New Roman",serif;max-width:1180px;margin:28px auto;background:var(--lt-cream);color:var(--lt-ink);font:15px/1.7 var(--lt-body);border:1px solid var(--lt-line);isolation:isolate}.ltc *{box-sizing:border-box}.ltc h2,.ltc h3,.ltc p{color:inherit}.ltc button,.ltc input,.ltc select{font:inherit;box-shadow:none;text-transform:none;letter-spacing:normal}.ltc button{cursor:pointer}.ltc button:focus-visible,.ltc a:focus-visible,.ltc input:focus-visible,.ltc select:focus-visible,.ltc summary:focus-visible{outline:2px solid #75816C;outline-offset:4px}.ltc-kicker{font:10px/1.6 Arial,sans-serif;letter-spacing:1.7px;font-weight:600;color:var(--lt-muted);display:block}.ltc-hero{padding:58px 54px 45px;display:grid;grid-template-columns:1.5fr 1fr;gap:32px;border-bottom:1px solid var(--lt-line)}.ltc-hero h2{font:400 clamp(34px,4vw,56px)/1.1 var(--lt-serif);letter-spacing:-1.8px;margin:22px 0 18px}.ltc-hero em{font-weight:400;color:#68765D}.ltc-hero p{max-width:430px;color:var(--lt-muted);font-size:15px;margin:0}.ltc-tags{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;font:10px Arial,sans-serif;color:var(--lt-muted)}.ltc-tags span:before{content:'✓';margin-right:6px;color:#68765D}.ltc-art{color:var(--lt-ink);text-align:center;align-self:center}.ltc-art svg{max-width:300px;width:100%;height:auto}.ltc-art span{display:block;color:var(--lt-muted);font-size:12px;font-style:italic;margin-top:4px}.ltc-layout{display:grid;grid-template-columns:260px minmax(0,1fr)}.ltc-nav{padding:34px 24px;border-right:1px solid var(--lt-line);background:#f2eee5}.ltc-tabs{margin-top:20px;display:flex;flex-direction:column;gap:6px}.ltc-tabs button{background:transparent;border:1px solid transparent;border-radius:5px;color:var(--lt-muted);display:flex;gap:11px;align-items:center;text-align:left;width:100%;padding:12px;font-size:13px;line-height:1.5;min-height:48px}.ltc-tabs button span{font:9px Arial,sans-serif;color:#938a7d}.ltc-tabs button[aria-selected=true]{background:var(--lt-paper);color:var(--lt-ink);border-color:var(--lt-line);box-shadow:0 2px 8px #211e1a04}.ltc-tabs button:hover{background:#e8e4da}.ltc-tip{margin:35px 12px 0;border-top:1px solid var(--lt-line);padding-top:22px}.ltc-tip>span{font:9px Arial,sans-serif;letter-spacing:1.2px;color:#7c866c}.ltc-tip p{font-size:12px;color:var(--lt-muted);line-height:1.8;margin:9px 0}.ltc-workspace{padding:36px 38px 42px;min-width:0}.ltc-toolhead{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--lt-line);padding-bottom:17px;margin-bottom:26px}.ltc-step{font:11px Arial,sans-serif;color:#958a7b;white-space:nowrap}.ltc-toolhead .ltc-kicker{font-size:8px;letter-spacing:1.2px}.ltc-panel h3{font:400 31px/1.2 var(--lt-serif);margin:0 0 9px;letter-spacing:-.7px}.ltc-desc{color:var(--lt-muted)!important;font-size:13px;margin:0 0 23px}.ltc-selects{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:23px}.ltc-selects label{font:10px Arial,sans-serif;color:var(--lt-muted);display:flex;flex-direction:column;gap:7px;min-width:110px;flex:1}.ltc select{padding:10px;background:var(--lt-paper);border:1px solid var(--lt-line);border-radius:4px;color:var(--lt-ink);width:100%;height:auto;font-size:12px}.ltc-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 22px}.ltc-field{min-width:0}.ltc-field label{display:block;font-size:12px;margin:0 0 8px;line-height:1.5;color:var(--lt-ink)}.ltc-field input[type=number]{width:100%;height:46px;border:1px solid var(--lt-line);border-radius:4px;background:var(--lt-paper);color:var(--lt-ink);padding:11px 12px;font-size:16px;min-width:0}.ltc input[type=range]{display:block;width:100%;height:20px;margin:10px 0 0;accent-color:#68765D;padding:0;background:transparent;cursor:pointer;border:0}.ltc-field small{font:9px/1.5 Arial,sans-serif;color:var(--lt-muted);display:block;min-height:14px}.ltc-result{padding:25px 27px;background:var(--lt-sage);margin-top:28px;border-radius:5px;min-height:150px}.ltc-result .ltc-kicker{color:#5a6850;letter-spacing:1.2px;font-size:9px}.ltc-value{display:block;font:400 36px/1.2 var(--lt-serif);margin:10px 0;color:var(--lt-ink);overflow-wrap:anywhere}.ltc-result p{font-size:12px;color:#56624d;margin:8px 0 0;line-height:1.7}.ltc-result .ltc-error{color:#9d3927}.ltc-formula{margin:18px 0 0;border-top:1px solid var(--lt-line);padding-top:14px;font:11px/1.7 Arial,sans-serif;color:var(--lt-muted)}.ltc-controls{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:19px;flex-wrap:wrap}.ltc button.ltc-copy{border:1px solid var(--lt-ink);background:var(--lt-ink);color:var(--lt-paper);font-size:12px;padding:11px 20px;border-radius:3px;min-height:44px}.ltc button.ltc-reset{border:0;background:transparent;color:var(--lt-muted);font:11px Arial,sans-serif;text-decoration:underline;min-height:44px;padding:10px}.ltc-feedback{font:10px Arial,sans-serif;color:#68765D}.ltc-bottom{padding:32px 42px;display:flex;gap:25px;justify-content:space-between;align-items:center;border-top:1px solid var(--lt-line);background:var(--lt-paper)}.ltc-bottom h3{font:400 27px/1.2 var(--lt-serif);margin:10px 0}.ltc-bottom p{font-size:12px;color:var(--lt-muted);margin:0}.ltc-bottom a{font-size:12px;color:var(--lt-ink);text-decoration:none;border-bottom:1px solid var(--lt-ink);padding:7px 0;white-space:nowrap}.ltc-bottom a span{margin-left:18px}.ltc-faq{margin:0;padding:22px 42px;border-top:1px solid var(--lt-line);font-size:12px;color:var(--lt-muted)}.ltc summary{cursor:pointer;color:var(--lt-ink)}.ltc-faq p{margin:12px 0 0}.ltc [hidden]{display:none!important}@media(max-width:800px){.ltc-layout{grid-template-columns:210px minmax(0,1fr)}.ltc-hero{padding:36px}.ltc-workspace{padding:28px 24px}.ltc-nav{padding:28px 15px}.ltc-fields{gap:18px 13px}}@media(max-width:600px){.ltc{margin:12px auto}.ltc-hero{grid-template-columns:1fr;padding:30px 24px 28px;gap:0}.ltc-hero h2{font-size:38px;letter-spacing:-1.2px}.ltc-hero p{font-size:13px}.ltc-art{display:none}.ltc-kicker{font-size:8px;letter-spacing:1.3px}.ltc-tags{font-size:9px;gap:14px}.ltc-layout{display:block}.ltc-nav{padding:20px 18px 14px;border-right:0;border-bottom:1px solid var(--lt-line)}.ltc-tabs{flex-direction:row;overflow-x:auto;margin-top:12px;gap:7px;padding-bottom:6px;scrollbar-width:thin}.ltc-tabs button{width:auto;flex:0 0 auto;white-space:nowrap;padding:10px 12px;font-size:12px}.ltc-tabs button span{display:none}.ltc-tip{display:none}.ltc-workspace{padding:24px 20px 29px}.ltc-panel h3{font-size:28px}.ltc-desc{font-size:12px}.ltc-toolhead{margin-bottom:22px}.ltc-fields{gap:20px 13px}.ltc-field label{font-size:11px;min-height:33px}.ltc-field input[type=number]{font-size:16px}.ltc-result{padding:22px}.ltc-value{font-size:32px}.ltc-bottom{padding:28px 24px;align-items:flex-start;flex-direction:column;gap:12px}.ltc-bottom h3{font-size:25px}.ltc-faq{padding:20px 24px}.ltc-selects{gap:9px}.ltc-controls{gap:7px}.ltc-feedback{width:100%}}@media(prefers-reduced-motion:no-preference){.ltc-panel{animation:ltc-in .2s ease}@keyframes ltc-in{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}}

/* Loop & Twine blog edition — loopandtwine.com (colors/fonts match the live theme exactly:
   --lt-pink/#c96a8a, --lt-pink-dark/#a54f6f, --lt-pink-light/#f9edf3, --lt-sage/#8aab9e,
   --lt-sage-light/#e8f3f0, --lt-text/#1c1917, --lt-soft/#fdf8f6 from front-page.php,
   and Playfair Display + DM Sans already used for headings/body across the site). */
.ltc{--lt-cream:#fdf8f6;--lt-paper:#ffffff;--lt-sage:#e8f3f0;--lt-ink:#1c1917;--lt-muted:#78716c;--lt-line:#f0e8ed;--lt-accent:#a54f6f;--lt-serif:"Playfair Display",Georgia,serif;--lt-body:"DM Sans",Arial,sans-serif;border-radius:10px;overflow:hidden;box-shadow:0 2px 14px #00000008}.ltc-hero{background:linear-gradient(110deg,#f9edf3,#fdf8f6)}.ltc-hero em{color:#a54f6f}.ltc-hero h2{letter-spacing:-1.3px}.ltc-nav{background:#fdf8f6}.ltc-tabs button[aria-selected=true]{border-color:#e5b9cc;background:#f9edf3;color:#a54f6f}.ltc-tabs button:hover{background:#f9edf3}.ltc-result{border:1px solid #dcece6;border-radius:10px}.ltc input[type=range]{accent-color:#a54f6f}.ltc button.ltc-copy{background:#a54f6f;border-color:#a54f6f;border-radius:7px}.ltc button.ltc-copy:hover{background:#8c3f5c}.ltc-bottom a{color:#a54f6f;border-color:#a54f6f}.ltc-field input[type=number],.ltc select{border-radius:7px}.ltc-hero .ltc-tags span:before{color:#a54f6f}.ltc button:focus-visible,.ltc a:focus-visible,.ltc input:focus-visible,.ltc select:focus-visible{outline-color:#a54f6f}

/* Standalone Crochet Calculators page (ID 1067): Kadence's default page template adds a
   5rem top margin + 40px content padding before entry-content, meant for pages that open
   with a paragraph — with nothing but the tool there, that reads as a big empty gap. Pull
   it in just on this page, and let the tool use the page's full width instead of the
   theme's 760px article column (cramped for a two-column tab layout). */
body.page-id-1067 .content-area{margin-top:1.75rem!important;margin-bottom:2.5rem!important}
body.page-id-1067 .entry-content{max-width:1180px!important;padding:0 24px!important}
body.page-id-1067 .ltc{margin:0 auto}
@media(max-width:767px){
  body.page-id-1067 .content-area{margin-top:0!important}
  /* Edge-to-edge on phone: the theme wraps entry-content in its own padded container
     (.entry-content-wrap) as well, so both need to go to zero, not just entry-content. */
  body.page-id-1067 .entry-content,body.page-id-1067 .entry-content-wrap{padding:0!important;max-width:none!important}
  body.page-id-1067 .ltc{border-radius:0;border-left:0;border-right:0;max-width:none}
}

/* The page itself stays white/default behind the card, so there's a visible seam between
   the page background and the widget's cream tone. Match the whole page to it instead. */
body.page-id-1067,body.page-id-1067 .site,body.page-id-1067 .content-bg,body.page-id-1067 .content-area{background:#fdf8f6!important}

/* Bigger, stronger body text to match the site's normal article typography (17px) instead
   of reading like a smaller, lighter UI widget. */
.ltc{font-size:16.5px}
.ltc-hero p{font-size:16px}
.ltc-desc{font-size:14.5px!important;font-weight:500}
.ltc-field label{font-size:13.5px;font-weight:500}
.ltc-field small{font-size:10.5px}
.ltc-result p{font-size:13.5px}
.ltc-formula{font-size:12.5px}
.ltc-tabs button{font-size:14px;font-weight:500}

/* The theme (or a WP core reset) strips the native range-input look without replacing
   it, so only a bare thumb shows with no visible track. Define both browsers' slider
   parts explicitly so the track is always visible, regardless of what's reset upstream. */
.ltc input[type=range]{-webkit-appearance:none;appearance:none;background:transparent}
.ltc input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:#e4dcce}
.ltc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#a54f6f;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.25);margin-top:-6px}
.ltc input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:#e4dcce}
.ltc input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#a54f6f;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}