/* Why Tuuteez: handwritten notebook style (2026-10-01) */
#website .why-compare.wh{--wh-ink:#1f2a22;--wh-pen:#2f7a4f;--wh-red:#c9573a;--wh-gold:#d5a14b;--wh-hand:'Caveat','Segoe Print',cursive;
  background-color:#fcfaf4!important;background-image:linear-gradient(transparent 31px,rgba(150,175,190,.16) 32px)!important;background-size:100% 32px!important}
#website .why-compare.wh::before,#website .why-compare.wh::after{display:none!important}

/* heading */
#website .wh .wh-note{font:600 26px/1 var(--wh-hand)!important;letter-spacing:0!important;text-transform:none!important;color:var(--wh-pen)!important;transform:rotate(-2deg);display:inline-block}
#website .wh h2.wh-h2{font:600 clamp(40px,3.6vw,54px)/1.02 var(--wh-hand)!important;letter-spacing:0!important;color:var(--wh-ink)!important;transform:rotate(-1deg);transform-origin:left}
#website .wh .wh-u{position:relative;z-index:0;display:inline-block;color:#173f2d}
#website .wh .wh-u::after{content:'';position:absolute;left:-3%;right:-3%;bottom:.02em;height:.28em;z-index:-1;background:no-repeat center/100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9C45 4 95 3 140 5s45 3 57 1' fill='none' stroke='%23d5a14b' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E")}
#website .wh h2 .wh-sub{display:inline-block;margin-top:6px;font-size:.62em;line-height:1.1;color:#8a5a0e!important;background:none!important;-webkit-text-fill-color:currentColor!important}
#website .wh .wh-circle{position:relative;display:inline-block;padding:0 .12em}
#website .wh .wh-circle::before{content:'';position:absolute;inset:-.12em -.2em -.08em;background:no-repeat center/100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' preserveAspectRatio='none'%3E%3Cpath d='M56 4C30 2 6 9 4 24s22 22 50 21 42-7 42-21S78 3 50 5' fill='none' stroke='%23c9573a' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");pointer-events:none}
#website .wh .wc-heading p{font:500 22px/1.3 var(--wh-hand)!important;color:#3a4438!important}

/* pillars as sticky notes */
#website .wh .wc-pillars{gap:14px!important}
#website .wh .wc-pillars .wc-p{border:0!important;border-radius:2px!important;box-shadow:0 1px 1px rgba(0,0,0,.05),0 10px 16px -8px rgba(90,70,10,.3)!important;transition:transform .25s}
#website .wh .wc-pillars .wc-p:nth-child(1){background:#ffe3d6!important;transform:rotate(-1.4deg)}
#website .wh .wc-pillars .wc-p:nth-child(2){background:#dcefff!important;transform:rotate(1.1deg) translateX(10px)}
#website .wh .wc-pillars .wc-p:nth-child(3){background:#fff1a8!important;transform:rotate(-.8deg)}
#website .wh .wc-pillars .wc-p:hover{transform:rotate(0) scale(1.02)}
#website .wh .wc-pillars .wc-p::after{display:block!important;content:'';position:absolute;right:0;bottom:0;width:22px;height:22px;opacity:1!important;border-radius:0!important;background:linear-gradient(315deg,#fcfaf4 0 49%,rgba(0,0,0,.08) 50%,rgba(255,255,255,.5) 100%)!important}
#website .wh .wc-pillars .wc-p i{background:transparent!important;color:#1f2a22!important;border:1.8px solid #1f2a22;border-radius:50% 45% 52% 48%/48% 52% 46% 54%!important}
#website .wh .wc-pillars .wc-p strong{font:600 24px/1.05 var(--wh-hand)!important;color:#1f2a22!important}
#website .wh .wc-pillars .wc-p span{font-size:13.5px!important;color:#3f4a42!important}
#website .wh .wc-cta{box-shadow:3px 3px 0 #d5a14b!important}

/* comparison as a notebook page */
#website .wh .wc-table-wrap{position:relative;border:0!important;border-radius:3px!important;background:#fffdf7!important;box-shadow:0 1px 0 #e7e1d2,0 22px 50px rgba(60,50,20,.12)!important;transform:rotate(.35deg);overflow:visible!important;
  background-image:linear-gradient(90deg,transparent 28px,rgba(201,87,58,.28) 29px,transparent 30px)!important}
