@import url('/assets/tws-thc-potency-v1.css');
/* Cannabutter calculator; shares the validated TWS instrument styling. */
.tws-butter-tool{--thc-line:rgba(210,226,172,.3)}
.tws-butter-tool .tws-butter-kicker{color:#ddf4ac}
.tws-butter-tool .tws-butter-banner{border-bottom:1px solid rgba(208,236,176,.22);padding-bottom:18px;margin-bottom:18px}
.tws-butter-tool .tws-butter-banner h2{font-size:clamp(1.55rem,2.5vw,2.15rem)!important;color:#fff7e7!important;line-height:1.12!important;margin:0 0 10px!important}
.tws-butter-tool .tws-butter-banner p{max-width:66ch;color:#e6e7db;line-height:1.6;margin:0}
.tws-butter-tool .tws-butter-source{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 13px}
.tws-butter-tool .tws-butter-source label{display:flex!important;flex-direction:column!important;gap:7px!important;font:700 .86rem/1.35 system-ui,sans-serif!important;color:#eaf7e5!important}
.tws-butter-tool .tws-butter-source :is(select,input){width:100%!important;min-width:0;min-height:48px;padding:10px 12px!important;font-size:1rem!important;border-radius:9px!important;border:1px solid rgba(207,238,202,.3)!important;background:#0b1919!important;color:#fafff4!important;box-sizing:border-box}
.tws-butter-tool #tws-butter-delta9-wrap[hidden]{display:none!important}
.tws-butter-tool #tws-butter-method-note{font:.83rem/1.6 system-ui,sans-serif;color:#dce9ce;margin:0 0 20px}
.tws-butter-tool #r{min-height:160px!important}
.tws-butter-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.tws-butter-tile{min-width:0;border:1px solid rgba(197,231,174,.24);padding:clamp(14px,2vw,22px);border-radius:12px;background:#122e25;display:flex;flex-direction:column;justify-content:center;min-height:106px}
.tws-butter-highlight{background:linear-gradient(140deg,#35502d,#1b4234);border-color:rgba(210,250,145,.6)}
.tws-butter-tile .tws-thc-result-label{font-size:.72rem!important;letter-spacing:.02em}
.tws-butter-tile .tws-thc-result-number{font-size:clamp(1.45rem,1.9vw,1.9rem)!important;font-variant-numeric:tabular-nums}
.tws-butter-guide{max-width:960px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tws-butter-guide>div{background:linear-gradient(145deg,#13291e,#0b2020);border:1px solid rgba(190,227,178,.25);border-radius:13px;padding:clamp(17px,2.7vw,27px);min-width:0}
.tws-butter-guide h2{color:#f7f7e9!important;font-size:clamp(1.2rem,2vw,1.55rem)!important;line-height:1.2!important;margin:0 0 12px!important}
.tws-butter-guide p,.tws-butter-guide li{font-size:.94rem;line-height:1.68;color:#deeadb}
.tws-butter-guide a{color:#d8f5b8!important;text-decoration:underline;text-underline-offset:3px}
.tws-butter-guide li{margin-bottom:8px}
body:has(.tws-butter-tool) #tws-tool-link-parity-v1{max-width:960px;margin:18px auto 36px;justify-content:center}
@media(min-width:960px){
 body:has(.tws-butter-tool) main .hero{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  min-height:330px!important;border:1px solid rgba(172,230,177,.27)!important;border-radius:20px!important;
  padding:clamp(30px,3.6vw,54px)!important;margin-block:10px 25px!important;
  background:#081819!important
 }
 body:has(.tws-butter-tool) main .hero::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;
  background:linear-gradient(90deg,rgba(4,17,20,.99) 0%,rgba(4,17,20,.93) 37%,rgba(4,17,20,.42) 69%,rgba(4,17,20,.10) 100%),
  url('/assets/tws-editorial/cannabutter-editorial-hero-v1.webp') right center/cover no-repeat!important
 }
 body:has(.tws-butter-tool) main .hero>*{position:relative!important;z-index:1!important}
 body:has(.tws-butter-tool) main .hero h1{max-width:12ch!important;color:#fff8e9!important;text-wrap:balance;font-size:clamp(3.25rem,5vw,5.7rem)!important;line-height:1!important}
 body:has(.tws-butter-tool) main .hero p{max-width:55ch!important;color:#e7f3e4!important}
}
@media(min-width:1200px){
 body:has(.tws-butter-tool) .tws-butter-tool{display:grid!important;max-width:1060px!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:24px;align-items:start}
 .tws-butter-tool .tws-butter-banner{grid-column:1/-1;grid-row:1}
 .tws-butter-tool .calc-grid{grid-column:1;grid-row:2;gap:13px!important}
 .tws-butter-tool .tws-butter-source{grid-column:1;grid-row:3;grid-template-columns:1fr}
 .tws-butter-tool #tws-butter-method-note{grid-column:1;grid-row:4}
 .tws-butter-tool #r{grid-column:2;grid-row:2/span 3;background:linear-gradient(140deg,#112d22,#0d1c20)!important;border:1px solid rgba(208,234,175,.26)!important;border-radius:13px!important;padding:18px!important;min-height:320px}
 .tws-butter-tool .tool-calc-btn{grid-column:1;grid-row:5;max-width:240px}
 body:has(.tws-butter-tool) .tws-butter-guide{max-width:1060px}
}
@media(max-width:700px){
 .tws-butter-tool .tws-butter-source,.tws-butter-guide{grid-template-columns:minmax(0,1fr)!important}
 .tws-butter-tool .tws-butter-banner{margin-bottom:16px}
 .tws-butter-results{gap:9px}
 .tws-butter-tile{min-height:100px;padding:12px}
 .tws-butter-tile .tws-thc-result-label{font-size:.65rem!important}
 .tws-butter-tile .tws-thc-result-number{font-size:clamp(1.3rem,6vw,1.8rem)!important}
}