.device-nav{display:flex;flex-wrap:wrap;gap:8px 32px;padding-block:18px;border-block:1px solid var(--line)}
.device-nav a{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;font-size:14px}
.device-nav a:hover,.device-guide-links a:hover,.device-support-note a:hover{color:var(--accent)}
.device-nav a>span{color:var(--accent)}
.device-guide .section-heading p{max-width:780px;font-size:16px;line-height:1.9}
.device-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 36px}
.device-feature{min-width:0;border-top:1px solid #c5cabc;padding-top:20px}
.device-feature .feature-no{color:var(--accent);font-size:12px}
.device-feature h3{font-size:22px;margin-top:20px}
.device-feature p{font-size:16px;line-height:1.9;margin-top:14px}
.device-notice{border-left:3px solid var(--accent);padding:18px 24px;background:#eeeee6;margin-bottom:38px;max-width:900px}
.device-notice strong{font-weight:600;font-size:15px}
.device-notice p{font-size:16px;line-height:1.85;margin-top:6px}
.device-distinction{padding-top:38px;margin-top:44px;border-top:1px solid var(--line);max-width:850px}
.device-distinction h3{font-size:26px;margin-top:14px}
.device-distinction p{font-size:16px;line-height:1.9;margin-top:12px}
.device-howto{padding-block:70px;background:#e9ece3}
.device-steps{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 48px;padding:0;margin:0}
.device-steps li{display:grid;grid-template-columns:30px 1fr;gap:16px;padding-top:23px;border-top:1px solid #bbc2ae;min-width:0}
.device-steps li>span{font-size:12px;color:var(--accent)}
.device-steps h3{font-size:22px}
.device-steps p{font-size:16px;line-height:1.9;margin-top:12px}
.device-tips{border-top:1px solid #bbc2ae;margin-top:44px;padding-top:26px;max-width:900px}
.device-tips h3{font-size:20px}
.device-tips ul{padding-left:21px;margin:16px 0 0;color:var(--muted)}
.device-tips li{font-size:16px;line-height:1.9;margin-top:8px;padding-left:4px}
.device-guide-links{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:32px}
.device-guide-links .text-link{font-size:15px}
.device-faq{padding-bottom:var(--space)}
.device-faq .faq-list summary,.device-faq .faq-list details>p{font-size:16px}
.device-support-note{font-size:15px;line-height:1.9;margin-top:28px}
.device-support-note a{text-decoration:underline;text-underline-offset:4px;display:inline-block;padding-block:10px}
.device-deep{border-top:1px solid var(--line)}
.device-reading-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;align-items:start}
.device-chapter-nav{position:sticky;top:118px;display:grid;border-top:1px solid var(--line);padding-top:16px}
.device-chapter-nav>span{font-size:13px;color:var(--muted);margin-bottom:12px}
.device-chapter-nav a{display:flex;align-items:baseline;gap:12px;font-size:15px;line-height:1.7;padding:11px 0;min-height:44px;border-bottom:1px solid var(--line)}
.device-chapter-nav a>span{font-size:11px;color:var(--accent);font-variant-numeric:tabular-nums}
.device-chapter-nav a:hover,.device-back-to-chapters:hover{color:var(--accent)}
.device-chapters{min-width:0;max-width:820px}
.device-chapter{padding-block:36px 52px;border-top:1px solid var(--line);scroll-margin-top:18px}
.device-chapter:first-child{padding-top:0;border:0}
.device-chapter-label{font-size:12px;letter-spacing:.12em;color:var(--accent);margin-bottom:14px}
.device-chapter h3{font-size:27px;line-height:1.55;letter-spacing:-.02em;text-wrap:pretty}
.device-chapter>p{font-size:17px;line-height:2;margin-top:20px;max-width:44em}
.device-chapter h4{font-size:17px;font-weight:600;line-height:1.7;margin:0;color:var(--ink)}
.device-reading-table{margin-top:28px;overflow-x:auto;border:1px solid var(--line);border-radius:8px}
.device-reading-table:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.device-reading-table table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.85;text-align:left}
.device-reading-table caption{padding:16px 18px;text-align:left;font-size:15px;font-weight:600;background:#e9ece3;color:var(--ink);border-bottom:1px solid var(--line)}
.device-reading-table th,.device-reading-table td{padding:15px 18px;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.device-reading-table tr:last-child>*{border-bottom:0}
.device-reading-table thead th{font-weight:500;background:#eeeee8;font-size:14px;border-bottom:1px solid var(--line)}
.device-reading-table tbody th{width:26%;font-weight:500;color:var(--ink)}
.device-reading-table td{color:var(--muted)}
.device-table-label{display:none}
.device-reading-steps{margin-top:28px}
.device-reading-steps ol{padding-left:24px;margin:12px 0 0}
.device-reading-steps li{font-size:16px;color:var(--muted);line-height:1.95;padding-left:6px;margin-top:10px}
.device-reading-steps li::marker{color:var(--accent);font-variant-numeric:tabular-nums}
.device-reading-example,.device-reading-note{padding:22px 26px;margin-top:26px;background:#e9ece3;border-radius:8px}
.device-reading-note{background:transparent;border-left:3px solid #909c79;border-radius:0;padding:4px 0 4px 22px}
.device-reading-example p,.device-reading-note p{font-size:16px;line-height:1.95;margin-top:10px}
.device-deep-demo{display:grid;grid-template-columns:200px minmax(0,1fr);gap:30px;align-items:center;margin:30px 0 0;padding:24px;background:#eeeee8;border-radius:10px}
.device-deep-demo>a{display:block;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #30372615}
.device-deep-demo img{width:100%;height:auto}
.device-deep-demo figcaption{min-width:0}
.device-deep-demo figcaption strong{font-size:13px;color:var(--accent);font-weight:500}
.device-deep-demo figcaption p{font-size:16px;line-height:1.9;margin-top:12px}
.device-deep-demo figcaption>span{display:block;color:var(--muted);font-size:13px;margin-top:14px}
.device-back-to-chapters{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--muted);text-decoration:underline;text-underline-offset:5px;margin-top:18px}
@media(max-width:1100px){.device-reading-layout{grid-template-columns:180px minmax(0,1fr);gap:36px}.device-deep-demo{grid-template-columns:160px minmax(0,1fr);gap:20px}}
@media(max-width:900px){.device-reading-layout{grid-template-columns:1fr;gap:32px}.device-chapter-nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.device-chapter-nav>span{grid-column:1/-1}.device-chapters{max-width:none}}
@media(max-width:640px){.device-chapter-nav{grid-template-columns:1fr;gap:0}.device-chapter-nav a{font-size:16px;padding-block:12px}.device-chapter{padding-block:28px 38px;scroll-margin-top:10px}.device-chapter h3{font-size:23px}.device-chapter>p{font-size:16px;line-height:1.95;margin-top:16px}.device-reading-table th,.device-reading-table td{padding:12px 10px}.device-reading-table tbody th{width:27%}.device-reading-table table{font-size:16px;line-height:1.8}.device-reading-table caption{padding:14px 12px}.device-reading-table thead th{font-size:14px}.device-reading-example{padding:20px}.device-reading-note{padding-left:16px}.device-deep-demo{grid-template-columns:1fr;padding:20px;gap:22px}.device-deep-demo>a{max-width:200px;margin-inline:auto}.device-deep-demo figcaption p{margin-top:10px}.device-back-to-chapters{margin-top:14px}}
@media(max-width:640px){.device-reading-table table,.device-reading-table caption,.device-reading-table tbody{display:block}.device-reading-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.device-reading-table tbody tr{display:block;padding:16px;border-bottom:1px solid var(--line)}.device-reading-table tbody tr:last-child{border-bottom:0}.device-reading-table tbody th{display:block;width:100%;padding:0 0 12px;border:0;font-weight:600}.device-reading-table tbody td{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;padding:8px 0;border:0}.device-table-label{display:block;font-size:14px;color:var(--muted)}.device-reading-table td>span:last-child{min-width:0}}
.device-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.device-gallery-grid.single{max-width:760px;margin-inline:auto}
.device-gallery-grid.single{grid-template-columns:1fr}
.device-gallery figure{margin:0;min-width:0}
.device-gallery figure>a{display:block;background:#eeeee9;border-radius:12px;overflow:hidden}
.device-gallery img{width:100%;height:auto;aspect-ratio:1.22;object-fit:contain;padding:24px}
.device-gallery figcaption{font-size:15px;line-height:1.8;color:var(--muted);padding-top:14px}
.official-support{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:80px;align-items:center;border-top:1px solid var(--line)}
.official-support h2{margin-top:20px;font-size:36px}
.official-support p{font-size:16px;line-height:1.9;margin-top:22px;max-width:640px}
.official-support dl{display:grid;gap:20px;margin:28px 0}
.official-support dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px}
.official-support dt{color:var(--muted);font-size:15px}
.official-support dd{margin:0;font-size:17px;overflow-wrap:anywhere}
.official-support dd a{display:inline-block;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.official-support .text-link{margin-top:14px;font-size:15px}
.official-support-image{display:block;background:#fff;padding:10px;border:1px solid var(--line);border-radius:12px;max-width:420px}
.official-support-image img{width:100%;height:auto}
@media(max-width:900px){.official-support{grid-template-columns:1fr;gap:32px}.official-support-image{max-width:380px}.device-gallery-grid{gap:20px}}
@media(max-width:640px){.device-gallery-grid{grid-template-columns:1fr}.device-gallery img{padding:16px}.official-support h2{font-size:28px}.official-support dl>div{grid-template-columns:88px minmax(0,1fr);gap:12px}.official-support dd{font-size:16px}}
@media(max-width:1000px){.device-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.device-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px}.device-nav a{font-size:14px;gap:8px}.device-feature-grid,.device-steps{grid-template-columns:1fr;gap:28px}.device-guide .section-heading h2{font-size:28px;line-height:1.5}.device-feature h3,.device-steps h3{font-size:21px}.device-howto{padding-block:44px}.device-notice{padding:16px 18px}.device-distinction{margin-top:32px;padding-top:28px}.device-distinction h3{font-size:24px}.device-tips{margin-top:30px}.device-guide-links{display:grid;gap:6px}.device-faq .faq-list summary{gap:16px}.device-faq .faq-list details>p{padding-right:0}.device-support-note{font-size:15px}}