.material-detail{--md-bg:#e9eff5;--md-surface:#fff;--md-ink:#0f2136;--md-ink-soft:#647184;--md-border:#d8e1e9;--md-accent:#2f8fd6;--md-accent-deep:#0f2138;--md-font-display:var(--font-display);--md-font-mono:var(--font-body);--md-font-body:var(--font-body);background:var(--color-bg);color:var(--md-ink);font-family:var(--md-font-body)}.material-detail .page{position:relative;overflow:hidden}.material-detail .page:before{content:"";background:linear-gradient(135deg, var(--md-accent) 0%, var(--md-accent-deep) 100%);opacity:.1;clip-path:polygon(30% 0,100% 0,100% 100%,0 70%);pointer-events:none;width:640px;height:640px;position:absolute;top:-120px;right:-160px}.material-detail .page:after{content:"";background-image:linear-gradient(var(--md-accent) 2px, transparent 2px), linear-gradient(90deg, var(--md-accent) 2px, transparent 2px);opacity:.3;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:14px 2px,2px 14px;width:14px;height:14px;position:absolute;top:40px;right:120px}.material-detail .wrap{max-width:var(--wrap-max);padding:40px var(--wrap-pad) 100px;margin:0 auto;position:relative}.material-detail .md-breadcrumb{color:var(--md-ink-soft);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px;font-size:13.5px;display:flex}.material-detail .md-breadcrumb>svg{width:16px;height:16px;color:var(--md-ink-soft);flex-shrink:0}.material-detail .md-crumb{align-items:center;gap:8px;display:inline-flex}.material-detail .md-sep{color:var(--md-border)}.material-detail .md-breadcrumb a{color:var(--md-ink-soft);text-decoration:none}.material-detail .md-breadcrumb a:hover{color:var(--md-accent);text-decoration:underline}.material-detail .md-current{color:var(--md-ink);font-weight:600}.material-detail .md-head{margin-bottom:36px}.material-detail .md-head h1{font-family:var(--md-font-display);font-stretch:var(--display-stretch);text-transform:uppercase;letter-spacing:0;margin:0 0 12px;font-size:clamp(30px,4vw,46px);font-weight:800;line-height:1.02}.material-detail .md-head p{max-width:58ch;color:var(--md-ink-soft);margin:0;font-size:15px;line-height:1.6}.material-detail .md-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}@media (max-width:900px){.material-detail .md-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.material-detail .md-grid{grid-template-columns:1fr}}.material-detail .md-card{background:var(--md-surface);border:2px solid var(--card-accent,var(--md-border));border-radius:22px;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.material-detail .md-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px -20px #0f213666}.material-detail .md-image{aspect-ratio:4/3;background:var(--md-surface);padding:10px;position:relative;overflow:hidden}.material-detail .md-image-inner{background:#fff;border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0f213614}.material-detail .md-image img{object-fit:cover;width:100%;height:100%;display:block}.material-detail .md-divider{background:var(--card-accent,var(--md-border));opacity:.55;height:2px;margin:0 18px}.material-detail .md-body{flex-direction:column;gap:12px;padding:16px 18px 20px;display:flex}.material-detail .md-title-row{align-items:center;gap:9px;display:flex}.material-detail .md-dot{background:var(--card-accent,var(--md-accent));border-radius:3px;flex-shrink:0;width:10px;height:10px}.material-detail .md-body h3{font-family:var(--md-font-display);font-stretch:var(--display-stretch);text-transform:uppercase;letter-spacing:0;color:var(--md-ink);margin:0;font-size:19px;font-weight:800}.material-detail .md-desc{color:var(--md-ink-soft);background:var(--card-mat-soft,var(--md-bg));border-left:3px solid var(--card-accent,var(--md-border));border-radius:0 10px 10px 0;margin:0;padding:10px 13px;font-size:12.5px;line-height:1.55}.material-detail .md-section-title{color:var(--md-ink-soft);margin:0 0 18px;font-size:15px;font-weight:700}.material-detail .md-article{flex-direction:column;gap:44px;max-width:720px;margin-top:72px;display:flex}.material-detail .md-article h2,.material-detail .md-faq h2{font-family:var(--font-display);font-stretch:var(--display-stretch);text-transform:uppercase;color:var(--md-ink);margin:0 0 16px;font-size:clamp(26px,3vw,36px);font-weight:800;line-height:1}.material-detail .md-article p{color:#3e4f61;margin:0 0 14px;font-size:17px;line-height:1.75}.material-detail .md-article ul{flex-direction:column;gap:10px;margin:4px 0 16px;padding-left:22px;display:flex}.material-detail .md-article li{color:#3e4f61;padding-left:4px;font-size:17px;line-height:1.65}.material-detail .md-article li::marker{color:var(--md-accent)}.material-detail .md-price{border:1px solid var(--md-border);background:var(--md-surface);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;max-width:720px;margin-top:48px;padding:22px 24px;display:flex}.material-detail .md-price-list{flex-wrap:wrap;gap:12px 32px;margin:0;display:flex}.material-detail .md-price-list dt{color:var(--md-ink-soft);font-size:13.5px;font-weight:600}.material-detail .md-price-list dd{font-family:var(--font-display);font-stretch:var(--display-stretch);color:var(--md-ink);margin:2px 0 0;font-size:26px;font-weight:800;line-height:1.1}.material-detail .md-price .md-price-note{color:var(--md-ink-soft);flex-basis:100%;margin:0;font-size:14px;line-height:1.5}.material-detail .md-faq{max-width:720px;margin-top:64px}.material-detail .md-faq-list{border-top:1px solid var(--md-border)}.material-detail .md-faq-item{border-bottom:1px solid var(--md-border)}.material-detail .md-faq-item summary{color:var(--md-ink);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:18px;font-weight:700;list-style:none;display:flex}.material-detail .md-faq-item summary::-webkit-details-marker{display:none}.material-detail .md-faq-item summary:hover{color:var(--md-accent)}.material-detail .md-faq-icon{border:1.5px solid var(--md-border);border-radius:50%;flex:none;width:32px;height:32px;position:relative}.material-detail .md-faq-icon:before,.material-detail .md-faq-icon:after{content:"";background:currentColor;border-radius:2px;width:12px;height:2px;transition:transform .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.material-detail .md-faq-icon:after{transform:translate(-50%,-50%)rotate(90deg)}.material-detail .md-faq-item[open] .md-faq-icon{background:var(--hero-navy);border-color:var(--hero-navy);color:#fff}.material-detail .md-faq-item[open] .md-faq-icon:after{transform:translate(-50%,-50%)rotate(0)}.material-detail .md-faq-item p{color:#3e4f61;max-width:62ch;margin:0;padding:0 0 22px;font-size:16.5px;line-height:1.7}@media (max-width:600px){.material-detail .md-article{gap:36px;margin-top:52px}.material-detail .md-article p,.material-detail .md-article li{font-size:16px}.material-detail .md-price .btn{width:100%}}.material-detail .md-steps{flex-direction:column;align-items:flex-start;gap:16px;max-width:720px;margin-top:56px;display:flex}.material-detail .md-next{background:var(--hero-navy);color:#fff;border-radius:16px;flex-direction:column;gap:6px;width:100%;padding:24px 26px;transition:background-color .2s;display:flex}.material-detail .md-next:hover{background:#16324f}.material-detail .md-next-label{color:var(--hero-sky);font-size:13.5px;font-weight:600}.material-detail .md-next-title{font-family:var(--font-display);font-stretch:var(--display-stretch);text-transform:uppercase;align-items:center;gap:12px;font-size:clamp(24px,3vw,32px);font-weight:800;line-height:1;display:inline-flex}.material-detail .md-next-title svg{flex:none;width:26px;height:26px;transition:transform .25s}.material-detail .md-next:hover .md-next-title svg{transform:translate(4px)}.material-detail .md-next-text{color:#ffffffbf;font-size:15px;line-height:1.5}.material-detail .md-prev{color:var(--md-ink-soft);text-underline-offset:3px;font-size:15px;font-weight:600;text-decoration:underline}.material-detail .md-prev:hover{color:var(--md-ink)}@media (max-width:780px){.material-detail .md-breadcrumb a,.material-detail .md-prev{padding:12px 0;display:inline-block}}