#website .wh .wc-table-wrap::before{content:'';position:absolute;top:-12px;left:42%;width:110px;height:26px;background:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.05);box-shadow:0 1px 3px rgba(0,0,0,.08);transform:rotate(-3deg);z-index:3}
#website .wh .wc-table{background:transparent!important}
#website .wh .wc-table th,#website .wh .wc-table td{border-color:rgba(150,175,190,.35)!important;background:transparent!important}
#website .wh .wc-table tbody tr:nth-child(even) td:not(.wc-us),#website .wh .wc-table tbody tr:nth-child(even) th{background:transparent!important}
#website .wh .wc-table tbody th{font:600 19px/1.1 var(--wh-hand)!important;color:#1f2a22!important;padding-left:40px!important}
#website .wh .wc-table thead th{background:transparent!important;vertical-align:bottom}
#website .wh .wc-col{background:transparent!important;padding:0!important;font:600 22px/1 var(--wh-hand)!important;color:#5a6356!important}
#website .wh .wc-col::before{display:none!important}
/* Tuuteez column: marker highlight + hand-drawn frame */
#website .wh .wc-table thead .wc-us{position:relative;background:transparent!important;color:#173f2d!important}
#website .wh .wc-table .wc-us{background:rgba(255,236,150,.42)!important;border-left:0!important;border-right:0!important;border-bottom-color:rgba(150,175,190,.35)!important;box-shadow:inset 2.5px 0 0 -0.5px #2f7a4f,inset -2.5px 0 0 -0.5px #2f7a4f}
#website .wh .wc-table tbody tr:last-child td.wc-us{border-bottom:0!important;box-shadow:inset 2.5px 0 0 -0.5px #2f7a4f,inset -2.5px 0 0 -0.5px #2f7a4f,inset 0 -2.5px 0 -0.5px #2f7a4f;border-radius:0 0 10px 14px}
#website .wh .wc-table thead .wc-us{box-shadow:inset 2.5px 0 0 -0.5px #2f7a4f,inset -2.5px 0 0 -0.5px #2f7a4f,inset 0 2.5px 0 -0.5px #2f7a4f;border-radius:14px 10px 0 0}
#website .wh .wc-brand{font:700 26px/1 var(--wh-hand)!important;color:#173f2d!important;gap:6px}
#website .wh .wh-pick{position:absolute;left:50%;top:-30px;transform:translateX(-50%) rotate(-4deg);white-space:nowrap;font:600 19px/1 var(--wh-hand);color:var(--wh-red)}
/* hand-drawn marks */
#website .wh .wc-table .m{font:700 19px/1 var(--wh-hand)!important;letter-spacing:0}
#website .wh .wc-table .m::before{width:20px!important;height:20px!important;border:0!important;border-radius:0!important;background-color:transparent!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}
#website .wh .wc-table .m.yes::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 13c3 2 5 5 6 7 3-7 7-12 13-17' fill='none' stroke='%232f7a4f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
#website .wh .wc-table .m.part::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 14c3-5 6-5 9-1s6 4 9-2' fill='none' stroke='%23d08a1c' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")!important}
#website .wh .wc-table .m.no::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5c5 5 9 10 14 15M19 4C13 9 9 14 5 20' fill='none' stroke='%23c9573a' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")!important}
#website .wh .wc-table .m.yes{color:#2f7a4f!important}
#website .wh .wc-table .m.part{color:#b0730f!important}
#website .wh .wc-table .m.no{color:#c9573a!important}
#website .wh .wc-cost td.wc-us strong{font:700 26px/1 var(--wh-hand)!important;color:#173f2d!important}
#website .wh .wc-cost td.wc-us{position:relative}
/* compare picker (phones) */
#website .wh .wc-picker button{font:600 20px/1 var(--wh-hand)!important;border-radius:14px 10px 16px 9px!important}
#website .wh .why-availability{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){#website .wh .wc-pillars .wc-p{transition:none}}
@media(max-width:1023px){#website .wh .wc-pillars .wc-p:nth-child(2){transform:rotate(1.1deg)}#website .wh .wc-table-wrap{transform:none}}
/* fit + tidy */
@media(min-width:1024px){
  #website .wh .wc-layout{grid-template-columns:minmax(360px,390px) minmax(0,1fr)!important;gap:36px!important}
  #website .wh h2.wh-h2{font-size:clamp(36px,3vw,46px)!important}
  #website .wh .wc-heading p{font-size:19px!important;line-height:1.25!important}
  #website .wh .wc-pillars{gap:10px!important;margin-bottom:16px!important}
  #website .wh .wc-pillars .wc-p{padding:10px 14px!important}
  #website .wh .wc-pillars .wc-p strong{font-size:21px!important}
  #website .wh .wc-pillars .wc-p span{font-size:12.5px!important}
  #website .wh .wc-table th,#website .wh .wc-table td{padding-top:6px!important;padding-bottom:6px!important}
  #website .wh .wc-table tbody th{font-size:17px!important;width:21%!important}
  #website .wh .wc-table thead th{padding-top:10px!important;padding-bottom:6px!important}
  #website .wh .wc-col{font-size:20px!important}
  #website .wh .wc-brand{font-size:23px!important}
  #website .wh .wc-cost td.wc-us strong{font-size:22px!important}
  #website .why-compare.wh{padding-top:clamp(30px,4.5vh,48px)!important}
}
@media(min-width:1024px) and (max-height:820px){
  #website .wh .wc-table .m{font-size:17px!important}
  #website .wh .wc-table td{font-size:12px!important}
}
@media(max-width:1023px){
  #website .wh .wc-table-wrap{overflow-x:auto!important;transform:none}
  #website .wh .wh-pick{top:-22px;font-size:16px}
  #website .wh .wc-table-wrap::before{display:none}
}
@media(min-width:1024px) and (max-height:820px){
  #website .wh .wc-table tbody th{font-size:16px!important;line-height:1.05!important;width:23%!important}
  #website .wh .wc-table th,#website .wh .wc-table td{padding-top:4px!important;padding-bottom:4px!important}
  #website .wh .wc-cost td.wc-us strong{font-size:19px!important;white-space:nowrap}
  #website .wh .wc-cost td{font-size:11.5px!important}
  #website .wh .wc-table thead th{padding-top:6px!important;padding-bottom:4px!important}
  #website .wh .wh-pick{top:-24px;font-size:17px}
}
@media(min-width:1024px) and (max-height:740px){#website .wh .wc-table td{font-size:11.5px!important;line-height:1.3!important}#website .wh h2.wh-h2{font-size:34px!important}#website .wh .wc-pillars .wc-p span{display:none}}
@media(min-width:1024px) and (max-height:740px){#website .wh .wc-pillars .wc-p{min-height:0!important;padding:8px 14px!important;align-items:center}#website .wh .wc-pillars .wc-p i{grid-row:auto!important;width:34px!important;height:34px!important}#website .wh .wc-cost td.wc-us strong{white-space:normal;font-size:18px!important}}
@media(min-width:1024px) and (max-height:740px){#website .wh .wc-table tbody th{font-size:15px!important}#website .wh .wc-table .m{font-size:16px!important}#website .why-compare.wh{padding-top:20px!important;padding-bottom:10px!important}}
@media(max-width:760px){#website .wh .wc-table tbody th{padding-left:16px!important;font-size:17px!important}#website .wh .wc-pillars .wc-p{display:grid!important;grid-template-columns:40px 1fr;column-gap:12px;padding:12px 14px!important}#website .wh .wc-pillars .wc-p i{grid-row:span 2;width:40px!important;height:40px!important;margin:0!important}#website .wh .wc-pillars .wc-p strong{margin:0!important}#website .wh .wc-table-wrap{background-image:none!important}#website .wh .wh-pick{display:none}}
#website .wh .wc-table-wrap::before{background:linear-gradient(180deg,rgba(236,201,120,.75),rgba(222,184,98,.7))!important;border:0!important;box-shadow:0 2px 4px rgba(90,70,10,.18)!important;-webkit-mask:linear-gradient(90deg,transparent 0 2px,#000 2px calc(100% - 2px),transparent calc(100% - 2px));width:120px!important;height:28px!important}