.tutorial-wrap{max-width:960px}.tutorial-step{margin-bottom:24px;padding:24px;border:1px solid #d5e8f2;border-radius:18px;background:#fff;overflow-wrap:anywhere}.tutorial-step h2{margin:0 0 16px;font-size:1.35rem}.tutorial-step h3{font-size:1.1rem;margin:20px 0 10px}.tutorial-step p,.tutorial-step li{line-height:1.7}.tutorial-step ul,.tutorial-step ol{padding-left:24px}.tutorial-step li{margin:10px 0}.tutorial-devices{display:grid;grid-template-columns:1fr 1fr;gap:24px}.roaming-callout{background:#e9f8ff!important;border-left:5px solid #008cdb!important;padding:16px;border-radius:12px}.quick-guide{text-align:left}.esim-delivery-card{text-align:left;margin-top:24px}.esim-delivery-card img{display:block;margin:20px auto;max-width:100%;height:auto}.esim-delivery-card code{white-space:normal;overflow-wrap:anywhere;user-select:all}.esim-delivery-card dl{margin:16px 0}.esim-delivery-card dt{font-weight:700;margin-top:14px}.esim-delivery-card dd{margin:6px 0}.delivery-checks{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;color:#08786d;margin:20px 0}.email-delivery{overflow-wrap:anywhere}.tutorial-step .primary-button,.tutorial-step .outline-button{max-width:100%;white-space:normal;text-align:center}.success-shell .order-data dd{overflow-wrap:anywhere;min-width:0}.success-shell{overflow-wrap:anywhere}@media(min-width:1101px){.desktop-nav{gap:16px}.nav-shell{gap:20px}}@media(max-width:1100px) and (min-width:761px){.desktop-nav,.nav-actions{display:none}.menu-button{display:grid}.mobile-nav.is-open{display:flex;position:absolute;top:76px;left:0;right:0;flex-direction:column;padding:20px;background:#fff}.mobile-nav>a{padding:12px}.mobile-selects,.mobile-auth{display:flex;gap:12px;flex-wrap:wrap}}@media(max-width:600px){.tutorial-step{padding:18px}.tutorial-devices{grid-template-columns:1fr;gap:0}.tutorial-step h2{font-size:1.2rem}.success-shell{padding-inline:18px}.success-shell .order-data>div{grid-template-columns:1fr;text-align:left;gap:6px}.success-shell .order-data dd{text-align:left}.tutorial-step .primary-button{width:100%}}

.purchase-notice{font-size:.85rem;line-height:1.6;margin:12px 0}.purchase-notice p{margin:6px 0}.plan-installation-rules{font-size:.9rem;line-height:1.6;margin:16px 0;padding:12px;border:1px solid #d5e8f2;border-radius:10px;overflow-wrap:anywhere}.plan-installation-rules p{margin:8px 0}.quick-guide details{margin:16px 0;border:1px solid #d5e8f2;border-radius:10px;padding:12px}.quick-guide summary{cursor:pointer;font-weight:700}.legal-content{overflow-wrap:anywhere}

.purchase-notice{color:var(--muted);font-size:.78rem;line-height:1.45;overflow-wrap:anywhere}.purchase-notice a{text-underline-offset:3px}.purchase-notice-links{font-size:.75rem}
/* Shared purchase details remain readable in cards, checkout and customer orders. */
.plan-installation-rules{min-width:0;width:100%;box-sizing:border-box;overflow-wrap:break-word}
.plan-installation-rules details+details{margin-top:8px}
.thailand-installation-note{display:block;margin:12px 0 0;padding:12px 14px;border:1px solid #e6c06a;border-left:4px solid #ad7200;border-radius:9px;background:#fff8e6;color:#654400;font-size:.85rem;line-height:1.5;overflow-wrap:anywhere}.thailand-installation-note strong,.thailand-installation-note span{display:block}.thailand-installation-note strong{margin-bottom:4px}.postpurchase-facts .has-installation-note{grid-column:1/-1}.postpurchase-facts .thailand-installation-note{margin:8px 0 0;font-weight:400}
.plan-installation-rules ol{margin:8px 0 12px;padding-left:20px;list-style:decimal}.plan-installation-rules ol>li{margin:6px 0;list-style:decimal}
.purchase-notice summary,.plan-installation-rules summary{cursor:pointer;min-height:44px;align-content:center;font-weight:700;line-height:1.45}
.purchase-notice{min-width:0;max-width:100%}
.checkout-grid>*{min-width:0}.order-summary dd{text-align:right;overflow-wrap:anywhere;min-width:0}
.checkout-page .checkout-shell{padding-top:24px}.checkout-page .checkout-title{margin-bottom:20px}
@media(max-width:760px){
 .checkout-page .order-summary{padding:14px}.checkout-page .order-summary dl>div{padding:5px 0;font-size:.85rem}
 .checkout-page .order-summary .step-label{margin-bottom:10px}.checkout-page .summary-destination{padding-bottom:10px}
 body.checkout-page .support-chat{position:relative;right:auto;bottom:auto;display:flex;justify-content:flex-end;padding:12px}
 .checkout-page .checkout-card input,.checkout-page select{font-size:16px}
}
.shop-page .compat-callout .outline-button{background:transparent;color:#fff}
.shop-page .compat-callout .outline-button:hover{background:#0766b4}

/* Keep the standalone installation guide centered, including expanded instructions. */
@media (max-width: 760px) {
    .installation-guide-page .page-shell {
        width: calc(100% - 32px);
        max-width: 960px;
        min-width: 0;
        margin-inline: auto;
    }
    .installation-guide-page .narrow-hero { padding-block: 30px; }
    .installation-guide-page .narrow-hero h1 {
        font-size: clamp(1.75rem, 7.5vw, 2.25rem);
        margin: 10px auto 14px;
        max-width: 22ch;
    }
    .installation-guide-page .narrow-hero p { font-size: .95rem; }
    .installation-guide-page .tutorial-wrap {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        padding-block: 24px 36px;
    }
    .installation-guide-page .tutorial-step {
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 18px 16px;
        text-align: start;
    }
    .installation-guide-page .tutorial-step h2 { text-align: center; }
    .installation-guide-page .tutorial-step details {
        min-width: 0;
        max-width: 100%;
        padding: 12px;
    }
    .installation-guide-page .tutorial-step ol,
    .installation-guide-page .tutorial-step ul { padding-inline-start: 20px; }
    .installation-guide-page .tutorial-step .primary-button,
    .installation-guide-page .tutorial-step .outline-button {
        display: flex;
        width: 100%;
        min-width: 0;
        margin-inline: auto;
        justify-content: center;
    }
}
