.zoomable{font:inherit;color:inherit;text-align:inherit;cursor:default;background:0 0;border:none;padding:0;display:contents}@media (min-width:768px){.zoomable{cursor:zoom-in}}.zoomable:disabled{cursor:default}.zoomable-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);background:#0f0f0fb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.zoomable-overlay__viewport{justify-content:center;align-items:center;max-width:88vw;max-height:88vh;display:flex}.zoomable-overlay__close{color:#1a1a1a;cursor:pointer;background:#ffffffeb;border:none;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .2s,transform .2s;display:inline-flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 14px #00000040}.zoomable-overlay__close:hover{background:#fff;transform:scale(1.05)}
.guide-detail{background:#fff;min-height:100vh;position:relative;overflow-x:clip}.guide-detail__inner{max-width:820px;margin:0 auto;padding:128px 32px 96px}.guide-detail__header{margin-top:24px}.guide-detail__title{letter-spacing:-.02em;color:var(--color-on-background);margin:0;font-family:IBM Plex Sans,sans-serif;font-size:clamp(2rem,4.5vw,3rem);font-weight:600;line-height:1.15}.guide-detail__tags{flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.guide-detail__tag{color:#fff;background:var(--color-on-background);border-radius:999px;padding:5px 13px;font-size:.72rem;font-weight:500;text-decoration:none;transition:background-color .2s;display:inline-block}.guide-detail__tag:hover{background:var(--color-brand-accent)}.guide-detail__lead{color:var(--color-on-background-40);margin:20px 0 0;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.6}.guide-detail__related{border-top:1px solid var(--color-on-background-90);margin-top:64px;padding-top:32px}.guide-detail__related-title{color:var(--color-on-background);letter-spacing:-.01em;margin:0 0 18px;font-family:IBM Plex Sans,sans-serif;font-size:clamp(1.2rem,2.4vw,1.4rem);font-weight:600}.guide-detail__related-list{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:600px){.guide-detail__related-list{grid-template-columns:1fr}}.guide-detail__related-link{border:1px solid var(--color-on-background-90);color:inherit;border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;text-decoration:none;transition:border-color .2s;display:flex}.guide-detail__related-link:hover{border-color:var(--color-brand-accent)}.guide-detail__related-name{color:var(--color-on-background);font-size:.98rem;font-weight:600}.guide-detail__related-summary{color:var(--color-on-background-40);font-size:.85rem;line-height:1.5}.guide-content{margin-top:8px}.guide-content__h2{color:var(--color-on-background);letter-spacing:-.01em;margin:44px 0 14px;font-family:IBM Plex Sans,sans-serif;font-size:clamp(1.4rem,3vw,1.7rem);font-weight:600}.guide-content__h3{color:var(--color-on-background);margin:30px 0 10px;font-family:IBM Plex Sans,sans-serif;font-size:clamp(1.15rem,2.4vw,1.3rem);font-weight:600}.guide-content__p{color:var(--color-on-background-30);margin:0 0 16px;font-size:1rem;line-height:1.75}.guide-content__list{margin:8px 0 22px;padding-left:22px}.guide-content__list li{color:var(--color-on-background-30);margin-bottom:8px;font-size:1rem;line-height:1.7}.guide-content__list li::marker{color:var(--color-on-background)}.guide-content__table-wrap{-webkit-overflow-scrolling:touch;margin:22px 0 26px;overflow-x:auto}.guide-content__table{border-collapse:separate;border-spacing:0 6px;width:100%;font-size:.95rem;line-height:1.55}.guide-content__table th,.guide-content__table td{text-align:left;vertical-align:top;white-space:nowrap;padding:10px 16px}.guide-content__table th:first-child,.guide-content__table td:first-child{border-top-left-radius:999px;border-bottom-left-radius:999px;padding-left:26px}.guide-content__table th:last-child,.guide-content__table td:last-child{border-top-right-radius:999px;border-bottom-right-radius:999px}.guide-content__table th{background-color:var(--color-brand-accent);color:var(--color-on-brand-accent);font-family:IBM Plex Sans,sans-serif;font-weight:600}.guide-content__table td{color:var(--color-on-background-30)}.guide-content__table tbody tr:nth-child(2n) td{background-color:var(--color-on-background-95)}.guide-content__table strong{color:var(--color-on-background);font-weight:600}.guide-content__figure{background-color:var(--color-on-background-80);border-radius:24px;justify-content:center;margin:32px auto;padding:28px 28px 24px;display:flex}.guide-content__figure--diagram{padding:24px}.guide-content__diagram{width:100%;max-width:600px;height:auto}.guide-content__device{--device-ar:1.31;height:320px}@media (max-width:760px){.guide-content__device{height:clamp(220px,50vw,300px)}}.zoomable-overlay__viewport .guide-content__device{height:auto;width:min(88vw,88vh*var(--device-ar,1.31));aspect-ratio:var(--device-ar,1.31)}.guide-content__note{border-radius:16px;align-items:flex-start;gap:12px;margin:26px 0;padding:16px 20px;display:flex}.guide-content__note--info{color:#000;background:#fbc802;border-radius:28px;margin-top:44px}.guide-content__note--warning{color:#000;background:#a31f0040;border-radius:28px;margin-top:44px}.guide-content__note--success{background:var(--color-on-background-95);border-left:4px solid var(--color-success)}.guide-content__note--success .rich-content__note-title{color:var(--color-success)}.guide-content__note-icon{width:20px;height:20px;color:inherit;flex-shrink:0;align-items:center;margin-top:2px;display:inline-flex}.guide-content__note-body{flex:1;min-width:0}.guide-content__note-title{color:inherit;margin:0 0 4px;font-size:.95rem;font-weight:600}.guide-content__note-text{color:inherit;margin:0;font-size:.95rem;line-height:1.6}.guide-content__note-line{color:inherit;margin:0 0 4px;font-size:.95rem;line-height:1.6}.guide-content__note-line:last-child{margin-bottom:0}