.model-guide-entry{margin:15px 0 4px;display:flex;justify-content:flex-start}
.model-guide-trigger{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 12px;border:1px solid #dce9e4;border-radius:11px;background:#f2f8f5;color:#28725f;font-size:12px;font-weight:570;line-height:1.5}
.model-guide-trigger:hover{background:#e7f3ec;border-color:#9bc6b5}.model-guide-trigger .ui-icon{width:18px;height:18px}.model-guide-trigger .guide-entry-arrow{width:14px;height:14px;margin-left:3px}
.model-guide{padding:0;border:1px solid #e4ece8;border-radius:24px;width:min(920px,calc(100% - 40px));max-width:920px;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);color:var(--ink);background:#fff;box-shadow:0 24px 90px #0c263c38;overflow:hidden}
.model-guide::backdrop{background:#14273780;backdrop-filter:blur(3px)}
.model-guide-shell{display:flex;flex-direction:column;max-height:calc(100vh - 42px);max-height:calc(100dvh - 42px)}
.model-guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:24px 28px 18px;flex-shrink:0}
.model-guide-head h2{margin:0 0 5px;font-size:24px;font-weight:660;line-height:1.4;letter-spacing:-.035em;word-break:keep-all}.model-guide-head p{margin:0;font-size:13px;color:#81909b}
.model-guide-close{display:grid;place-items:center;width:42px;height:42px;min-width:42px;padding:0;background:#f5f8f7;border:1px solid #e3eae6;border-radius:12px;color:#6e817a}.model-guide-close:hover{background:#eaf3ee}.model-guide-close .ui-icon{width:20px;height:20px}
.model-guide-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 28px 18px;flex-shrink:0}
.model-guide-tab{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #dfe7e5;border-radius:12px;background:#f8faf9;min-height:47px;padding:10px 16px;font-size:14px;font-weight:590;color:#7a8b86}
.model-guide-tab .ui-icon{width:19px;height:19px}.model-guide-tab[aria-selected="true"]{background:#203b4b;border-color:#203b4b;color:#fff;box-shadow:0 3px 8px #203b4b10}.model-guide-tab[aria-selected="true"] .icon-accent{color:inherit}
.model-guide-scroll{overflow-y:auto;overscroll-behavior:contain;padding:0 28px 25px;min-height:0;scrollbar-width:thin;scrollbar-color:#bfd4c8 #f5f8f6;scroll-padding:16px}
.model-guide-panel h3{margin:8px 0 8px;font-size:20px;font-weight:650;letter-spacing:-.025em;line-height:1.5;word-break:keep-all}.guide-section-lead{font-size:13px;color:#83919d;margin:0 0 18px;line-height:1.8}
.guide-path{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 18px;padding:0;list-style:none}.guide-path li{font-size:12px;color:#397661;display:flex;align-items:center;gap:6px;line-height:1.7}.guide-path li+li:before{content:'›';color:#9bb0a4;font-size:17px}.guide-path li>span{display:inline-flex;background:#eff7f2;border:1px solid #e0ece5;border-radius:8px;padding:5px 10px}
.guide-settings{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:28px;align-items:center;padding-bottom:26px}
.guide-visual{margin:0;border:1px solid #e6eeea;border-radius:20px;background:linear-gradient(155deg,#f4f8f6,#edf3f6);padding:12px 14px 9px;min-width:0}
.guide-visual img{width:100%;height:auto;max-height:430px;display:block;object-fit:contain}.guide-visual figcaption{text-align:center;color:#92a199;font-size:10px;padding:4px 2px;line-height:1.8}
.guide-steps{list-style:none;padding:0;margin:0;display:grid;gap:20px;counter-reset:guide-step}.guide-steps li{display:grid;grid-template-columns:27px minmax(0,1fr);gap:10px;counter-increment:guide-step}.guide-steps li:before{content:counter(guide-step);display:grid;place-items:center;width:25px;height:25px;border:1px solid #d5e8df;border-radius:9px;color:#39816a;background:#edf7f2;font-size:12px;font-weight:650}.guide-steps strong{font-size:15px;font-weight:610;line-height:1.7;word-break:keep-all}.guide-steps p{font-size:13px;color:#7f8e98;line-height:1.85;margin:4px 0 0;word-break:keep-all;overflow-wrap:anywhere}
.guide-readout{background:#f1f8f4;border:1px solid #dcebe2;border-radius:13px;padding:15px 17px;margin:22px 0 0}.guide-readout span{display:block;font-size:11px;color:#7d9b8d;margin-bottom:5px}.guide-readout strong{font-size:18px;color:#28745e;font-weight:620;letter-spacing:-.015em;line-height:1.7}.guide-readout small{display:block;font-size:11px;color:#82978d;margin-top:5px;line-height:1.8}
.guide-offline{border-top:1px solid #e5eeea;padding:25px 0 8px}.guide-offline h3{margin:0 0 10px}.guide-offline>p{font-size:13px;color:#7d8d97;line-height:1.85;margin:0 0 17px}
.guide-box-help{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;align-items:center;background:#f8faf9;border:1px solid #e4ece7;border-radius:17px;padding:18px}.guide-box-help img{display:block;width:100%;height:150px;object-fit:contain}.guide-box-help h4{margin:0 0 7px;font-size:15px;font-weight:620}.guide-box-help p{font-size:13px;line-height:1.85;color:#7d8e98;margin:0;word-break:keep-all}
.guide-hardware{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-hardware article{min-width:0;border:1px solid #e3ece7;border-radius:16px;background:#fbfdfc;padding:16px 15px}.guide-hardware img{display:block;width:100%;height:140px;object-fit:contain;margin:0 0 14px}.guide-hardware h4{margin:0 0 7px;font-size:13px;font-weight:620;line-height:1.7;word-break:keep-all}.guide-hardware p{margin:0;font-size:12px;line-height:1.9;color:#81919b;word-break:keep-all;overflow-wrap:anywhere}.guide-hardware .guide-small-note{font-size:11px;color:#45836b;margin-top:8px}
.guide-source{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px;color:#8c9b93;margin:21px 0 0;line-height:1.8}.guide-source a{color:#397b65;text-decoration:underline;text-underline-offset:3px;min-height:30px;display:inline-flex;align-items:center}.guide-source a:hover{color:#1f5f48}
.guide-bottom-note{border:1px solid #e3ece7;background:#f6faf7;border-radius:14px;padding:15px 17px;margin-top:23px}.guide-bottom-note strong{display:block;font-size:13px;font-weight:590;color:#597d6a;margin-bottom:4px}.guide-bottom-note p{margin:0;font-size:12px;color:#87978c;line-height:1.9;word-break:keep-all}.guide-privacy-note{margin:14px 2px 0;font-size:11px;line-height:1.8;color:#93a198}
.model-guide-foot{border-top:1px solid #e4ece7;padding:15px 28px;background:#fff;display:flex;justify-content:flex-end;flex-shrink:0}.model-guide-done{border:1px solid #147d71;background:#147d71;color:white;font-size:13px;font-weight:590;min-height:46px;padding:11px 23px;border-radius:12px;line-height:1.6}.model-guide-done:hover{background:#10685f}
.model-guide button:focus-visible,.model-guide-trigger:focus-visible,.model-guide a:focus-visible{outline:3px solid #54a98c;outline-offset:3px}
@media(max-width:640px){.model-guide-entry{margin-top:13px}.model-guide-trigger{font-size:11px;padding:9px 11px;gap:7px}.model-guide{width:calc(100% - 20px);max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);border-radius:20px}.model-guide-shell{max-height:calc(100vh - 22px);max-height:calc(100dvh - 22px)}.model-guide-head{padding:20px 18px 15px;gap:9px}.model-guide-head h2{font-size:20px;margin-bottom:5px}.model-guide-head p{font-size:11px;line-height:1.7}.model-guide-close{width:38px;height:38px;min-width:38px;border-radius:11px}.model-guide-tabs{padding:0 18px 15px;gap:7px}.model-guide-tab{font-size:13px;min-height:45px;padding:9px 12px;gap:7px}.model-guide-scroll{padding:0 18px 21px}.model-guide-panel h3{font-size:18px;margin-top:6px}.guide-section-lead{font-size:12px;margin-bottom:14px}.guide-path{gap:5px;margin-bottom:15px}.guide-path li{font-size:11px;gap:5px}.guide-path li>span{padding:4px 8px;border-radius:7px}.guide-settings{grid-template-columns:1fr;gap:22px;padding-bottom:22px}.guide-visual{padding:9px 10px 8px;border-radius:16px}.guide-visual img{max-height:340px}.guide-visual figcaption{font-size:9px}.guide-steps{gap:17px}.guide-steps strong{font-size:14px}.guide-steps p{font-size:12px}.guide-readout{margin-top:18px;padding:13px 15px}.guide-readout strong{font-size:17px}.guide-offline{padding-top:21px}.guide-box-help{grid-template-columns:1fr;gap:10px;padding:16px}.guide-box-help img{height:140px}.guide-box-help h4{font-size:14px}.guide-box-help p{font-size:12px}.guide-hardware{grid-template-columns:1fr;gap:12px}.guide-hardware article{padding:17px 16px}.guide-hardware img{height:155px;margin-bottom:12px}.guide-hardware h4{font-size:14px}.guide-hardware p{font-size:12px}.guide-bottom-note{padding:13px 14px}.guide-bottom-note strong{font-size:12px}.guide-bottom-note p{font-size:11px}.guide-source{font-size:10px;gap:6px}.guide-privacy-note{font-size:10px}.model-guide-foot{padding:12px 18px max(12px,env(safe-area-inset-bottom))}.model-guide-done{width:100%;font-size:13px;min-height:45px}}
@media(prefers-reduced-motion:reduce){.model-guide,.model-guide *{scroll-behavior:auto}}
.model-guide-panel:focus-visible{outline:2px solid #91bfae;outline-offset:3px;border-radius:8px}
/* Actual device photographs and manufacturer settings captures. */
.guide-real-samsung,.guide-real-apple{background:#fff;border-color:#e5e9ec;padding:16px 14px 10px}
.guide-real-samsung img{max-height:500px}
.guide-real-apple img{max-height:none;border-radius:13px 13px 0 0}
.guide-photo-open{display:inline-flex;align-items:center;min-height:32px;gap:5px;margin-top:4px;color:#528571;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.guide-photo-open:hover{color:#236a53}
.guide-hardware img[src*="-real.png"]{height:auto;max-height:220px;object-fit:contain}
.guide-hardware article:has(img[src*="-real.png"]){background:#fff}
@media(max-width:640px){.guide-real-samsung,.guide-real-apple{padding:12px 10px 9px}.guide-real-samsung img{max-height:440px}.guide-real-apple img{max-height:none}.guide-photo-open{font-size:10px}.guide-hardware img[src*="-real.png"]{max-height:240px}}