.templates{--t-card:var(--white);--t-card-bd:var(--card-line);--t-result:#e9f7ef;--t-figure:#17803f;--t-rail:#e6e7ea;--t-ink-2:#4c4c51;--t-ink-3:#6b6f76;--t-glass:#ffffff0d;--t-glass-hi:#ffffff17;--t-glass-bd:#ffffff17;--t-radius:16px;--t-ease:cubic-bezier(.4, 0, .2, 1)}.templates .tsr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.templates .tchip{border:1px solid var(--t-glass-bd);background:var(--t-glass);height:22px;font-family:var(--mono);font-size:var(--fs-eyebrow);letter-spacing:.04em;color:#ffffffb8;white-space:nowrap;border-radius:5px;align-items:center;padding-inline:8px;font-weight:500;display:inline-flex}.templates .tchip--cell{color:var(--green);background:#2cbb651a;border-color:#2cbb6559}.templates .tchip--sheet{color:var(--white);border-color:#ffffff29}.templates .tchips{flex-wrap:wrap;gap:8px;margin:0;display:flex}.templates .tgallery{z-index:1;padding-block:clamp(24px,4vw,48px) clamp(16px,3vw,32px);position:relative}.templates .tgrid{grid-template-columns:repeat(auto-fill,minmax(324px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.templates .tcard{display:flex}.templates .tcard__link{border:1px solid var(--t-glass-bd);border-radius:var(--t-radius);background:var(--t-glass);width:100%;color:var(--white);transition:background .2s var(--t-ease), border-color .2s var(--t-ease), transform .2s var(--t-ease);flex-direction:column;align-items:flex-start;gap:12px;padding:24px;text-decoration:none;display:flex}.templates .tcard__link:hover{background:var(--t-glass-hi);border-color:#2cbb6580;transform:translateY(-2px)}.templates .tcard__link:focus-visible{outline:2px solid var(--green);outline-offset:3px}.templates .tcard__chip{height:24px;color:var(--green);font-family:var(--mono);font-size:var(--fs-eyebrow);letter-spacing:.08em;text-transform:uppercase;background:#2cbb6524;border-radius:6px;align-items:center;padding-inline:10px;font-weight:500;display:inline-flex}.templates .tcard__name{font-size:var(--fs-h3);letter-spacing:-.01em;margin:0;font-weight:500;line-height:1.2}.templates .tcard__blurb{font-size:var(--fs-body);color:var(--on-dark-soft);flex:1;margin:0;line-height:1.55}.templates .tcard__fns{flex-wrap:wrap;gap:6px;padding-top:4px;display:flex}.templates .tcard__go{font-size:var(--fs-body);color:var(--green);align-items:center;gap:8px;margin-top:4px;font-weight:600;display:inline-flex}.templates .tcard__go svg{width:16px;height:16px;transition:transform .2s var(--t-ease)}.templates .tcard__link:hover .tcard__go svg{transform:translate(3px)}.templates .thow .steps{margin-top:40px}@media (prefers-reduced-motion:reduce){.templates .tcard__link,.templates .tcard__go svg{transition:none}.templates .tcard__link:hover{transform:none}}.templates .tdetail-hero{z-index:1;padding-block:clamp(28px,4vw,48px) clamp(56px,7vw,88px);position:relative;overflow:hidden}.templates .tcrumb{z-index:1;position:relative}.templates .tcrumb ol{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.templates .tcrumb.tcrumb--center ol{justify-content:center}.templates .tcrumb li{font-size:var(--fs-caption);color:var(--on-dark-soft);align-items:center;gap:8px;display:flex}.templates .tcrumb li+li:before{content:"/";color:#ffffff4d}.templates .tcrumb a{color:var(--on-dark-soft);text-decoration:none}.templates .tcrumb a:hover{color:var(--white)}.templates .tcrumb [aria-current=page]{color:var(--white)}.templates .tdetail__head{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:760px;margin-block:clamp(24px,3vw,40px) clamp(32px,4vw,48px);margin-inline:auto;display:flex}.templates .tdetail__head h1{font-size:var(--fs-display);letter-spacing:-.02em;color:var(--white);margin:0;font-weight:500;line-height:1.08}.templates .tdetail__cta{justify-content:center;margin:0 0 clamp(28px,4vw,44px);display:flex}.templates .tdetail__cta .tbtn-ghost{gap:9px}.templates .tdetail__cta svg{width:16px;height:16px;transition:transform .18s var(--t-ease)}.templates .tdetail__cta .tbtn-ghost:hover svg{transform:translate(3px)}.templates .tdetail__blurb{font-size:var(--fs-sub);color:#fffc;max-width:62ch;margin:0 auto;line-height:1.55}.templates .tfield{flex-direction:column;gap:10px;display:flex}.templates .tfield label{color:var(--muted-2);font-size:13px;font-weight:500;line-height:1.35}.templates .tfield__row{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.templates .tfield__out{background:var(--field);font-variant-numeric:tabular-nums;text-align:right;min-width:96px;color:var(--ink);border-radius:6px;flex:none;padding:6px 12px;font-size:16px;font-weight:500}.templates .tfield__ends{font-family:var(--mono);letter-spacing:.04em;color:var(--tertiary);justify-content:space-between;font-size:10px;display:flex}.templates .tfield__range{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}.templates .tfield__range:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:4px}.templates .tfield__range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--green) 0 var(--pct,0%), var(--t-rail) var(--pct,0%) 100%);border-radius:2px;height:4px}.templates .tfield__range::-moz-range-track{background:linear-gradient(to right, var(--green) 0 var(--pct,0%), var(--t-rail) var(--pct,0%) 100%);border-radius:2px;height:4px}.templates .tfield__range::-webkit-slider-thumb{appearance:none;border:1.5px solid var(--green);background:var(--white);border-radius:50%;width:18px;height:18px;margin-top:-7px;box-shadow:0 1px 3px #00000029}.templates .tfield__range::-moz-range-thumb{border:1.5px solid var(--green);background:var(--white);border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #00000029}.templates .tfield__select{border:1px solid var(--t-card-bd);background-color:var(--white);appearance:none;width:100%;height:42px;font-family:var(--sans);font-size:var(--fs-body);color:var(--ink);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23565552' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;border-radius:8px;padding:0 38px 0 12px}.templates .tfield__select:hover{border-color:var(--tertiary)}.templates .tfield__select:focus-visible{outline:2px solid var(--green);outline-offset:1px}.templates .tfield--toggle{flex-direction:row;justify-content:space-between;align-items:center;gap:14px}.templates .tfield__switch{background:var(--t-rail);appearance:none;cursor:pointer;width:40px;height:22px;transition:background .18s var(--t-ease);border-radius:100px;flex:none;margin:0;position:relative}.templates .tfield__switch:after{content:"";background:var(--white);width:16px;height:16px;transition:transform .18s var(--t-ease);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.templates .tfield__switch:checked{background:var(--green)}.templates .tfield__switch:checked:after{transform:translate(18px)}.templates .tfield__switch:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media (prefers-reduced-motion:reduce){.templates .tfield__switch,.templates .tfield__switch:after{transition:none}}.templates .tanswer{padding-block:clamp(48px,6vw,80px)}.templates .tanswer__inner{border:1px solid var(--t-glass-bd);border-left:2px solid var(--green);border-radius:4px var(--t-radius) var(--t-radius) 4px;background:var(--t-glass);max-width:780px;padding:clamp(28px,3.5vw,40px)}.templates .tanswer__inner h2{font-size:var(--fs-h3);letter-spacing:-.01em;color:var(--white);margin:0 0 16px;font-weight:500;line-height:1.25}.templates .tanswer__inner p{font-size:var(--fs-body-lg);color:#ffffffc7;margin:0;line-height:1.7}.templates .twired{padding-block:clamp(48px,6vw,80px)}.templates .twire{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);align-items:start;gap:24px;margin-top:36px;display:grid}.templates .twire__scroll{border:1px solid var(--t-glass-bd);border-radius:var(--t-radius);background:var(--t-glass);min-width:0;overflow-x:auto}.templates .twire__table{border-collapse:collapse;text-align:left;width:100%;min-width:480px}.templates .twire__table th,.templates .twire__table td{font-size:var(--fs-body);vertical-align:middle;padding:13px 18px;font-weight:400}.templates .twire__table thead th{font-family:var(--mono);font-size:var(--fs-eyebrow);letter-spacing:.1em;text-transform:uppercase;color:var(--tertiary);border-bottom:1px solid var(--t-glass-bd);white-space:nowrap;font-weight:500}.templates .twire__table tbody tr+tr{border-top:1px solid #ffffff0f}.templates .twire__table tbody th{white-space:nowrap;width:1%}.templates .twire__table tbody td{color:var(--on-dark-soft)}.templates .twire__table tbody td:last-child{min-width:220px}.templates .trole{height:22px;font-size:var(--fs-eyebrow);letter-spacing:.04em;text-transform:uppercase;color:var(--white);background:#ffffff14;border-radius:100px;align-items:center;padding-inline:9px;font-weight:600;display:inline-flex}.templates .trole[data-role=result]{color:var(--green);background:#2cbb6529}.templates .trole[data-role=lookup]{color:#7ea9ff;background:#0f61fd2e}.templates .twire__meta{flex-direction:column;gap:16px;display:flex}.templates .twire__block{border:1px solid var(--t-glass-bd);border-radius:var(--t-radius);background:var(--t-glass);padding:20px}.templates .twire__block h3{font-size:var(--fs-body);color:var(--white);margin:0 0 12px;font-weight:600}.templates .tsheets{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.templates .tsheets li{font-size:var(--fs-body);color:var(--on-dark-soft);align-items:baseline;gap:10px;line-height:1.45;display:flex}.templates .tsheets .tchip{flex:none}.templates .tuse{padding-block:clamp(48px,6vw,80px)}.templates .tuse__panel{border:1px solid var(--t-glass-bd);background:radial-gradient(90% 120% at 100% 0%, #2cbb6529, transparent 60%), var(--t-glass);color:var(--white);border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,4vw,56px);padding:clamp(32px,4vw,56px);display:grid;position:relative;overflow:hidden}.templates .tuse__panel:before{content:"";background:linear-gradient(90deg,#0000,#ffffff47 30%,#2cbb6580 70%,#0000);height:1px;position:absolute;inset:0 0 auto}.templates .tuse__copy h2{font-size:var(--fs-h2);letter-spacing:-.02em;color:var(--white);margin:0 0 12px;font-weight:500;line-height:1.1}.templates .tuse__copy>p{font-size:var(--fs-body-lg);color:var(--on-dark-soft);max-width:44ch;margin:0;line-height:1.6}.templates .tuse__actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.templates .tuse__actions svg{width:16px;height:16px;transition:transform .18s var(--t-ease)}.templates .tuse__actions .btn-green:hover svg{transform:translate(3px)}.templates .tuse__actions a[download]:hover svg{transform:translateY(2px)}.templates .tbtn-ghost{height:44px;font-size:var(--fs-body);color:var(--white);transition:background .18s var(--t-ease), border-color .18s var(--t-ease);border:1px solid #ffffff47;border-radius:100px;align-items:center;gap:9px;padding-inline:22px;font-weight:600;text-decoration:none;display:inline-flex}.templates .tbtn-ghost:hover{background:#ffffff1a;border-color:#ffffff8c}.templates .tbtn-ghost:focus-visible{outline:2px solid var(--green);outline-offset:2px}.templates .tuse__steps{flex-direction:column;gap:22px;margin:0;padding:0;list-style:none;display:flex}.templates .tuse__steps li{gap:16px;display:flex;position:relative}.templates .tuse__steps li:not(:last-child):before{content:"";background:linear-gradient(#2cbb6580,#ffffff14);width:1px;height:calc(100% - 26px);position:absolute;top:34px;left:15px}.templates .tuse__steps h3{font-size:var(--fs-h5);color:var(--white);margin:0 0 4px;font-weight:500}.templates .tuse__steps p{font-size:var(--fs-body);color:var(--on-dark-soft);margin:0;line-height:1.55}.templates .tuse__n{z-index:1;width:31px;height:31px;color:var(--green);font-family:var(--mono);font-size:var(--fs-caption);background:#2cbb651f;border:1px solid #2cbb658c;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:500;display:inline-flex;position:relative}.templates .tother{padding-block:clamp(40px,5vw,72px)}.templates .tother__list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:36px 0 0;padding:0;list-style:none;display:grid}.templates .tother__list a{border:1px solid var(--t-glass-bd);height:100%;transition:background .18s var(--t-ease), border-color .18s var(--t-ease);border-radius:12px;flex-direction:column;gap:6px;padding:18px 20px;text-decoration:none;display:flex}.templates .tother__list a:hover{background:var(--t-glass);border-color:#2cbb6573}.templates .tother__list a:focus-visible{outline:2px solid var(--green);outline-offset:3px}.templates .tother__cat{font-family:var(--mono);font-size:var(--fs-eyebrow);letter-spacing:.1em;text-transform:uppercase;color:var(--green);font-weight:500}.templates .tother__name{font-size:var(--fs-body-lg);color:var(--white);font-weight:500}.templates .tother__blurb{font-size:var(--fs-caption);color:var(--on-dark-soft);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.templates .tother__all{text-align:center;margin:28px 0 0}.templates .tother__all a{font-size:var(--fs-body);color:var(--green);font-weight:600;text-decoration:none}.templates .tother__all a:hover{text-decoration:underline}@media (max-width:1024px){.templates .twire,.templates .tuse__panel{grid-template-columns:1fr}}@media (max-width:560px){.templates .tgrid{grid-template-columns:1fr}.templates .tuse__actions .btn-green,.templates .tuse__actions .tbtn-ghost{justify-content:center;width:100%}}.templates .tanswer__inner--lead{max-width:68ch;margin:4px auto 30px}.templates .tanswer__inner--lead h2{font-size:var(--fs-h4);margin:0 0 8px}.templates .tanswer__inner--lead p{margin:0}.templates .tembed{background:0 0;border:0;width:100%;max-width:940px;margin-inline:auto}.templates .tembed iframe{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:0;width:100%;height:100%;display:block}.templates .tembed-dialog{border:1px solid var(--t-glass-bd);border-radius:var(--t-radius);width:min(620px,100vw - 32px);color:var(--white);background:#16181a;margin:auto;padding:0}.templates .tembed-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000a8}.templates .tembed-dialog__inner{flex-direction:column;gap:18px;padding:clamp(22px,3vw,30px);display:flex}.templates .tembed-dialog__head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.templates .tembed-dialog__head h2{font-size:var(--fs-h4);letter-spacing:-.01em;color:var(--white);margin:0;font-weight:500}.templates .tembed-dialog__head button{color:#ffffff8c;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.templates .tembed-dialog__head button:hover{color:var(--white);background:#ffffff14}.templates .tembed-dialog__head button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.templates .tembed-dialog__head button svg{width:16px;height:16px}.templates .tembed-dialog__warn{border-radius:4px var(--t-radius) var(--t-radius) 4px;font-size:var(--fs-body);color:#ffffffd1;background:#f0443812;border:1px solid #f044384d;border-left:2px solid #f04438;margin:0;padding:14px 16px;line-height:1.6}.templates .tembed-dialog .btn-green{align-self:flex-start}.templates .tembed-dialog__code{border:1px solid var(--t-glass-bd);background:#00000059;border-radius:10px;overflow:hidden}.templates .tembed-dialog__codehead{border-bottom:1px solid var(--t-glass-bd);font-family:var(--mono);font-size:var(--fs-eyebrow);letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;justify-content:space-between;align-items:center;padding:8px 8px 8px 14px;display:flex}.templates .tembed-dialog__codehead button{border:1px solid var(--t-glass-bd);font-family:var(--mono);font-size:var(--fs-eyebrow);letter-spacing:.06em;text-transform:uppercase;color:var(--white);cursor:pointer;background:#ffffff0f;border-radius:7px;padding:6px 12px}.templates .tembed-dialog__codehead button:hover{background:#ffffff1f}.templates .tembed-dialog__codehead button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.templates .tembed-dialog__code pre{white-space:pre-wrap;word-break:break-all;font-family:var(--mono);color:#ffffffd9;margin:0;padding:14px;font-size:12.5px;line-height:1.7}.templates .tembed-dialog__note{font-size:var(--fs-caption);color:#ffffff80;margin:0;line-height:1.55}
