:root{--cream:#f5f0e5;--ivory:#fffdf7;--sage:#a9b29b;--olive:#66705a;--olive-dark:#4f5846;--text:#3f443d;--muted:#6f756b;--line:#d9d7ca;--soft:#edf0e8;--error:#914646;--shadow:0 12px 34px rgba(73,74,63,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.65}.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.75rem 1rem;border-radius:.5rem}.site-header{background:rgba(255,253,247,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(8px)}.header-inner{width:min(calc(100% - 2rem),74rem);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.9rem 0}.brand{display:flex;flex-direction:column;color:var(--olive-dark);text-decoration:none;line-height:1.15}.brand span{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.35rem;font-weight:700}.brand strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:500;margin-top:.2rem}.site-header nav{display:flex;gap:1rem;flex-wrap:wrap}.site-header nav a{color:var(--olive-dark);text-decoration:none;font-size:.9rem}.site-header nav a:hover{text-decoration:underline}.shell{width:min(calc(100% - 2rem),74rem);margin-inline:auto}.narrow{max-width:58rem}.tool-hero{padding:4.2rem 0 2.5rem;background:linear-gradient(180deg,#f0ecdf 0%,var(--cream) 100%)}.breadcrumbs{display:flex;gap:.55rem;flex-wrap:wrap;font-size:.78rem;color:var(--muted);margin-bottom:1.5rem}.breadcrumbs a{color:inherit}.eyebrow,.step-label{margin:0 0 .45rem;color:var(--olive);text-transform:uppercase;letter-spacing:.12em;font-size:.73rem;font-weight:600}.tool-hero h1,.tool-card h2{font-family:"Cormorant Garamond",Georgia,serif;color:var(--olive-dark);font-weight:600;line-height:1.08}.tool-hero h1{font-size:clamp(2.6rem,7vw,4.8rem);margin:.2rem 0 1rem}.lead{max-width:44rem;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.25rem,3vw,1.65rem);line-height:1.45;color:#535950}.intro-note,.learning-note{background:rgba(255,253,247,.72);border-left:3px solid var(--sage);padding:1rem 1.1rem;border-radius:.25rem .8rem .8rem .25rem;margin-top:1.5rem}.tool-flow{padding:1.2rem 0 5rem}.tool-card{background:var(--ivory);border:1px solid var(--line);border-radius:1.2rem;padding:clamp(1.25rem,4vw,2rem);margin:1.25rem 0;box-shadow:var(--shadow)}.tool-card h2{font-size:clamp(1.8rem,4vw,2.45rem);margin:.1rem 0 .6rem}.section-intro,.help{color:var(--muted)}.field-grid{display:grid;gap:1rem;margin:1.25rem 0}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.field label,.field-label{display:block;font-size:.86rem;font-weight:600;color:#596056;margin-bottom:.4rem}.field input{width:100%;border:1px solid #cfd2c6;background:#fffdf9;padding:.78rem .85rem;border-radius:.65rem;font:inherit;color:var(--text)}.field input:focus{outline:3px solid rgba(102,112,90,.13);border-color:var(--olive)}.field small{display:block;color:var(--muted);margin-top:.35rem;font-size:.78rem}.suffix-field{display:flex;align-items:center;border:1px solid #cfd2c6;background:#fffdf9;border-radius:.65rem;overflow:hidden}.suffix-field input{border:0;border-radius:0}.suffix-field span{padding:0 .85rem;color:var(--muted)}.output-field{background:var(--soft);border-radius:.75rem;padding:.85rem}.output-field strong{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.45rem;color:var(--olive-dark)}.output-field small{margin-top:.3rem}.output-field.compact{align-self:end}.material-item{padding:1rem 0;border-top:1px solid #ece9de}.material-item:first-child{border-top:0}.material-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:.75rem;align-items:end}.material-total{background:var(--soft);border-radius:.65rem;padding:.78rem .75rem;min-height:3rem;display:flex;align-items:center;font-weight:600;color:var(--olive-dark)}.btn{appearance:none;border:0;border-radius:.65rem;padding:.75rem 1rem;font:600 .9rem Inter,Arial,sans-serif;cursor:pointer}.btn.primary{background:var(--olive);color:#fff}.btn.secondary{background:var(--soft);color:var(--olive-dark)}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--olive-dark)}.btn:hover{filter:brightness(.98)}.material-remove{padding:.72rem .8rem}.summary-line{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px dotted var(--line)}.total-line{border-top:1px solid var(--line);border-bottom:0;margin-top:1rem;padding-top:1rem;font-size:1.06rem}.summary-line strong{color:var(--olive-dark)}details{background:#f8f5ee;border:1px solid #e5e1d6;border-radius:.75rem;padding:.8rem .95rem;margin-top:1rem}summary{cursor:pointer;color:var(--olive-dark);font-weight:600}.learning-note{margin-top:1rem}.pill-row{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.pill{border:1px solid #cfd2c6;background:#fff;padding:.4rem .65rem;border-radius:999px;cursor:pointer;color:var(--olive-dark)}.action-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.error{min-height:1.4em;color:var(--error);font-size:.88rem}.result-panel{display:none}.result-panel.visible{display:block}.price-box{margin-top:1.25rem;background:linear-gradient(145deg,#e8eddf,#f5f0e5);border:1px solid #ccd3c4;border-radius:1rem;padding:1.5rem;text-align:center}.price-box>span{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.price-box>strong{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2.8rem,8vw,4.6rem);line-height:1;color:var(--olive-dark);margin:.35rem 0}.price-box p{max-width:40rem;margin:.8rem auto 0;color:#5f655c}.compare-result{margin-top:1rem;padding:1rem;background:#f5f7f1;border-radius:.8rem}.editorial-card{box-shadow:none;background:#faf8f2}.text-link{color:var(--olive-dark);font-weight:600}.source-note{font-size:.82rem;color:var(--muted)}.tool-nav{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:2rem}.tool-nav a{color:var(--olive-dark);text-decoration:none;font-weight:600}.site-footer{border-top:1px solid var(--line);padding:1.6rem 0 2.4rem;background:#f1ede3}.instagram-footer-inner{width:min(calc(100% - 2rem),74rem);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.instagram-footer-inner p{margin:0}.instagram-footer-link{display:inline-flex;align-items:center;gap:.55rem;color:inherit;text-decoration:none;font-size:.9rem}.instagram-footer-link svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:1.7}.back-to-top{position:fixed;right:1rem;bottom:1rem;border:0;border-radius:999px;background:var(--olive);color:#fff;width:2.8rem;height:2.8rem;cursor:pointer;box-shadow:var(--shadow)}
@media(max-width:820px){.field-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.material-row{grid-template-columns:1fr 1fr}.material-row .material-name{grid-column:1/-1}.material-total-wrap{grid-column:1}.material-actions{grid-column:2;align-self:end}}
@media(max-width:620px){.header-inner{align-items:flex-start}.site-header nav{justify-content:flex-end;gap:.55rem}.site-header nav a{font-size:.78rem}.tool-hero{padding-top:2.8rem}.field-grid.two,.field-grid.four{grid-template-columns:1fr}.material-row{grid-template-columns:1fr}.material-row .material-name,.material-total-wrap,.material-actions{grid-column:auto}.material-actions .btn{width:100%}.tool-card{border-radius:.9rem}.tool-nav{flex-direction:column}.instagram-footer-inner{justify-content:center;text-align:center}.instagram-footer-inner p{width:100%}}