:root{--section-background: white;--section-thick-border-color: #198c7a57;--section-thin-border-color: #198c88;--section-thin-border: 2px solid var(--section-thin-border-color);--divider-color: hsl(0, 0%, 53%);--navbar-color: #198c88}.screen-width{width:100%}.content-width{max-width:700px;margin:0 auto}.section{margin:40px auto 0}.section+.section{margin-top:80px}.section-heading{color:#198c7a;text-align:left;letter-spacing:2px;text-transform:uppercase;padding-left:20px;font-family:Tahoma,Verdana,Segoe,sans-serif;font-size:24px;font-weight:700;line-height:24px}.section-subheading{color:#050505;text-align:left;letter-spacing:2px;text-transform:capitalize;margin-top:5px;padding-left:20px;font-family:Tahoma,Verdana,Segoe,sans-serif;font-size:14px;font-weight:400}.section-content{box-shadow:2px 4px 5px #4a9380;background-color:var(--section-thick-border-color);border-radius:8px;margin:8px 0}.link{color:#00f;text-decoration:underline;margin:0 auto}.italic{font-style:italic}.card{display:flex;flex-direction:column;color:#0a0a0a;background-color:#fff;padding:8px 20px;gap:.5em;border:1px solid #318b7a99;border-radius:7px;box-shadow:0 2px 5px #0003;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.card-header-text{color:#00000091;letter-spacing:2px;text-transform:uppercase;text-shadow:0 1px 1px #0003;font-size:11px}.card-title{font-size:1em;font-weight:700;vertical-align:top}.card-description{font-size:.9em}/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.navbar{background-color:var(--navbar-color);width:100%}.navbar-container{flex-direction:row;justify-content:end;align-items:center;height:48px;margin:0 auto;padding:0;display:flex}.nav-menu{flex-direction:row;align-items:flex-end;height:100%;display:flex}.hero{flex-direction:column;align-items:center;margin:0 auto;padding:20px 0 10px;display:flex}.hero-content{width:clamp(19rem,90vw,35rem)}.footer{flex-direction:column;align-items:center;margin:5em auto 10px;display:flex}.footer-image{width:152px}.footer-text{text-align:center;flex-direction:column;gap:.2em;margin:.5em 1em;font-size:.8em;font-weight:700;display:flex}.footer-slogan{color:#c07d2c;text-transform:capitalize;margin:0 auto}.footer-link{margin:0 auto;font-size:.8em}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.navlink{display:flex;align-items:center;color:#fff;text-decoration:none;font-weight:500;padding:12px}.navlink:hover{text-decoration:underline}.navlink.active{background-color:#fff;font-weight:700;color:#000}.navlink.active:hover{text-decoration:none}:root{--dark-orange: hsl(34 74% 38%);--dark-orange-light: hsl(34 69% 46%);--dark-orange-lighter:hsl(34 72% 56%);--dark-green: hsl(74, 31%, 39%);--dark-green-light: hsl(74 35% 50%);--dark-green-lighter:hsl(74 45% 50%);--input-border: 1px solid black;--trailcast-inactive-tab-background: gainsboro;--divider-color: hsl(0, 0%, 53%)}.trailcast-section{margin:5px auto 0}.trailcast-section-content{padding:5px clamp(5px,2vw,15px) 5px}.trailcast-section-header{display:flex;flex-direction:column;margin-top:10px}.trailcast-section-header-text{display:flex;flex-direction:column;align-items:center;text-align:center}.trailcast-section-header-main-text{text-transform:uppercase;font-weight:700;font-size:1.5rem;text-wrap-mode:nowrap;letter-spacing:.05rem}.trailcast-section-header-sub-text{font-size:.75rem;text-transform:uppercase;letter-spacing:.05rem;padding:0 1rem}.trailcast-tabs{display:flex;width:100%}.trailcast-tab{flex:1 1 0;background-color:var(--trailcast-inactive-tab-background);border:var(--section-thin-border);border-radius:20px 20px 0 0;cursor:pointer;margin-left:-2px;padding-top:2px}.trailcast-tab-active{padding-top:0;background:var(--section-background);border-bottom:none}.trailcast-tab:first-child{margin-left:0}.tab-image{height:50px;margin:0 auto}.form-title{color:#4a88a5;text-align:center;font-size:.8em}.form-title-top{padding:1px 0 5px}.form-title-bottom{padding:5px 0 1px}.form-block{display:flex;flex-direction:column;align-items:center;border:var(--section-thin-border);border-top:none;border-radius:0 0 20px 20px;background-color:var(--section-background);margin:0 auto}.form{display:flex;flex-direction:column;gap:1rem;align-items:center;margin:0 auto .5em}.form-labelled-input-wrapper{position:relative;display:flex;flex-direction:column;width:100%}.form-label{font-size:.8rem;line-height:1.2rem;font-weight:500;text-wrap-mode:nowrap;padding:0 .5rem;text-align:left}.form-input{padding:.5rem;border:var(--input-border);border-radius:.25rem;width:100%;background-color:var(--section-background);font-weight:700;text-align:center}.form-options{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center}.form-option{display:flex;flex-direction:column;margin:0 auto}.form-option-label{display:flex;flex-direction:row}.form-option-info{width:12px;height:12px;margin:0 0 auto}.field-label{display:inline-flex;align-items:center;gap:.1rem;position:relative}.info-btn{background:none;border:none;cursor:pointer;font-size:.85em;padding:0}.tooltip{position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:6px 8px;border-radius:4px;font-size:.75rem;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:10}.info-btn:hover+.tooltip,.info-btn:focus+.tooltip{opacity:1;pointer-events:auto}.info-btn[aria-expanded=true]+.tooltip{opacity:1;pointer-events:auto}.nobo-color{color:var(--dark-orange)}.sobo-color{color:var(--dark-green)}.start-mile-state{position:absolute;top:4px;right:.5rem;font-size:.55em;font-weight:600;text-transform:uppercase;letter-spacing:.05rem}.submit-button{border-radius:999px;border:none;color:#fff;height:2.5em;font-size:1em;font-weight:500;grid-column:1 / -1;margin:.25em auto .75em;padding:0 1rem;cursor:pointer;width:10rem;transition:transform .1s ease,box-shadow .1s ease,filter .1s ease}.nobo-submit-button{background:linear-gradient(to bottom,var(--dark-orange-lighter),var(--dark-orange-light));box-shadow:0 4px 0 var(--dark-orange),0 6px 12px #0003}.sobo-submit-button{background:linear-gradient(to bottom,var(--dark-green-lighter),var(--dark-green-light));box-shadow:0 4px 0 var(--dark-green),0 6px 12px #0003}.submit-button:enabled:hover{filter:brightness(1.05)}.submit-button:enabled:active{transform:translateY(3px)}.sobo-submit-button:enabled:active{box-shadow:0 1px 0 var(--dark-green),0 3px 6px #0003}.nobo-submit-button:enabled:active{box-shadow:0 1px 0 var(--dark-orange),0 3px 6px #0003}.submit-button:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:1em;text-align:center}.forecast-results{display:flex;flex-direction:column;gap:.4rem;width:100%;padding:.5rem}.forecast-results-divider{width:80%;margin:10px auto;color:var(--divider-color)}.forecast-results-header{display:flex;flex-direction:column;margin:0 auto;text-align:center}.forecast-results-header-your-trailcast{text-transform:uppercase;font-weight:700;font-size:1.5rem;text-wrap-mode:nowrap}.forecast-results-header-inputs{font-size:.75rem;text-transform:uppercase}.forecast-results-header-input{font-weight:700;text-decoration:underline}.forecast-results-header-input-padding{padding:0 .5rem 0 0}:root{--image-border: 1px solid #868686}.forecast-card{position:relative;background-color:#fff;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;border-radius:1rem;padding:1rem;border:1px solid #e5e7eb}.forecast-card-clickable-area{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer}.forecast-card-content{z-index:2}.forecast-card-closed{display:flex;flex-direction:row;align-items:center;gap:1em}.forecast-card-date{font-size:clamp(.7rem,4vw,1.1rem);text-wrap-mode:nowrap}.forecast-card-open-date{margin:14px 0 0}.forecast-card-mile{font-weight:600;font-size:clamp(.7rem,3vw,.8rem);margin:0 auto 0 0;text-decoration:none;text-wrap-mode:nowrap}.forecast-card-period{display:flex;flex-direction:row;align-items:center;margin:0 auto;gap:.5em;font-size:clamp(.5em,4vw,1.4em);line-height:1}.forecast-card-period-wrapper{display:flex;flex-direction:column;text-align:center;gap:.2em}.forecast-card-period-type{font-size:.6em}.forecast-card-period-temperature{font-weight:700}.forecast-card-period-image{border-radius:.4em;border:var(--image-border);width:clamp(1.5em,10vw,2.4em)}.forecast-card-toggle{font-size:3em;height:.5em;width:.5em}.forecast-card-open-toggle{margin:12px 0 0}.forecast-card-open{padding-top:1.1rem}.forecast-card-open-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.forecast-periods-container-two-periods{display:grid;background-color:var(--divider-color)}.forecast-period-card-wrapper{padding:10px;background-color:var(--section-background);width:100%}.forecast-period-card{position:relative;display:flex;flex-direction:column;align-items:center}@media (min-width: 550px){.forecast-periods-container-two-periods{grid-template-columns:1fr 1fr;column-gap:1px;row-gap:0}.forecast-period-card-wrapper:first-child{padding:0 10px 0 0}.forecast-period-card-wrapper:last-child{padding:0 0 0 10px}}@media (max-width: 549px){.forecast-periods-container-two-periods{grid-template-columns:1fr;column-gap:0;row-gap:1px}.forecast-period-card-wrapper:first-child{padding:0 0 20px}.forecast-period-card-wrapper:last-child{padding:20px 0 0}}.forecast-period-card-mile-elevation{position:absolute;top:0;left:0}.forecast-period-card-elevation{font-size:.7em}.forecast-period-card-period-type{font-size:1em;text-align:center;margin-bottom:20px}.forecast-period-card-period-temperature{font-size:1.5em;font-weight:700}.forecast-period-card-temperature-image{display:flex;flex-direction:row;align-items:center;gap:8px}.forecast-period-card-period-image{border-radius:.4em;border:var(--image-border);width:clamp(2em,20vw,3.4em)}.toggle{position:relative;display:grid;grid-template-columns:1fr 1fr;width:60px;height:24px;background:#0003;border-radius:999px;overflow:hidden;font-family:system-ui,sans-serif;margin:0 auto}.toggle-active-background{background:var(--navbar-color)}.toggle .checkbox{display:none}.toggle .pill{position:absolute;top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);background:var(--section-background);border-radius:999px;box-shadow:0 1px 3px #00000026;transition:transform .25s ease}.toggle .checkbox:checked~.pill{transform:translate(100%)}.toggle .option{z-index:1;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;font-weight:600;color:#00000080;-webkit-user-select:none;user-select:none;transition:color .2s ease}.toggle .checkbox:not(:checked)~.left{color:var(--navbar-color)}.toggle .checkbox:checked~.right{color:var(--navbar-color)}.page-subheading{color:#050505;text-align:left;letter-spacing:2px;text-transform:capitalize;margin-top:5px;padding-left:20px;font-family:Tahoma,Verdana,Segoe,sans-serif;font-size:14px;font-weight:400}.tool-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(172px,1fr));justify-items:center;gap:30px 0px;padding:20px 8px}.tool-card{width:clamp(10em,28vw,12em);grid-template-rows:auto auto auto 3em;transition:transform .2s ease,box-shadow .2s ease}.tool-card:hover{transform:scale(1.03);box-shadow:0 8px 20px #032e277d}.tiny-tag{color:#00000091;letter-spacing:2px;text-transform:uppercase;text-shadow:0 1px 1px #0003;font-size:11px}.tool-icon{max-width:40%;margin:0 auto}.tool-name{font-size:1em;font-weight:700;vertical-align:top}.tool-description{font-size:.9em}.second-section{margin-top:2em;text-align:center}.text-section{display:flex;flex-direction:column;justify-content:space-evenly;gap:35px;padding:15px clamp(5px,2vw,15px);color:#093f36}.big-point{font-weight:700;text-align:center}.text-block{border:var(--section-thin-border);background-color:var(--section-background);border-radius:20px;margin:0 auto;padding:20px}.image{width:clamp(25em,35em,33em);margin:0 auto}.how-pct-weather-works-section{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:40px;padding:30px clamp(6px,6px,30px);text-align:center}