/* TL OPTIK processing guide. Scoped to this page; approved reference rows and round images. */
.processing-guide{--pg-ink:#171717;--pg-soft:#f0f0f0;--pg-blue:#0050a4;--pg-paper:#fff;--pg-radius:12px;color:var(--pg-ink);background:var(--pg-paper);padding-bottom:48px}
.processing-guide .container{width:calc(100% - 80px);max-width:1200px}
.processing-guide :is(h1,h2,h3,p,dt,dd,th,td,summary,li){color:var(--pg-ink);letter-spacing:0}
.processing-guide h1{font-size:44px;font-weight:300;line-height:1.18;margin:0;max-width:none;text-wrap:balance}
.processing-guide h2{font-size:30px;font-weight:400;line-height:1.25;margin:0 0 16px;text-wrap:balance}
.processing-guide h3{font-size:21px;font-weight:400;line-height:1.35;margin:0 0 12px;text-wrap:pretty}
.processing-guide :is(p,dd,td,th,dt,li){font-size:17px;line-height:1.6}
.processing-guide p{margin:0 0 16px;max-width:74ch}
.processing-guide figure{margin:0;overflow:hidden;border-radius:var(--pg-radius)}
.processing-guide img{display:block;width:100%;height:auto;border-radius:var(--pg-radius)}
.processing-guide .pg-banner,.processing-guide .pg-banner img{border-radius:0}
.processing-guide .pg-banner img{aspect-ratio:1440/271;object-fit:contain}
.processing-guide .pg-intro{display:block;padding:42px 0 32px}
.pg-intro>div{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin-top:24px}
.pg-intro .pg-actions{grid-column:1/-1;margin-top:6px}
.processing-guide .pg-link{color:var(--pg-blue);font-size:16px;line-height:1.5;text-decoration:none;text-underline-offset:5px;display:inline-flex;align-items:center;min-height:44px}
.processing-guide .pg-link:hover{text-decoration:underline}
.pg-actions,.pg-links{display:flex;flex-wrap:wrap;align-items:center;gap:4px 24px}
.processing-guide .button{background:var(--pg-blue);color:var(--pg-paper);border:0;border-radius:var(--pg-radius);font-size:17px;font-weight:400;min-height:48px;padding:13px 24px;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;transition:background-color .18s ease,transform .18s ease}
.processing-guide .button:hover{background:#003b7b;transform:none}
.processing-guide .button:active{transform:scale(.98)}
.processing-guide :is(a,summary):focus-visible{outline:3px solid #2676bf;outline-offset:5px}
.processing-guide .pg-jumps{display:flex;flex-wrap:wrap;gap:0 26px;padding:18px 0;border-block:1px solid var(--pg-soft)} /* taste-skill-ignore: user-supplied reference uses quiet separators for dense service content. */
.processing-guide [id]{scroll-margin-top:140px}
.processing-guide .pg-section{padding:52px 0}
.pg-heading{margin-bottom:22px}
.pg-heading>p{max-width:82ch;margin:0}
.pg-operation{display:grid;grid-template-columns:216px minmax(0,1fr);gap:34px;padding:26px 0;border-bottom:1px solid var(--pg-soft);align-items:center} /* taste-skill-ignore: approved compact service row separators. */
.pg-operation:last-child{border-bottom:0;padding-bottom:0}
.pg-operation figure{width:216px;aspect-ratio:3/2;align-self:center;background:var(--pg-soft)}
.pg-operation img{width:100%;height:100%;object-fit:cover;object-position:center}
.pg-operation>div>p{max-width:77ch;margin-bottom:8px}
.processing-guide details{background:transparent;border:0;box-shadow:none;margin:0;border-radius:0}
.processing-guide summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;min-height:48px;font-size:17px;line-height:1.5;font-weight:400;padding:10px 0}
.processing-guide summary::-webkit-details-marker{display:none}
.processing-guide summary::after{content:'+';font-size:24px;font-weight:300;color:var(--pg-blue);flex:none;width:24px;text-align:center}
.processing-guide details[open]>summary::after{content:'−'}
.processing-guide .pg-definitions{margin:0}
.pg-definitions>div{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;padding:15px 0;border-bottom:1px solid var(--pg-soft)} /* taste-skill-ignore: parameter and inspection row separators follow the site's table standard. */
.pg-definitions>div:last-child{border-bottom:0}
.processing-guide dt{font-weight:400}
.processing-guide dd{margin:0;max-width:80ch}
.pg-band{background:var(--pg-soft)}
.pg-route-table{border-radius:var(--pg-radius);overflow:hidden;background:var(--pg-paper)}
.processing-guide table{width:100%;border-collapse:collapse;table-layout:fixed;background:transparent;margin:0;box-shadow:none;border:0;border-radius:0}
.processing-guide :is(td,th){padding:18px 24px;text-align:left;vertical-align:top;font-size:16px;border:0;border-bottom:2px solid var(--pg-soft);background:transparent}
.processing-guide th{font-weight:500}
.processing-guide tbody tr:last-child td{border-bottom:0}
.pg-route-table .pg-link{min-height:44px}
.pg-cell-label{display:none}
.processing-guide .pg-note{font-size:16px;margin:22px 0 0;max-width:92ch}
.pg-route-strip{list-style:none;display:flex;margin:26px 0 0;padding:0;gap:20px}
.pg-route-strip li{flex:1;display:flex;align-items:center;gap:16px;font-size:16px}
.pg-route-strip li+li:before{content:'→';color:var(--pg-blue)}
.pg-reference{background:var(--pg-soft);border-radius:var(--pg-radius);padding:26px 30px;margin-top:28px}
.pg-reference p{max-width:90ch;margin-bottom:6px}
.pg-incoming{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:30px 0 12px}
.pg-incoming p{font-size:16px;margin-bottom:8px}
.pg-incoming h3{font-size:20px}
#checkpoints>.pg-link{margin-top:12px}
.processing-guide .pg-examples{padding-top:12px}
.pg-example{display:grid;grid-template-columns:216px minmax(0,1fr);gap:34px;padding:24px 0;border-bottom:1px solid var(--pg-soft);align-items:center} /* taste-skill-ignore: user-provided examples use image/text rows and separators. */
.pg-example:last-child{border:0}
.pg-example img{width:auto;max-width:100%;max-height:174px;object-fit:contain}
.pg-example p{max-width:78ch;margin-bottom:6px}
.processing-guide .pg-faq{padding-top:14px}
.processing-guide .pg-faq details{border-bottom:1px solid var(--pg-soft)} /* taste-skill-ignore: consistent FAQ row separators. */
.processing-guide .pg-faq summary{font-size:19px;padding:16px 0}
.pg-faq details p{max-width:88ch;padding:0 40px 14px 0}
.processing-guide .pg-ending{padding:30px;background:var(--pg-soft);border-radius:var(--pg-radius);display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px}
.pg-ending h2{font-size:28px}
.pg-ending p{margin:0}
.pg-ending .pg-actions{justify-content:flex-end}
@media(prefers-reduced-motion:no-preference){.pg-intro{animation:pg-arrive .5s ease-out both}.pg-operation{animation:pg-arrive .5s ease-out both;animation-timeline:view();animation-range:entry 0% entry 80%}@keyframes pg-arrive{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1000px){.processing-guide .container{width:calc(100% - 48px)}.pg-operation,.pg-example{grid-template-columns:180px minmax(0,1fr);gap:26px}.pg-operation figure{width:180px}.pg-incoming{grid-template-columns:1fr;gap:22px}.pg-incoming p{max-width:none}.pg-route-strip{flex-wrap:wrap}.pg-route-strip li{flex:1 0 28%}.pg-route-strip li+li:before{display:none}.pg-ending .pg-actions{justify-content:flex-start}.processing-guide .pg-ending{grid-template-columns:1fr;gap:22px}.processing-guide h1{font-size:40px}}
@media(max-width:600px){.processing-guide{padding-bottom:32px}.processing-guide .container{width:calc(100% - 40px)}.processing-guide h1{font-size:30px;line-height:1.22;text-wrap:pretty}.processing-guide h2{font-size:26px}.processing-guide h3{font-size:20px}.processing-guide .pg-intro{padding:28px 0 24px}.pg-intro>div{grid-template-columns:1fr;gap:0;margin-top:20px}.pg-intro p{font-size:16px}.pg-actions{gap:8px 18px}.processing-guide .pg-jumps{gap:0 20px;padding:12px 0}.pg-jumps .pg-link{font-size:15px}.processing-guide .pg-section{padding:36px 0}.pg-heading{margin-bottom:18px}.pg-operation,.pg-example{grid-template-columns:1fr;gap:20px;padding:24px 0}.pg-operation figure,.pg-example figure{width:100%;max-width:350px}.pg-operation figure{aspect-ratio:3/2}.pg-operation img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}.pg-example img{max-height:230px;object-fit:contain;object-position:center}.pg-operation h3{max-width:28ch}.pg-operation .pg-links{gap:0 20px}.pg-definitions>div{grid-template-columns:1fr;gap:5px;padding:14px 0}.processing-guide .pg-definitions dt{font-size:17px}.processing-guide .pg-definitions dd{font-size:16px}.pg-route-table table,.pg-route-table tbody,.pg-route-table tr,.pg-route-table td{display:block;width:100%}.pg-route-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.pg-route-table tr{padding:18px 20px;border-bottom:2px solid var(--pg-soft)}.pg-route-table tr:last-child{border:0}.processing-guide .pg-route-table td{padding:0 0 12px;border:0;line-height:1.5}.pg-route-table td:last-child{padding-bottom:0}.pg-route-table .pg-cell-label{display:block;font-size:14px;margin-bottom:4px}.pg-route-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.pg-route-strip li{display:block;font-size:15px}.pg-reference{padding:22px;margin-top:22px}.pg-incoming{margin-top:24px}.processing-guide .pg-examples{padding-top:8px}.processing-guide .pg-faq{padding-top:8px}.processing-guide .pg-faq summary{font-size:18px}.pg-faq details p{padding-right:0;font-size:16px}.processing-guide .pg-ending{padding:24px}.pg-ending .button{width:100%}.pg-ending .pg-actions{display:grid;gap:8px}.pg-ending .pg-link{justify-content:center}.processing-guide [id]{scroll-margin-top:100px}}