/* Extension of the downloaded Vin stylesheet. Brand values are measured from production. */
.returns-tool{--paper:#f8f4e6;--ink:#1c1c1c;--brown:#6b4423;--red:#c73e3a;--gold:#c7802d;--line:rgba(107,68,35,.18)}
.returns-tool [hidden]{display:none!important}
.returns-tool .modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:4px;overflow:hidden;margin-bottom:22px}
.returns-tool .mode{min-height:50px;font:500 19px/1.25 "Cormorant Garamond",serif;padding:12px 10px;color:var(--brown);border-right:1px solid var(--line);transition:background .2s,color .2s}
.returns-tool .mode:last-child{border-right:0}
.returns-tool .mode:hover{background:rgba(107,68,35,.05)}
.returns-tool .mode.is-active{background:var(--red);color:var(--paper)}
.returns-tool .workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;align-items:start}
.returns-tool .inputs-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.returns-tool .inputs-head h3,.returns-tool legend{font:500 24px/1.2 "Cormorant Garamond",serif}
.returns-tool .currency-wrap{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--brown)}
.returns-tool select{font:500 16px "DM Sans",sans-serif;min-height:44px;background:transparent;padding:8px;border:1px solid var(--line);border-radius:4px}
.returns-tool .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
.returns-tool .field{min-width:0}
.returns-tool label{display:block;font-size:14px;line-height:1.45;margin-bottom:7px}
.returns-tool .input-wrap{display:flex;align-items:center;border:1px solid rgba(107,68,35,.25);background:rgba(255,255,255,.22);border-radius:4px;transition:border-color .2s,box-shadow .2s}
.returns-tool .input-wrap:focus-within{border-color:var(--brown);box-shadow:0 0 0 2px rgba(107,68,35,.08)}
.returns-tool input{width:100%;min-width:0;font:500 18px/1.5 "DM Sans",sans-serif;font-variant-numeric:tabular-nums;background:transparent;border:0;padding:10px 12px;outline:0;min-height:48px}
.returns-tool input::placeholder{color:rgba(107,68,35,.45);font-weight:400}
.returns-tool input[aria-invalid=true]{box-shadow:inset 0 0 0 1px var(--red);border-radius:3px}
.returns-tool .unit{font:400 13px "Source Serif 4",serif;color:rgba(107,68,35,.7);padding-right:12px;flex-shrink:0}
.returns-tool .error{font-size:12px;line-height:1.5;color:#a32e2a;margin-top:5px}
.returns-tool .fee-fields{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}
.returns-tool .fee-caption,.returns-tool .note{font-size:12px;line-height:1.65;color:rgba(28,28,28,.66)}
.returns-tool .fee-caption{margin:12px 0 18px}
.returns-tool details{border-top:1px solid var(--line)}
.returns-tool summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font:500 17px "Cormorant Garamond",serif;color:var(--brown);list-style:none;gap:12px}
.returns-tool summary::-webkit-details-marker{display:none}
.returns-tool summary::after{content:"+";font:400 20px "DM Sans",sans-serif}
.returns-tool details[open]>summary::after{content:"−"}
.returns-tool .extras .fields{padding:8px 0 14px}
.returns-tool .extras>.note{margin-bottom:16px}
.returns-tool .extras summary .note{margin-left:auto}
.returns-tool .form-actions{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px}
.returns-tool .text-button{font:500 15px "Cormorant Garamond",serif;color:var(--brown);text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:8px 0}
.returns-tool .action-group{display:flex;gap:20px}
.returns-tool .example-state{font-size:12px;line-height:1.5;color:rgba(28,28,28,.62)}
.returns-tool .result-column{scroll-margin-top:80px}
.returns-tool .result-main{background:var(--ink);color:var(--paper);padding:24px 28px;border-radius:4px;position:relative;overflow:hidden}
.returns-tool .result-main::before{content:"";position:absolute;top:12px;right:12px;width:16px;height:16px;border-top:1px solid rgba(199,128,45,.5);border-right:1px solid rgba(199,128,45,.5);pointer-events:none}
.returns-tool .result-label{font:400 17px "Cormorant Garamond",serif;color:rgba(248,244,230,.85)}
.returns-tool .result-value{font:500 clamp(28px,3.8vw,46px)/1.25 "DM Sans",sans-serif;letter-spacing:-.025em;font-variant-numeric:tabular-nums;margin:8px 0;overflow-wrap:anywhere;color:var(--paper)}
.returns-tool .result-value.negative{color:#e8a08b}
.returns-tool .result-caption{font-size:13px;line-height:1.65;color:rgba(248,244,230,.73)}
.returns-tool .cash-ledger{padding:12px 2px 0}
.returns-tool .ledger-row{display:flex;justify-content:space-between;align-items:baseline;gap:18px;font-size:14px;line-height:1.6;padding:8px 0;border-bottom:1px solid rgba(107,68,35,.1)}
.returns-tool .ledger-row span:first-child{color:rgba(28,28,28,.75)}
.returns-tool .ledger-row strong{font:500 14px/1.5 "DM Sans",sans-serif;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}
.returns-tool .ledger-row.total{border-color:rgba(107,68,35,.3);padding-top:10px}
.returns-tool .ledger-row.total strong{font-weight:600}
.returns-tool .break-even{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin:14px 0 0;padding:12px 0;font-size:13px;line-height:1.6;color:var(--brown)}
.returns-tool .break-even strong{font-family:"DM Sans",sans-serif;font-size:13px;font-weight:500}
.returns-tool .fee-breakdown{margin-top:16px}
.returns-tool .fee-breakdown summary{font-size:16px}
.returns-tool .fee-breakdown .ledger-row{font-size:12px;padding:5px 0}
.returns-tool .fee-breakdown .ledger-row strong{font-size:12px}
.returns-tool .method{margin-top:36px;max-width:100%}
.returns-tool .method-body{font-size:14px;line-height:1.8;color:rgba(28,28,28,.76);padding-bottom:18px;max-width:780px}
.returns-tool .method-body p+p{margin-top:10px}
.returns-tool :is(button,a,summary,select):focus-visible{outline:2px solid var(--red);outline-offset:4px}
@media(min-width:768px){.returns-tool .result-column{position:sticky;top:84px;grid-column:2;grid-row:1}}
@media(max-width:767px){
  .returns-tool .modes{margin-bottom:20px}
  .returns-tool .mode{font-size:17px;min-height:48px;padding:10px 6px}
  .returns-tool .workspace{grid-template-columns:1fr;gap:24px}
  .returns-tool .fields{gap:12px 14px}
  .returns-tool .field label{min-height:0}
  .returns-tool .inputs-head{margin-bottom:12px}
  .returns-tool .inputs-head h3{font-size:22px}
  .returns-tool .result-main{padding:22px 24px}
  .returns-tool .result-column{scroll-margin-top:68px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.returns-tool *{animation:none!important;transition:none!important}}

.returns-tool .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.returns-tool .field{scroll-margin-top:80px}
.returns-tool[data-mode="return"] [data-field="years"]{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px}
.returns-tool[data-mode="return"] [data-field="years"] label{margin:0}
.returns-tool[data-mode="return"] [data-field="years"] .input-wrap{width:150px;flex-shrink:0}
.returns-tool[data-mode="return"] [data-field="years"]:has(.error:not([hidden])){display:grid;grid-template-columns:1fr 150px}
.returns-tool[data-mode="return"] [data-field="years"] .error{grid-column:1/-1;margin-top:0}
.returns-tool:not([data-mode="return"]) [data-field="buy"],.returns-tool:not([data-mode="return"]) [data-field="sale"]{grid-column:1/-1}
@media(max-width:767px){
  .returns-tool .fee-fields{margin-top:16px;padding-top:16px}
  .returns-tool .fee-caption{margin:10px 0 14px}
  .returns-tool .input-wrap input{padding:9px 12px}
  .returns-tool .method{margin-top:24px}
  .returns-tool .result-value{font-size:34px}
}

@media(max-width:767px){
  body:has(.returns-tool input:focus) nav[aria-label="Mobile navigation"]{transform:translateY(100%);pointer-events:none}
  .returns-tool input{scroll-margin-bottom:96px}
}