.sv-workshop{--sv-ink:#38372f;--sv-sage:#676d57;--sv-light:#f3f1ea;--sv-line:#d7d5c8;color:var(--sv-ink);max-width:1140px;margin:24px auto 48px;font-family:Georgia,'Times New Roman',serif;font-size:16px;line-height:1.65;box-sizing:border-box}.sv-workshop *{box-sizing:border-box}.sv-workshop button,.sv-workshop input,.sv-workshop select,.sv-workshop textarea{font:inherit}.sv-workshop button{cursor:pointer}.sv-hero{min-height:320px;background:linear-gradient(90deg,rgba(24,28,24,.88),rgba(24,28,24,.30)),radial-gradient(ellipse at 80% 30%,#7d8067 0%,#414a3f 40%,#262c25 85%);display:flex;align-items:center;color:#f8f3e7;padding:48px clamp(22px,6%,72px);border-radius:8px}.sv-hero-content{max-width:540px}.sv-eyebrow{letter-spacing:.15em;text-transform:uppercase;font:600 11px/1.6 Arial,sans-serif}.sv-hero h2{font-size:clamp(34px,5vw,57px);font-weight:400;margin:12px 0}.sv-hero p{font-size:18px;line-height:1.65;margin:0 0 25px}.sv-primary,.sv-outline{display:inline-block;text-decoration:none!important;border-radius:3px;padding:11px 20px;border:1px solid var(--sv-sage);background:var(--sv-sage);color:#fff!important;font-family:Arial,sans-serif!important;font-size:14px!important;font-weight:500!important}.sv-outline{background:transparent;color:var(--sv-ink)!important;border:1px solid #9e9f91}.sv-tabs{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--sv-line);margin:26px 0 30px;padding:0 0 12px}.sv-tab{padding:10px 13px;background:transparent;border:0!important;color:#606053}.sv-tab.active{border-bottom:2px solid var(--sv-sage)!important;color:#24251f}.sv-panel{display:none;background:#fff;border:1px solid var(--sv-line);border-radius:6px;padding:clamp(18px,4vw,38px)}.sv-panel.active{display:block}.sv-intro h3{font-size:clamp(24px,3vw,32px);margin:6px 0 6px;font-weight:400}.sv-intro p{margin:0 0 24px;color:#636358}.sv-step{border-top:1px solid var(--sv-line);padding-top:26px;margin-top:30px}.sv-label{display:block;font-weight:600;font-size:14px;margin:12px 0 5px}.sv-input{width:100%;max-width:540px;background:#fff!important;border:1px solid #bbbeb0!important;color:var(--sv-ink)!important;border-radius:3px!important;padding:11px!important}.sv-oil-row{display:grid;grid-template-columns:minmax(150px,2fr) minmax(80px,1fr) auto;gap:10px;align-items:end;margin:13px 0}.sv-oil-row label{display:block;font-size:12px}.sv-oil-row .sv-input{max-width:initial}.sv-remove{background:transparent;border:1px solid #d0d0c8;padding:10px;color:#615c51}.sv-summary{background:var(--sv-light);padding:17px 19px;border-radius:4px;margin-top:17px}.sv-measures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sv-results{margin:20px 0}.sv-results table{width:100%;border-collapse:collapse}.sv-results th,.sv-results td{text-align:left;border-bottom:1px solid var(--sv-line);padding:10px 6px}.sv-results td:last-child{text-align:right}.sv-safety{border-left:3px solid #9e8060;background:#f7f3eb;padding:14px 17px;font-size:14px}.sv-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.sv-note{font-size:13px;color:#676d57}.sv-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sv-card{border:1px solid var(--sv-line);background:var(--sv-light);padding:20px;border-radius:5px}.sv-card h4{margin:0;font-size:20px;font-weight:400}.sv-card p{font-size:14px}.sv-card button{font-size:12px!important}.sv-textarea{display:block;max-width:100%;margin-bottom:14px}.sv-saved-item{border-bottom:1px solid var(--sv-line);padding:15px 0}.sv-saved-item button{margin-right:6px}.sv-guide h4{margin:22px 0 5px}.sv-guide p{margin:0}.sv-footer{margin-top:20px;text-align:center;font-size:12px;color:#777668}.sv-workshop button:focus-visible,.sv-workshop a:focus-visible{outline:3px solid #b5a56e;outline-offset:2px}@media(max-width:650px){.sv-hero{min-height:290px;padding:30px 20px}.sv-card-grid{grid-template-columns:1fr}.sv-measures{grid-template-columns:1fr 1fr}.sv-oil-row{grid-template-columns:minmax(0,1fr) 78px auto}.sv-panel{padding:17px}.sv-tabs{gap:2px}.sv-tab{font-size:13px!important;padding:9px 6px}}

/* Version 0.2 · old apothecary presentation */
#sv-workshop .sv-hero{background-image:linear-gradient(90deg,rgba(31,39,28,.88),rgba(34,38,29,.55) 60%,rgba(30,32,24,.16)),url('apoteker-saebe.jpg')!important;background-position:center center!important;background-size:cover!important}
#sv-workshop .sv-ingredient-note{font-size:.88rem;line-height:1.7;color:#555b4f;padding:12px 2px}
#sv-workshop .sv-form-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}
#sv-workshop .sv-upload{display:inline-flex;align-items:center;cursor:pointer}
#sv-workshop .sv-print-sheet{display:none}
@media print{
 body *{visibility:hidden!important}
 #sv-print-sheet,#sv-print-sheet *{visibility:visible!important}
 #sv-print-sheet{display:block!important;position:absolute;top:0;left:0;right:0;width:100%;color:#2b3027!important;background:#fffdf6!important;padding:22mm 16mm!important;font:12pt/1.55 Georgia,serif!important;box-sizing:border-box}
 #sv-print-sheet .sv-print-mark{text-align:center;letter-spacing:.22em;font-size:9pt;border-top:1px solid #8b806c;border-bottom:1px solid #8b806c;padding:8px}
 #sv-print-sheet h1{text-align:center;font-family:Georgia,serif;font-weight:normal;font-size:28pt;margin:20px 0 0;color:#313a2c}
 #sv-print-sheet .sv-print-subtitle{text-align:center;font-style:italic;color:#5f594f}
 #sv-print-sheet h2{font-family:Georgia,serif;border-bottom:1px solid #a99a80;font-size:15pt;margin-top:22px;color:#313a2c}
 #sv-print-sheet table{width:100%;border-collapse:collapse}#sv-print-sheet th,#sv-print-sheet td{border-bottom:1px solid #d6cfc2;padding:7px;text-align:left}
 #sv-print-sheet .sv-print-warning{border:2px solid #574b3a;padding:12px;margin-top:24px;font-size:10pt}
 @page{size:A4;margin:10mm}
}

/* Version 0.3: clear apothecary image, readable independent text panel */
#sv-workshop .sv-hero{background-image:url('apoteker-saebe.jpg')!important;background-position:center center!important;background-size:cover!important;color:#292d24!important;min-height:330px}
#sv-workshop .sv-hero-content{background:rgba(255,252,242,.89);padding:clamp(20px,3vw,32px);border:1px solid rgba(108,103,80,.16);border-radius:5px;max-width:590px}
#sv-workshop .sv-hero h2{color:#353a2c!important;font-family:Georgia,'Times New Roman',serif!important;font-weight:400!important;line-height:1.13!important}
#sv-workshop .sv-hero p,#sv-workshop .sv-hero .sv-eyebrow{color:#34382f!important;text-shadow:none!important}
#sv-workshop .sv-oil-search{margin-bottom:7px!important}
#sv-workshop .sv-properties h3{font-size:22px!important;font-family:Georgia,serif;color:#38372f!important;margin:0 0 10px}
#sv-workshop .sv-properties p{margin:7px 0}
@media(max-width:650px){#sv-workshop .sv-hero{background-position:62% center!important;padding:18px!important}#sv-workshop .sv-hero-content{background:rgba(255,252,242,.93);padding:18px!important}#sv-workshop .sv-oil-row{grid-template-columns:minmax(0,1fr) 85px;gap:8px}#sv-workshop .sv-remove{grid-column:1/-1;justify-self:start}}

/* Version 0.4: always visible recipe and instructions */
#sv-workshop .sv-live-recipe{background:#f4f0e5;border:1px solid #c6b89d;border-left:5px solid #79775c;padding:20px 24px;margin:16px 0 28px;color:#352f27;}
#sv-workshop .sv-live-recipe h3,#sv-workshop .sv-method h3{color:#3d3e30!important;font-family:Georgia,serif!important;font-size:25px!important;margin:4px 0 12px!important;}
#sv-workshop .sv-live-recipe ul{columns:2;list-style:disc;margin:8px 0 16px;padding-left:22px;}
#sv-workshop .sv-live-recipe p{margin:9px 0;}
#sv-workshop .sv-method ol{padding-left:23px;}#sv-workshop .sv-method li{margin:0 0 13px;}
@media(max-width:650px){#sv-workshop .sv-live-recipe ul{columns:1}}

/* Version 0.5 - lyse apotekerfelter */
#sv-workshop .sv-lye-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}#sv-workshop .sv-lye-grid .sv-input{max-width:none}#sv-workshop .sv-hero{background-image:url('apoteker-saebe.jpg')!important;background-color:#f2e8d4!important}#sv-workshop .sv-hero-content{background:rgba(255,252,242,.94)!important}#sv-workshop .sv-hero h2{color:#34392c!important;text-shadow:none!important}@media(max-width:650px){#sv-workshop .sv-lye-grid{grid-template-columns:1fr}}

/* 0.7: Sæbeskolen i rolig, gammel apotekerstil */
#sv-workshop .sv-school details{border:1px solid #d8d0bf;background:#fcfaf4;border-radius:4px;margin:12px 0;overflow:hidden}
#sv-workshop .sv-school summary{list-style:none;cursor:pointer;padding:17px 20px;background:#f2eee4;color:#363a2d;font-family:Georgia,serif;font-size:19px;line-height:1.45}
#sv-workshop .sv-school summary::-webkit-details-marker{display:none}
#sv-workshop .sv-school summary::after{content:'+';float:right;padding-left:12px;font-size:22px;color:#76745f}
#sv-workshop .sv-school details[open] summary::after{content:'−'}
#sv-workshop .sv-school-body{padding:16px 21px 22px;color:#403d35}
#sv-workshop .sv-school-body p{margin:0 0 13px;line-height:1.7}
#sv-workshop .sv-school-body ol{padding-left:22px}
#sv-workshop .sv-school-body li{padding:3px 0}
#sv-workshop .sv-school-body table{width:100%;border-collapse:collapse;margin:12px 0 20px;font-size:14px}
#sv-workshop .sv-school-body th,#sv-workshop .sv-school-body td{border-bottom:1px solid #ded8cd;padding:9px;text-align:left;vertical-align:top}
#sv-workshop .sv-school-body a{color:#455640;text-decoration:underline}
@media(max-width:650px){#sv-workshop .sv-school summary{font-size:17px;padding:15px}#sv-workshop .sv-school-body{padding:14px}}

/* v0.8: scent selection in the main flow, technical fields only by choice */
.sv-workshop .sv-scent-advanced{margin:1rem 0;background:#f3ede0;border:1px solid #c7b798;border-radius:9px;padding:12px 16px}
.sv-workshop .sv-scent-advanced summary{cursor:pointer;color:#403629;font-weight:600}
.sv-workshop .sv-scent-advanced[open] .sv-lye-grid{margin-top:14px}

/* v0.9 · Ivory apothecary print document: isolated page; no dark overlays or icons */
#sv-workshop .sv-print-sheet{display:none}
@media print {
 @page {size:A4; margin:13mm 14mm;}
 html, body {background:#fff!important; margin:0!important; padding:0!important;}
 body * {visibility:hidden!important;}
 body :is(header,nav,footer,aside),.sv-hero,.sv-tabs,.sv-panel,.sv-actions{display:none!important;}
 #sv-workshop, #sv-print-sheet, #sv-print-sheet *{visibility:visible!important;}
 #sv-workshop{display:block!important;position:static!important;margin:0!important;padding:0!important;max-width:none!important;border:0!important;}
 #sv-print-sheet{display:block!important;position:absolute!important;left:0!important;top:0!important;right:0!important;width:100%!important;min-height:0!important;margin:0!important;padding:8mm 9mm!important;overflow:visible!important;box-shadow:none!important;border:1px solid #d7cfb6!important;border-radius:0!important;color:#302e27!important;background-color:#fffdf5!important;background-image:url('print-botanical.png')!important;background-size:90% auto!important;background-position:center 28mm!important;background-repeat:repeat-y!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;font:10pt/1.48 Georgia,'Times New Roman',serif!important;}
 #sv-print-sheet .sv-print-mark{font:8pt/1.3 Georgia,serif!important;color:#776749!important;letter-spacing:.17em!important;text-align:center!important;padding:3mm!important;border-top:1px solid #c7b995!important;border-bottom:1px solid #c7b995!important;}
 #sv-print-sheet h1{font:normal 23pt/1.2 Georgia,serif!important;color:#384732!important;text-align:center!important;margin:6mm 0 1mm!important;break-after:avoid!important;}
 #sv-print-sheet .sv-print-subtitle{font-size:9pt!important;color:#655d4d!important;text-align:center!important;margin:0 0 5mm!important;}
 #sv-print-sheet h2{font:normal 14pt Georgia,serif!important;color:#42533c!important;border-bottom:1px solid #cfc6af!important;margin:6mm 0 2mm!important;padding-bottom:1mm!important;break-after:avoid!important;page-break-after:avoid!important;}
 #sv-print-sheet table{width:100%!important;border-collapse:collapse!important;break-inside:auto!important;}
 #sv-print-sheet thead{display:table-header-group!important;}
 #sv-print-sheet tr{break-inside:avoid!important;page-break-inside:avoid!important;}
 #sv-print-sheet th,#sv-print-sheet td{font-size:9pt!important;padding:2mm!important;border-bottom:1px solid #e3dccf!important;text-align:left!important;}
 #sv-print-sheet p{margin:2mm 0 3mm!important;orphans:3;widows:3;}
 #sv-print-sheet .sv-print-section{break-inside:avoid-page;page-break-inside:avoid;}
 #sv-print-sheet .sv-print-method{white-space:pre-line!important;break-inside:auto!important;}
 #sv-print-sheet .sv-print-warning{font-size:8pt!important;padding:3mm!important;margin-top:5mm!important;border:1px solid #c9bc9d!important;background:rgba(255,253,245,.8)!important;break-inside:avoid!important;}
 #sv-print-sheet .sv-print-footer{text-align:center!important;color:#867454!important;border-top:1px solid #cfc4ac!important;font-size:8pt!important;margin-top:7mm!important;padding:3mm!important;break-inside:avoid!important;}
}

/* Sæbeskolens olieleksikon */
.sv-workshop .sv-school-scroll{overflow-x:auto;max-width:100%;margin:1rem 0}.sv-workshop .sv-oil-table{width:100%;min-width:620px;border-collapse:collapse}.sv-workshop .sv-oil-table td,.sv-workshop .sv-oil-table th{padding:10px 12px;vertical-align:top}.sv-workshop .sv-oil-class h4{margin:1.4rem 0 .6rem;color:#47583e}

/* Ludkoncentration: enkle valg og eget tal */
#sv-workshop .sv-conc-presets{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
#sv-workshop .sv-conc-choice{font:inherit;cursor:pointer;border:1px solid #a7a589;border-radius:6px;color:#344234;background:#fffdf6;padding:8px 13px;line-height:1.3}
#sv-workshop .sv-conc-choice.sv-selected{background:#415740;color:#fffdf5;border-color:#415740}
#sv-workshop .sv-conc-custom-label{display:block;font-size:.88em;margin-bottom:5px}
#sv-workshop .sv-conc-help{display:block;font-size:.82em;line-height:1.4;color:#55564b;margin-top:7px}

.sv-additive-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.55rem;margin:.8rem 0 1rem}.sv-additive-choice{display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;border:1px solid #cfc8b4;border-radius:6px;background:#faf8f1;font-size:.93rem;color:#354232}.sv-additive-choice input{accent-color:#627353}.sv-additive-extra{margin:1rem 0;padding:1rem;border:1px solid #d9d0bb;border-radius:8px;background:#f9f6ed}

/* Version 2.5 — clear separation of numerical values and explanations */
#sv-workshop #sv-properties table{table-layout:fixed;width:100%;border-collapse:separate;border-spacing:0}
#sv-workshop #sv-properties th,#sv-workshop #sv-properties td{padding:13px 17px!important;vertical-align:top!important;line-height:1.55!important;overflow-wrap:anywhere;text-align:left!important}
#sv-workshop #sv-properties th:nth-child(1),#sv-workshop #sv-properties td:nth-child(1){width:19%}
#sv-workshop #sv-properties th:nth-child(2),#sv-workshop #sv-properties td:nth-child(2){width:16%;white-space:nowrap;text-align:center!important}
#sv-workshop #sv-properties th:nth-child(3),#sv-workshop #sv-properties td:nth-child(3){width:18%;text-align:center!important}
#sv-workshop #sv-properties th:nth-child(4),#sv-workshop #sv-properties td:nth-child(4){width:47%}
@media(max-width:720px){#sv-workshop #sv-properties{overflow-x:auto}#sv-workshop #sv-properties table{min-width:630px}#sv-workshop #sv-properties th,#sv-workshop #sv-properties td{padding:11px 13px!important}}
.sv-special-options{background:#faf8f0;padding:20px;border:1px solid #ded5bf;border-radius:7px}

.sv-salt-box{margin-top:22px;padding:22px;border:1px solid #d8cdb4;background:#fffdf6;border-radius:8px}.sv-salt-box h3{margin-top:5px}.sv-salt-box [hidden]{display:none!important}

#sv-salt-liquid-controls[hidden]{display:none!important}

/* Version 3.0: separate paste-dilution tool */
#sv-workshop .sv-dilution{margin:24px 0;padding:22px;border:1px solid #d6c9aa;background:#faf8f1;border-radius:8px}
#sv-workshop .sv-dilution h3{margin:5px 0 12px}

/* Æteriske olier – læsbart opslagsværk */
#sv-workshop .sv-ess-guide {margin:1rem 0 1.5rem;padding:1rem;background:#f8f5eb;border:1px solid #ded7c5;border-radius:8px;color:#3c4034}
#sv-workshop .sv-essential-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr));gap:.75rem;max-height:360px;overflow-y:auto;margin-top:.8rem;padding:.2rem}
#sv-workshop .sv-essential-card{background:#fffdf7;padding:.85rem;border:1px solid #e5dfd0;border-radius:6px;line-height:1.4}
#sv-workshop .sv-essential-card strong{display:block;color:#42533b}
#sv-workshop .sv-essential-card small{display:block;color:#776e5d;margin-bottom:.4rem}
#sv-workshop .sv-essential-card p{margin:.3rem 0;font-size:.9rem}

.sv-oil-lookup{margin:1rem 0 1.2rem;max-width:35rem}.sv-oil-lookup label{display:block;font-weight:650;margin-bottom:.45rem}.sv-oil-lookup .sv-input{width:100%;box-sizing:border-box}.sv-lookup-hint{font-size:.88rem;opacity:.8;margin:.35rem 0 0}.sv-oil-table td{line-height:1.5;vertical-align:top;padding:.75rem .9rem}.sv-oil-table th{padding:.8rem .9rem}

.sv-workshop .sv-oil-hint{margin:6px 0 2px;color:#5f674f;font-size:.87rem;line-height:1.45;max-width:48ch;}

/* v3.8: råvareleksikon på mobil og desktop */
.sv-ingredient-handbook .sv-school-body{overflow-x:auto}.sv-ingredient-handbook .sv-guide-table{min-width:700px;width:100%;border-collapse:collapse}.sv-ingredient-handbook .sv-guide-table th,.sv-ingredient-handbook .sv-guide-table td{vertical-align:top;padding:12px 13px;line-height:1.6}.sv-ingredient-handbook .sv-guide-table th{background:#ece9dc;color:#4a583e}.sv-ingredient-handbook .sv-guide-table tbody tr:nth-child(even){background:#f8f6ef}

/* v3.9 – full oil reference in apothecary styling */
#sv-workshop .sv-all-oils td{vertical-align:top;line-height:1.6;padding:12px 14px;border-bottom:1px solid #e4dece}
#sv-workshop .sv-all-oils td:first-child{width:27%;color:#42523d}
#sv-workshop .sv-all-oils tbody tr:nth-child(even){background:#faf8f1}
#sv-workshop .sv-oil-hint{border-left:2px solid #bdbea6;padding-left:10px}

/* v4.0: konsekvent læsbarhed i det indbyggede opskriftsark */
@media print { .sv-qualities, .sv-property-table {border-collapse:collapse} .sv-qualities th,.sv-qualities td,.sv-property-table th,.sv-property-table td {padding:9px 12px;line-height:1.65;vertical-align:top;} }