.conversion-detail-section{padding:43px 0 48px;display:flex;gap:57px}.conversion-detail-section .info-box{width:50%}.info-box{position:relative}.conversion-heading{margin-bottom:15px;max-width:40%;color:var(--text-primary);font-size:18px;line-height:20px;font-weight:700}.conversion-heading.mobile{display:none}.info-box p{margin-bottom:31px;color:var(--text-secondary);font-size:14px;line-height:20px}.info-box .common-use-cases strong{margin-bottom:12px;color:var(--text-primary);font-size:18px;line-height:27px;display:block}.list-box ul li{padding-left:30px;position:relative;color:var(--text-secondary);font-size:14px;line-height:20px;display:flex;align-items:center;gap:8px}.list-box ul li::before{content:"";width:5px;height:5px;background:var(--gray);position:absolute;top:8px;left:10px;border-radius:100%}.info-box .question-figure{position:absolute;top:-26px;left:-35px;width:48px;height:49px}.conversion-detail-section .conversion-figure{width:50%;border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;background:var(--white)}.figure-wrapper{display:flex;align-items:center;gap:16px}.figure-wrapper .box{padding:0 10px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:var(--radius)}.figure-wrapper .box-left{border:5px solid #19ced7;min-width:94px;min-height:97px}.figure-wrapper .box-right{border:5px solid #f4ad22;min-width:142px;min-height:132px}.figure-wrapper .box.box-right .conversion-unit{font-size:33px;line-height:36px}.figure-wrapper .box.box-left .conversion-unit strong{display:flex;align-items:center;justify-content:center}.figure-wrapper .box.box-right .conversion-unit sup{font-size:12px}.figure-wrapper .box .conversion-unit{font-size:14px;font-weight:700;color:var(--text-primary)}.figure-wrapper .box .conversion-unit sup{font-size:20px}.conversion-figure-equals{font-size:32px;font-weight:700;color:var(--text-primary)}.description{margin-bottom:11px;color:var(--text-secondary);font-size:14px;line-height:18px}.info-cards{margin-bottom:15px;display:flex;flex-wrap:wrap;gap:26px 30px}.info-cards.area-converter-sesction{margin-bottom:0}.info-cards.area-converter-sesction .info-card{padding:12px}.info-cards.area-converter-sesction .info-card p{font-size:12px;line-height:18px}.info-cards.area-converter-sesction .info-card .info-title{margin-bottom:10px}.info-cards.area-converter-sesction .info-card .info-title span{font-size:14px}.info-cards.major-area-units{margin-bottom:30px}.info-cards .info-card{padding:21px 15px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);width:calc(33.3% - 20px)}.info-card .info-title{margin-bottom:20px;display:flex;align-items:center;gap:10px}.info-card .info-title .info-img{padding:4px;width:30px;height:30px;background:var(--darkyellow);border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.info-card .info-title span{color:var(--text-primary);font-size:16px;font-weight:700;display:block;line-height:normal}.info-card p{color:var(--text-secondary);font-size:14px;line-height:20px}.info-card .example span{color:var(--text-primary);font-size:12px;line-height:normal}.info-card .unit-chip{margin:10px 0;padding:7px;background:var(--lightyellow);border-radius:3px;font-size:12px;line-height:normal;color:var(--text-secondary);display:inline-block;border:1px solid var(--darkyellow)}.info-card .unit-chip strong{color:var(--text-primary)}.info-cards.major-area-units .unit-chip{padding:2px 7px}.info-card .example{display:flex;flex-direction:column;gap:6px}.info-card .example strong{font-size:12px;line-height:normal;color:var(--text-primary);display:block}.info-card .formula{display:block;font-size:12px;line-height:normal;color:var(--text-primary)}.info-cards.units-explained{gap:30px}.info-cards.units-explained .info-card{padding:21px 15px 70px 15px;width:calc(50% - 15px);position:relative}.info-cards.units-explained .info-card .unit-chip{margin:0;position:absolute;bottom:21px}.info-cards.units-explained .info-card .unit-chip em{transform:rotate(90deg)}.info-cards.units-explained .info-card p{margin-bottom:25px}.info-cards.units-explained .info-card strong{margin-bottom:16px;color:var(--text-primary);font-size:18px;line-height:20px;display:block}.info-cards.units-explained .unit-chip em{margin-right:8px;display:inline-block}.info-cards.units-explained .info-title .unit-icon{padding:0 12px;min-width:40px;min-height:40px;background:var(--darkyellow);border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.info-cards.units-explained .info-title .unit-icon span.unit{font-size:20px;line-height:24px;color:var(--text-primary)}.word-example{display:flex;gap:30px}.word-example .example-card{padding:16px;width:calc(33.3% - 19px);border:1px solid var(--border);border-radius:var(--radius);background:var(--white)}.example-card .example-title{margin-bottom:12px;display:flex;align-items:center;gap:10px}.example-title .example-icon{width:40px;height:40px;border-radius:var(--radius);background:var(--darkyellow);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:23px}.example-title strong{display:block;color:var(--text-primary);font-size:14px;line-height:normal}.example-info{margin-bottom:10px;position:relative;display:flex;flex-direction:column;gap:8px}.example-info .example-box{padding:13px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--white);display:flex;align-items:center;justify-content:space-between}.example-info .example-box.yellow{background:var(--lightyellow)}.example-info .example-box span{display:block;font-size:12px;line-height:normal;color:var(--text-primary)}.example-info .example-box strong{display:block;font-size:12px;line-height:normal;color:var(--text-primary)}.example-info .example-info-icon{position:absolute;top:calc(50% - 8px);left:50%;width:16px;height:16px;color:var(--text-primary);font-size:16px;line-height:normal}.tech-background{padding:18px 88px 22px;border:1px solid var(--border);border-radius:var(--radius);text-align:center;display:flex;flex-direction:column;align-items:center;background:var(--white)}.tech-background h2{margin-bottom:16px;font-size:20px;line-height:normal;display:block;color:var(--text-primary)}.tech-background span{display:block;font-size:14px;line-height:20px;color:var(--text-secondary)}.tech-background .note{margin-top:20px;padding:12px 18px 12px 10px;background:var(--lightyellow);border-radius:var(--radius);border-left:6px solid var(--darkyellow);display:flex;align-items:center;gap:10px;max-width:738px}.tech-background .note strong.note-heading{display:flex;align-items:center;gap:5px;font-size:18px;line-height:20px;color:var(--text-primary);white-space:nowrap}.tech-background .note strong.note-heading em{font-size:12px}.tech-background .note p{color:var(--text-secondary);font-size:14px;line-height:20px;text-align:left}.conversion-info h3.heading{margin-bottom:16px;color:var(--text-primary);font-size:14px;line-height:normal}.table-wrapper{border:1px solid var(--border);border-radius:var(--radius);overflow:auto}.table-wrapper table{border:0;border-collapse:collapse;white-space:nowrap}.table-wrapper thead tr th{padding:0 21px;color:var(--text-primary);font-size:14px;line-height:21px;height:60px;text-align:left;background:#f6f6f6;border:none}.table-wrapper tbody tr td{padding:0 21px;color:var(--text-primary);font-size:12px;line-height:21px;height:60px;border:1px solid var(--border);background:var(--white);border-bottom:none}.table-wrapper tbody tr td:first-child{border-left:none}.table-wrapper tbody tr td:last-child{border-right:none}.faq-box{padding:15px 18px 0 15px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column}.faq-box .faq-item{padding-top:15px;position:relative;border-bottom:1px solid var(--border);cursor:pointer}.faq-box .faq-item:last-child{border-bottom:none}.faq-item h3{padding:0 0 18px;color:var(--text-primary);line-height:26px;font-size:14px}.faq-item:first-child h3{border-top:none}.faq-box .faq-item em{width:52px;height:52px;position:absolute;right:0;top:0;cursor:pointer}.faq-box .faq-item em::after,.faq-box .faq-item em::before{position:absolute;top:19px;content:'';width:2px;height:15px;background:var(--gray);right:0;left:0;margin:0 auto}.faq-box .faq-item.active em::after,.faq-box .faq-item.active em::before{background:var(--black)}.faq-box .faq-item em::before{transform:rotate(-90deg)}.faq-box .faq-item em::after{transform:rotate(0);transition:.3s}.faq-box .faq-item.active em::after{transform:rotate(-90deg);transition:.3s}.faq-item .faq-ans{padding-bottom:22px;color:var(--text-secondary);font-size:14px;line-height:20px;display:none}.faq-item.active .faq-ans{display:block}@media screen and (max-width:540px){.conversion-heading.mobile{display:block;font-size:16px;line-height:22px;max-width:60%}.conversion-heading.web{display:none}.conversion-detail-section{padding:0;flex-direction:column-reverse;gap:16px}.conversion-detail-section .conversion-figure,.conversion-detail-section .info-box{width:100%}.info-box .question-figure{display:none}.conversion-detail-section .conversion-figure{height:180px}.conversion-detail-section .conversion-figure img{height:90px}.figure-wrapper{gap:12px}.figure-wrapper .box-left{min-width:66px;min-height:66px}.figure-wrapper .box-right{min-width:96px;min-height:90px}.figure-wrapper .box .conversion-unit,.figure-wrapper .box .conversion-unit sup{font-size:12px;line-height:normal}.figure-wrapper .box.box-right .conversion-unit{font-size:16px;line-height:normal}.info-box p{margin-bottom:19px;font-size:12px;line-height:18px}.info-box .common-use-cases strong{font-size:14px;line-height:20px}.list-box ul li{font-size:12px;line-height:20px}.description{font-size:12px;line-height:18px;margin-bottom:15px}.info-cards{flex-direction:column;gap:15px}.info-cards .info-card{padding:15px;width:100%}.info-cards.major-area-units{margin-bottom:15px}.info-card .info-title{margin-bottom:10px}.info-card .info-title span{font-size:14px}.info-card p{font-size:12px;line-height:18px}.info-cards.info-cards.units-explained{gap:15px}.info-cards.units-explained .info-card{width:100%}.info-cards.units-explained .info-card p{margin-bottom:15px}.info-cards.units-explained .info-card strong{margin-bottom:12px;font-weight:400;font-size:14px;line-height:20px}.info-cards.units-explained .info-title .unit-icon{min-width:30px;min-height:30px}.info-cards.units-explained .info-title .unit-icon span.unit{font-size:15px}.info-cards.units-explained .info-title .unit-icon span.unit sup{font-size:12px}.word-example{flex-direction:column;gap:12px}.word-example .example-card{padding:10px;width:100%}.example-title .example-icon{width:30px;height:30px}.example-title .example-icon img{max-height:20px}.example-title .example-icon em{font-size:14px}.example-info .example-box{padding:9px 10px}.example-info .example-box span,.example-info .example-box strong{font-size:14px}.tech-background{padding:0;border:none;text-align:left;align-items:flex-start}.tech-background h2{margin-bottom:11px;font-size:14px}.tech-background span{margin-bottom:18px;font-size:12px;line-height:18px}.tech-background .note{padding:12px 12px 12px 6px;flex-direction:column;gap:12px;background:var(--lightyellow);align-items:flex-start}.tech-background .note strong.note-heading{font-size:14px;line-height:20px}.tech-background .note p{font-size:12px;line-height:18px}.faq-box{padding:0;border:none;gap:0}.faq-box .faq-item{padding-top:10px}.faq-box .faq-item em{width:22px;height:22px}.faq-item h3{padding-bottom:10px;font-size:14px;line-height:20px;border:none}.faq-item .faq-ans{padding-bottom:10px;font-size:14px;line-height:20px}.faq-item .faq-ans,.faq-item h3{padding-right:30px}.faq-box .faq-item em::after,.faq-box .faq-item em::before{top:5px}}