[data-category]{--recipe-accent:var(--green-4);--recipe-wash:var(--olive-3)}[data-category=pdf]{--recipe-accent:var(--blue-8);--recipe-wash:var(--blue-1)}[data-category=audio]{--recipe-accent:var(--violet-4);--recipe-wash:var(--violet-2)}[data-category=video]{--recipe-accent:var(--amber-10);--recipe-wash:var(--amber-2)}[data-category=text]{--recipe-accent:var(--blue-9);--recipe-wash:var(--blue-1)}.recipe-icon{background:var(--recipe-wash);width:32px;height:32px;color:var(--recipe-accent);border-radius:9px;flex:none;place-items:center;display:inline-grid}.recipe-icons{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.recipe-icons-branch{align-items:center;gap:0;display:inline-flex}.recipe-icons-branch .recipe-icon+.recipe-icon{margin-left:14px;position:relative}.recipe-icons-branch .recipe-icon+.recipe-icon:before{content:"";border-top:1.5px solid var(--sage-10);width:14px;position:absolute;top:50%;right:100%}.recipe-icons-plus{color:var(--sage-18);margin:0 4px 0 6px;font-weight:700}.recipe-outcome{color:var(--sage-23);flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;font-size:13px;font-weight:650;line-height:1.5;display:flex}.recipe-outcome span{background:var(--olive-3);color:var(--olive-20);letter-spacing:.04em;text-transform:uppercase;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700}.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px;display:grid}.recipe-card{border:1px solid var(--sage-9);background:var(--sage-1);min-width:0;box-shadow:0 6px 26px var(--shadow-1);border-radius:16px;flex-direction:column;gap:14px;padding:20px 22px 22px;transition:border-color .2s,box-shadow .2s,transform .18s ease-out;display:flex;position:relative;overflow:hidden}.recipe-card:before{content:"";background:var(--recipe-accent);height:4px;position:absolute;inset:0 0 auto}.recipe-card:hover{border-color:var(--olive-12);box-shadow:0 10px 30px var(--shadow-3)}.recipe-card h2,.recipe-card h3{font:650 17px/1.35 var(--font-heading);letter-spacing:-.4px;color:var(--sage-23);flex:1;margin:0}.recipe-card .card-action{border-top:1px solid var(--sage-6);padding-top:14px;font-size:13px}@media (prefers-reduced-motion:no-preference){.recipe-card:hover{transform:translateY(-2px)}}main.site-information.recipe{max-width:1160px}@media (width>=1400px){main.site-information.recipe{max-width:1120px}}.recipe-layout{grid-template-columns:minmax(0,720px) 280px;justify-content:space-between;align-items:start;gap:48px;display:grid}.recipe-summary{top:calc(24px + var(--site-header-offset,0px));border:1px solid var(--sage-9);background:var(--sage-1);box-shadow:0 6px 26px var(--shadow-1);border-radius:16px;gap:14px;margin-top:32px;padding:20px;display:grid;position:sticky}.recipe-summary>strong{font:650 15px var(--font-heading)}.recipe-summary ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.recipe-summary li{align-items:flex-start;gap:10px;display:flex}.recipe-summary li>span:last-child{gap:2px;min-width:0;display:grid}.recipe-summary b{font-size:13px;font-weight:650}.recipe-summary small{color:var(--sage-20);font-size:12px;line-height:1.45}.recipe-summary .primary{min-height:44px;font-size:13px}@media (width<=1080px){.recipe-layout{display:block}.recipe-summary{display:none}}.recipe-start{flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 15px;display:flex}.recipe-start .guide-quick-action{margin:0}.recipe-tested{min-height:38px;color:var(--sage-23);flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:8px 0;font-size:13px;font-weight:650;display:inline-flex}.recipe-tested span{color:var(--olive-18);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.recipe-tested:hover{text-decoration:underline}.recipe-step .recipe-step-number{background:var(--recipe-wash);color:var(--recipe-accent)}.recipe-step h3 a svg,.recipe-step h3>span svg{color:var(--recipe-accent)}.recipe-flow{gap:12px;margin:16px 0 8px;display:grid}.recipe-end{border:1px dashed var(--sage-11);border-radius:12px;align-items:flex-start;gap:10px;margin:0;padding:12px 16px;display:flex;font-size:14px!important}.recipe-end svg{color:var(--olive-18);flex:none;margin-top:3px}.recipe-end span{gap:2px;display:grid}.recipe-end strong{color:var(--sage-21);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.recipe-branch{gap:8px;display:grid}.recipe-branch-label{letter-spacing:.06em;text-transform:uppercase;margin:4px 0 0;font-weight:700;color:var(--sage-21)!important;font-size:12px!important}.guide article .recipe-branch ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.recipe-step{border:1px solid var(--sage-9);background:var(--sage-1);border-radius:14px;grid-template-columns:30px minmax(0,1fr);gap:14px;padding:18px;margin:0!important;display:grid!important}.recipe-step-number{border-radius:9px;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid}.recipe-step h3{font:650 16px var(--font-heading);margin:3px 0 6px}.recipe-step h3 a{min-height:28px;color:var(--green);align-items:center;gap:7px;display:inline-flex}.recipe-step h3 a:hover{text-decoration:underline}.recipe-step h3>span{min-height:28px;color:var(--sage-27);align-items:center;gap:7px;display:inline-flex}.recipe-step p{margin:0 0 6px}.recipe-step p:last-child{margin-bottom:0}.recipe-step .recipe-step-setting{color:var(--sage-23);font-weight:650}.recipe-step .recipe-step-you{background:var(--olive-2);border-radius:9px;margin-top:10px;padding:9px 12px}.recipe-measurements{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.recipe-faq>div{margin-top:18px}.recipe-faq h3{font:650 15px var(--font-heading);margin:0 0 4px}.recipe-faq p{margin:0}.workflow-recipes{margin:36px 0 8px}.workflow-recipes>p{max-width:720px;color:var(--sage-20);margin:6px 0 18px;font-size:14px;line-height:1.7}.workflow-recipe-note{border:1px solid var(--olive-6);background:var(--olive-2);color:var(--sage-23);border-radius:10px;align-items:flex-start;gap:8px;margin:12px 0 0;padding:10px 14px;font-size:13px;line-height:1.5;display:flex}.workflow-recipe-note>svg{color:var(--olive-18);flex:none;margin-top:2px}.workflow-recipe-note a{color:var(--green);font-weight:650}.workflow-templates-more{margin:10px 0 0;font-size:13px}.workflow-templates-more a{color:var(--green);font-weight:650}
