@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap");*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style-type:none}:root{--default:#ebf1f8;--default-dark:#ccd6e2;--primary:#e7e9eb;--secondary:#6c757d;--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--black-light:#101828;--black:#000;--honeydew:#ecfdf3;--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1216px;--bs-breakpoint-xxl:1400px;--container:120rem;--nav-height:7rem}body{background-color:var(--white);font-family:arial,helvetica,sans-serif}.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-right:auto;margin-left:auto}header{box-shadow:0px 3px 3px 0 rgb(33 33 33 / 0.03);background-color:#f4f4f4}.top-navbar{display:flex;justify-content:flex-end;align-items:center;padding:10px 20px;background-color:#007bff;color:white;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.top-nav-items a{color:white;text-decoration:none;padding:5px 10px;border-radius:5px;transition:background-color 0.3s;font-size:1.2rem}.top-nav-items a:hover{background-color:#0056b3}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.logo a{display:block}.logo-img{height:50px;width:auto}.postsearchbox{margin:0 auto;width:400px;.search-container-navbar{position:relative;i{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#000;font-size:1.6rem}}.search-bar{width:100%;min-height:40px;padding:5px 10px;font-size:2rem;border:1px solid #000;cursor:text;letter-spacing:0px;box-sizing:border-box;transition:border 200ms linear;box-shadow:rgba(0,0,0,0.24) 0px 0px 2px 0px;background-color:#ececec;outline:none;border-radius:3px;text-transform:capitalize}.search-bar:focus-within{background-color:#fff;border:2px solid rgb(32,106,244)}.suggestions{list-style:none;background-color:#fff;border-radius:5px;max-height:450px;overflow-y:auto;font-size:1.4rem;display:none;border:1px solid #ccc}.suggestions li{padding:10px;cursor:pointer;border-bottom:1px solid #eee;transition:background-color 0.3s ease,color 0.3s ease;border-radius:3px;p{text-transform:capitalize;color:rgb(59,104,252);margin-bottom:0.2rem}}.suggestions li:hover{background-color:rgb(255 198 198)}.searchpostresults{position:absolute;width:400px;z-index:1;margin-top:5px}}.navbar{background-color:#f0f3f4;padding:5px 0;display:flex;align-items:center;position:relative;box-shadow:rgba(0,0,0,0.16) 0px 1px 4px}.nav-links{display:flex;overflow-x:auto;white-space:nowrap;scroll-behavior:smooth;flex-grow:1;padding:20px;position:relative;z-index:0}.nav-links ul{display:flex;list-style-type:none;padding:0;margin:0}.nav-links ul li{display:flex;margin:0 10px;border:1px solid #ddd;border-radius:5px}.nav-links ul li a i{margin-right:8px}.nav-links ul li a:hover{color:#007bff;border:1px solid #007bff}.nav-links ul li{margin:0 10px}.nav-links ul li a{display:flex;align-items:center;text-decoration:none;color:#333;font-size:16px;padding:10px 15px;transition:background-color 0.3s,color 0.3s;border-radius:5px;border:1px solid transparent}.nav-links ul li a:hover{background-color:#f0f0f0;color:#007bff}.scroll-btn{background-color:#fff;color:#000;font-size:20px;padding:5px 10px;cursor:pointer;box-shadow:rgba(0,0,0,0.14) 0px 0px 8px 0px;position:relative;z-index:1;border-radius:4px;transition:background-color 0.3s,box-shadow 0.3s;border:1px solid #ccc;margin-top:-4px}.scroll-btn:hover{background-color:var(--default-dark);box-shadow:0 4px 8px rgba(0,0,0,0.2)}.scroll-btn:disabled{background-color:#ccc;cursor:not-allowed;box-shadow:none}.scroll-btn.prev{position:absolute;left:0;top:50%;transform:translateY(-50%)}.scroll-btn.next{position:absolute;right:0;top:50%;transform:translateY(-50%)}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger .bar{width:25px;height:3px;background-color:#333;margin:4px 0;transition:0.4s}.nav-links::-webkit-scrollbar{height:6px}.nav-links::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:3px}@media (max-width:768px){.top-navbar{display:none}.top-bar{flex-direction:column;align-items:flex-start}.search-container-navbar{width:100%;margin-top:10px}.nav-links ul{flex-direction:column;display:none}.nav-links.active ul{display:flex}.hamburger{display:flex;position:absolute;top:10px;right:20px}.scroll-btn{display:none}}.back_to_top{position:fixed;right:30px;bottom:30px;width:35px;height:35px;line-height:35px;text-align:center;background:var(--default);border-radius:0.4rem;pointer-events:none;opacity:0;box-shadow:0 0 0.5rem var(--honeydew);transition:all 0.2s ease-in-out;transform:translateY(-30rem);border:0.1rem solid var(--gray);z-index:1}.back_to_top i{color:var(--blue);font-size:3rem}.back_to_top.show{opacity:1;pointer-events:auto;cursor:pointer;transform:translateY(0rem)}.cookie_container{position:fixed;bottom:10px;left:-370px;max-width:345px;width:100%;background:var(--white);border-radius:0.8rem;padding:1.5rem 2.5rem;transition:left 0.3s ease;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.1);border:0.1rem solid var(--gray)}.cookie_container.show{left:0.1rem}.cookie_container .cookie_sub{align-items:center;column-gap:1.5rem}.cookie_sub h2{color:var(--blue);font-weight:500;font-size:1.8rem;text-align:center}.cookie_container .cookie_data{margin-top:1.6rem}.cookie_container .cookie_data p{color:var(--black-light);font-size:1.4rem;text-align:justify}.cookie_data p a{color:var(--blue);text-decoration:none}.cookie_data p a:hover{text-decoration:underline}.cookie_container .buttons{margin-top:1.6rem;width:100%;display:flex;align-items:center;justify-content:space-between}.buttons .button{border:none;color:var(--white);padding:8px 0;border-radius:0.4rem;background:#4070f4;cursor:pointer;width:calc(100% / 2 - 10px);transition:all 0.2s ease}.buttons #acceptBtn:hover{background-color:#034bf1}#declineBtn{border:0.2rem solid #4070f4;background-color:var(--white);color:#4070f4}#declineBtn:hover{background-color:var(--blue);color:var(--white)}p{font-size:1.6rem;color:var(--black);font-weight:400;line-height:1.6;overflow:hidden;margin-bottom:0.8rem;word-wrap:break-word}h1{font-size:2rem}h2{font-size:2rem}h3{font-size:1.6rem}h4{font-size:1.4rem}h1,h2,h3,h4{color:var(--black);font-weight:600;line-height:1.5;overflow:hidden;margin-bottom:0.8rem}.highlighted,.external-link-anchor{color:blue;text-decoration:underline}.highlighted:hover,.external-link-anchor:hover{color:#0073ff;text-decoration:underline}.external-link a{font-size:1.4rem;text-decoration:underline;color:blue}.external-link a:hover{color:#0073ff}.text-center{text-align:center !important}.text-left{text-align:left !important}.text-justify{text-align:justify !important}.text-right{text-align:right !important}.law-text{font-size:1.6rem;font-weight:600}.highlight{color:rgb(255 122 122);font-weight:bold}ul{list-style-type:disc}li{display:list-item;text-align:-webkit-match-parent;unicode-bidi:isolate}.tabs_post{display:flex;background-color:#f1f1f1;padding:10px}.tab_post{flex:1;text-align:center;padding:10px;cursor:pointer;background-color:#ddd;margin-right:2px;transition:background-color 0.3s}.tab_post:hover{background-color:#bbb}.tab_content_category{display:none;padding:20px;background-color:#f9f9f9;border-top:2px solid #ddd}#post_1{display:block}.backlinks-container{max-width:1200px;margin:0 auto;padding:20px;font-size:1.4rem}.table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.backlinks-search-box,.entries-selector{display:flex;align-items:center;gap:10px}.backlinks-search{padding:8px;border:1px solid #ddd;border-radius:4px;width:200px;outline:none}.entries{padding:8px;border:1px solid #ddd;border-radius:4px;outline:none;cursor:pointer}.backlink_table{width:100%;border-collapse:collapse;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.backlink_table #th-sl{}.backlink_table #th-siteName{display:flex}.backlink_table #th-follow{}.backlink_table th,.backlink_table td{padding:12px 15px;text-align:left;border:1px solid #ddd}.backlink_table thead tr{display:table-row;width:100%}.backlink_table tr:nth-child(even){background-color:#f8f9fa}.backlink_table th{background-color:#f5f5f5;font-weight:600;color:#333;position:relative;white-space:nowrap;vertical-align:middle}.backlink_table th > div{display:flex;align-items:center;gap:8px;min-height:24px;cursor:pointer;justify-content:space-between}.backlink_table th:first-child{width:60px}.backlink_table th:nth-child(2){width:auto}.backlink_table th:nth-child(3),.backlink_table th:nth-child(4){width:100px}.backlink_table th .fas{font-size:16px;color:#666;margin-right:5px}.backlink_table th .sort-icon{display:inline-block;margin-left:auto;color:#666;font-size:16px}.backlink_table th:hover{background-color:#e9e9e9}.backlink_table tbody tr:hover{background-color:#f9f9f9}.site-name{color:#2196F3}.backlinks-pagination{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.backlinks-prevBtn,.backlinks-nextBtn{padding:8px 15px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;transition:background-color 0.2s}.backlinks-prevBtn:hover,.backlinks-nextBtn:hover{background-color:#f5f5f5}.backlinks-prevBtn:disabled,.backlinks-nextBtn:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:0.6}.backlinks-pageInfo{color:#666}.duplicate-url{background-color:#ffdddd;position:relative;box-shadow:0 0 0 2px #ff4444}.duplicate-url::after{content:"DUP";position:absolute;top:-8px;right:-8px;background-color:#ff4444;color:white;font-size:10px;padding:2px 4px;border-radius:3px;font-weight:bold}.duplicate-control-panel{position:fixed;top:10px;right:10px;background:white;padding:10px;border:1px solid #ccc;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,0.2)}.backlinks-notification{position:absolute;background:#4CAF50;color:white;padding:6px 10px;border-radius:4px;font-size:12px;top:-35px;left:50%;transform:translateX(-50%);z-index:100;box-shadow:0 2px 5px rgba(0,0,0,0.2);min-width:180px;text-align:center}.backlinks-notification .copy-message{font-weight:bold;margin-bottom:2px}.backlinks-notification .copied-url{font-family:monospace;font-size:11px;word-break:break-all}.table_center{display:flex;justify-content:center;align-items:center}.calc_table{overflow:auto;width:100%;margin-bottom:1rem}.calc_table table{height:100%;table-layout:fixed;border-spacing:1px;border:1px solid black;border-collapse:collapse}.calc_table table caption{font-size:1.4rem;text-align:center;margin-bottom:5px}.calc_table table th,.calc_table table td{padding:10px;border:1px solid #ccc;border-collapse:collapse;font-size:1.4rem;font-weight:500;line-height:1.5}.calc_table > table > tbody > tr:nth-of-type(odd){background-color:#f2f2f2}.calc_table > table > tbody > tr:nth-of-type(even){background-color:#fff}.calc_table > table > thead{background-color:#6c7cdd;color:#fff}.calc_table > table > tfoot{text-align:center;background-color:#ccd6e2;td{padding:5px;color:#000;font-size:12px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x))}.row > *{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-top:var(--bs-gutter-y)}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0 {padding:0!important}.p-1 {padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.font-size-16{font-size:1.6rem !important}.font-size-14{font-size:1.4rem !important}.f-size-1{font-size:0.25rem !important}.f-size-2{font-size:0.5rem !important}.f-size-3{font-size:1rem !important}.f-size-4{font-size:1.5rem !important}.f-size-5{font-size:3rem !important}.f-weight-500{font-weight:500}.f-weight-600{font-weight:600}.w-0{width:0 !important}.w-25{width:25% !important}.w-40 {width:40% !important}.w-50{width:50% !important}.w-60{width:60% !important}.w-75{width:75% !important}.w-100{width:100% !important}.mw-25{max-width:25% !important}.mw-50{max-width:50% !important}.mw-75{max-width:75% !important}.mw-100{max-width:100% !important}.h-0{height:0!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.d-none,.hidden {display:none}.d-block{display:block}.d-grid {display:grid !important}.d-flex {display:flex !important}.d-flex-wrap {flex-wrap:wrap !important}.flex-row {flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse{flex-direction:column-reverse !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.justify-content-evenly{justify-content:space-evenly !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}.order-first{order:-1 !important}.order-0{order:0 !important}.order-1{order:1 !important}.order-2{order:2 !important}.order-3{order:3 !important}.order-4{order:4 !important}.order-5{order:5 !important}.order-last{order:6 !important}.cm-scroller{display:flex;align-items:flex-start !important;font-family:monospace;line-height:1.4;height:100%;overflow-x:auto;position:relative;z-index:0;background-color:#ececec;margin-bottom:8px;border-radius:4px;padding:0.5rem}.cm-content{margin:0;flex-grow:2;flex-shrink:0;display:block;white-space:pre;word-wrap:normal;box-sizing:border-box;min-height:100%;padding:4px 0;outline:none;caret-color:transparent !important}.cm-line{display:block;padding:0 2px 0 6px;caret-color:transparent !important;font-size:1.4rem}.equation{font-size:1.8rem;margin-top:10px;margin-bottom:10px;font-weight:400;font-family:times new roman;padding-left:6px;line-height:1.5;font-style:italic;.fraction{display:inline-block;vertical-align:middle;text-align:center;.numerator{border-bottom:1px solid #000;padding-bottom:6px}.denominator{display:block;padding-top:6px}.numeratorc{padding-bottom:6px}.denominatorc{display:block;padding-top:6px;border-top:1px solid #000}}.square-root{display:inline-block;position:relative;padding-left:6px;font-weight:400}.square-root::before{content:"√";position:absolute;left:-2px;top:0;font-size:1.2em}.square-root::after{content:"";position:absolute;top:2px;left:10px;width:100%;border-top:1px solid black}.square-root-content{padding-left:15px}.superscript{vertical-align:super;font-size:16px}.subscript{vertical-align:sub;font-size:16px}}.math_formula{background-color:#fdebe6;border-radius:2px;padding:5px;font-size:1.6rem}.math_sub_formula{margin:15px;background-color:#ddd;padding:5px}.math_equation{padding:10px;box-shadow:rgba(0,0,0,0.05) 0px 0px 0px 1px}.math_example{padding:15px;border:1px solid #ddd;margin:10px 15px;border-radius:5px;box-shadow:rgba(0,0,0,0.35) 0px 5px 15px;hr{margin-bottom:15px;border:1px solid #00ac69}}li code,p code{background-color:#ececec;border-radius:.25rem;color:#000;font-size:1.4rem;font-weight:500;padding:.15rem .3rem;margin:.5rem}.sub_handing{color:#000}.sub_title{background-color:#fdebe6;border-radius:2px;padding:5px}ol.decimal{list-style-type:decimal}ol.roman_list{list-style-type:upper-roman}ol.lower_roman_list{list-style-type:lower-roman}ol.alpha_list{list-style-type:upper-alpha}ol.lower_alpha_list{list-style-type:lower-alpha}ul.content_list{p{margin-left:-20px}margin-left:20px;font-size:1.6rem;margin-bottom:1rem;li{list-style-type:square;line-height:1.6;margin-bottom:7px}}ul.numbered_list{p{margin-left:-20px}margin-left:20px;font-size:1.6rem;margin-bottom:10px;li{list-style-type:decimal;line-height:1.6;margin-bottom:7px}}.custom_list{counter-reset:list-counter;list-style:none;padding-left:0}.custom_list li{counter-increment:list-counter;font-size:1.6rem;font-weight:bold;margin-bottom:8px}.custom_list li::before{content:counter(list-counter) ". ";color:red;font-size:1.6rem;font-weight:bold}.category-posts{max-width:1200px;margin:0 auto;margin-top:20px;.category-list{list-style:none;padding-left:0;li{padding:10px 5px;border:2px solid #fff;background-color:#F8F9FA;a{color:var(--black);font-size:1.6rem}a::before{content:"★ ";color:gold;display:inline-block;margin-right:8px;transition:transform 0.3s ease,color 0.3s ease}a:hover::before{color:blue;transform:rotate(360deg)}a:hover{text-decoration:underline;color:blue}}li:hover{cursor:pointer;transform:translateY(-2px);background-color:#DAE0E5}}}.notice{background-color:#e8f2ff;border-left-width:40px;border-left-style:solid;border-left-color:#5052d5;padding:1.25rem 1rem;display:-webkit-flex !important;display:flex !important;-webkit-align-items:center;align-items:center;text-align:left;border-radius:calc(8px / 2);position:relative;margin:5px 15px}.notice:before{position:absolute;content:attr(data-notice-title);font-size:1.2rem;color:#fff;left:calc(40px / 2 * -1);-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-text-orientation:upright;text-orientation:upright;font-weight:600;font-style:italic}.warnings{background-color:#fff3cd;padding:20px;border-radius:8px;border:1px solid #ffeeba;h3{color:#2c3e50;margin-bottom:20px}ul{list-style-position:inside;margin-top:10px;li{margin-bottom:8px;color:#856404}}}.advertisements{margin-top:10px}.advertisements p{font-size:1.4rem;margin-bottom:0.8rem;text-align:center;background-color:#ccc;border:1px solid #000;border-radius:3px}.related-posts .google-auto-placed,.related-posts .ap_container,.similar-posts .google-auto-placed,.similar-posts .ap_container{display:none !important}.blog_post{margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap}.main_content{height:100%;justify-content:center;padding:1rem;background-color:var(--blue);border:none;margin-bottom:0.8rem}.seo_content{height:100%;justify-content:center;padding:1rem;border:none}.top_section{height:100%;padding:0.5rem;background-color:var(--white);border:none}.hero_section{max-width:1370px;height:100%;padding:20px 16px;background-color:var(--white);border:none;box-sizing:content-box;margin-right:auto;margin-left:auto}.sidebar{padding:0.5rem;margin-top:1rem;background-color:var(--white);overflow:hidden;display:block;height:fit-content;position:sticky;top:7px;border:none;.tab-container-main{margin-bottom:2px;padding:5px;background-color:#ccd6e2;border-left:2px solid #0373dd;border-right:2px solid #0373dd}.tab-link{background-color:#fff;border:none;padding:6px;cursor:pointer;transition:background-color 0.3s,color 0.3s;font-weight:500;width:100%;border-radius:20px;margin:2px}.tab-link:hover{background-color:#6c757d;color:white}.tab-link.active{background-color:#4caf50;color:white}.tab-content{display:none}.tab-content.active{display:block}.category{margin-bottom:2px;border:1px solid #ddd;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.category-header{padding:8px;font-size:1.4rem;font-weight:500;cursor:pointer;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;transition:background-color 0.3s;background-color:#e7e9eb;border-left:0.1rem solid var(--blue)}.category-header.active{background-color:var(--secondary);color:#fff;border-left:0.3rem solid var(--blue)}.category-header:hover{background-color:var(--default-dark);color:#000}.category-header .arrow{transition:transform 0.3s}.category-header.active .arrow{transform:rotate(180deg)}.sidebar-tab-button{flex:1;padding:10px;border:none;background:#ddd;cursor:pointer;font-size:14px;transition:background 0.3s}.sidebar-tab-button.active{background:#007BFF;color:white}.sidebar-tab-button:hover:not(.active){background:#ccc}.sidebar-tab-content{background-color:#fafafa;border-top:none;border-radius:0 0 6px 6px;transition:max-height 0.3s ease}.sidebar-tab-content ul{list-style:none;margin:0;padding:0;cursor:pointer}.sidebar-tab-content ul li{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #eaeaea;cursor:pointer;transition:background-color 0.3s}.sidebar-tab-content ul li:hover{background-color:#f1f1f1;border-left:0.2rem solid var(--blue);border-right:0.2rem solid var(--blue)}.sidebar-tab-content ul li a{color:#000;text-decoration:none;font-size:1.4rem}.sidebar-tab-content ul li a:hover{color:#007bff;text-decoration:underline}.sidebar-tab-content ul li a::before{content:"★ ";margin-right:5px;margin-left:5px;display:inline-block;color:gold;transition:transform 0.3s ease,color 0.3s ease}.sidebar-tab-content ul li a:hover::before{color:blue;transform:rotate(360deg)}.category-content{background-color:#fafafa;border-top:none;border-radius:0 0 6px 6px;transition:max-height 0.3s ease}.category-content ul{list-style:none;margin:0;padding:0}.category-content ul li{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #eaeaea;cursor:pointer;transition:background-color 0.3s}.category-content ul li:hover{background-color:#f1f1f1;border-left:0.3rem solid var(--blue)}.category-content ul li:last-child{border-bottom:none}.category-content ul li a{color:#000;text-decoration:none;font-size:1.6rem}.category-content ul li a:hover{color:#007bff;text-decoration:underline}.category-content ul li a::before{content:"★ ";margin-right:5px;margin-left:5px;display:inline-block;color:gold;transition:transform 0.3s ease,color 0.3s ease}.category-content ul li a:hover::before{color:blue;transform:rotate(360deg)}}.feedback{flex-basis:100%;height:100%;justify-content:center;padding:1rem;border:0.1rem solid var(--gray);border-radius:0.3rem;margin-bottom:0.8rem}.footer{padding:0.5rem;justify-content:center;margin-bottom:0.8rem}.footer_wave{width:100%;margin-bottom:0}.waves > use{animation:move-forever 2s -2s linear infinite}.waves > use:nth-child(2){animation-delay:-3s;animation-duration:6s}.waves > use:nth-child(3){animation-delay:-4s;animation-duration:3s}@keyframes move-forever{0%{transform:translate(-90px,0%)}100%{transform:translate(85px,0%)}}.footer_wave svg{left:0;bottom:0;width:100%;height:30vw;max-height:100px}.footer h3{color:var(--default);font-weight:600;font-size:1.4rem;padding-bottom:0.5rem;border-bottom:0.2rem solid var(--default)}.footer .row{background-color:var(--blue);margin-top:-0.5rem;margin:-0.5rem 0.1rem 0 0.1rem}.footer ul li a{color:var(--default);display:block;font-size:1.4rem;font-weight:300;text-decoration:none;transition:all 0.3s ease;padding:0.5rem}.footer ul li a:hover{color:var(--black);padding-left:0.7rem}.footer .row .col-3{padding-bottom:0.8rem}.footer .social-links a{color:#fff;font-size:3rem;display:inline-block;height:4rem;width:4rem;border-radius:5px;text-align:center;margin:1rem 0.5rem;line-height:40px;transition:all 0.5s ease}.footer .social-links a:hover{color:#000;background-color:#fff}.footer p{text-align:center;color:var(--white);font-size:1.2rem}.footer p a{color:var(--white);font-size:1.4rem;text-decoration:none}.footer p a:hover{color:var(--black);text-decoration:underline}.footer_bar{background-color:#183153;margin-top:1.6rem;margin-bottom:0.1rem !important}.language_select{position:relative;display:inline-block}.language_btn{background-color:#fff;color:#333;padding:5px;font-size:16px;cursor:pointer;display:flex;align-items:center;border:1px solid #ccc;border-radius:3px;transition:transform 0.3s;margin-top:10px;svg{width:16px;height:16px;fill:#000;margin-left:10px;transition:transform 0.3s}}.language_select .icon{width:20px;height:20px;margin-right:10px}.language_select_content{display:none;position:absolute;background-color:#f9f9f9;min-width:260px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;border-radius:3px;margin-top:-255px;span{font-size:1.4rem}}.language_select_content a{color:black;padding:12px 16px;text-decoration:none;display:flex;align-items:center}.language_select_content a:hover{background-color:#f1f1f1}.breadcrumb{line-height:2;border-bottom:2px solid var(--white);background-color:var(--default-dark);flex-basis:100%}.breadcrumb a:first-child{margin-left:0.5rem;padding:0 0.5rem}.breadcrumb a{text-decoration:none;color:var(--black);font-size:1.4rem}.breadcrumb a:hover{background-color:var(--default);padding:0.2rem 0.5rem;border-radius:0.3rem;text-decoration:underline}.breadcrumb li{display:inline}.breadcrumb li + li::before{content:"/";font-size:1.6rem}.main_box{margin:5px 0px;padding:5px 5px;background-color:#ffc8c8}.content_main{color:#cf2e2e;text-align:center}.content_main span{color:#34495e}.content_main_des{text-align:center}.blog_handing{font-weight:600;border-bottom:1px solid #ccc;flex-basis:100%;text-align:left;margin-bottom:0.4rem;margin-top:1rem;padding:0.5rem}.content_tools_handing{text-align:center;font-size:2.4rem;color:var(--white)}.content_tools_des{text-align:center;color:var(--white)}.content_tools_title{font-size:20px;font-weight:600;color:#fff;line-height:1.5;text-align:center;overflow:hidden;width:100%;background-color:#3b3b3b;padding:10px;border-left:5px solid #0373dd;border-right:5px solid #0373dd;margin-bottom:0px}.calc_subtitle{text-align:center;font-size:1.6rem;font-weight:600;color:#000;background-color:#fdebe6;padding:5px}.content_container{background-color:#fff;padding:5px;padding-bottom:20px;border-radius:3px;margin-top:10px;.calc_nav_view{background-color:#e7e9eb;.calc_btn{cursor:pointer;padding:5px;border-radius:4px;margin-bottom:0 !important}.calc_btn:hover{background-color:#e6dafa}p{color:#3b3b3b;margin-bottom:0px;padding-left:2px;padding-right:2px}i{font-size:1.6rem;color:#3b3b3b}}.content_tools_subtitle{text-align:left;font-size:1.6rem;font-weight:500;background-color:var(--gray-dark);padding:0.3rem;color:var(--white);margin-bottom:0.4rem;align-items:center;display:flex;padding-left:0.5rem}i{margin-left:0.5rem;margin-right:0.5rem}.fa-html5{font-size:1.8rem;color:#fff}.fa-css3-alt{font-size:1.8rem;color:#fff}.fa-node-js{font-size:1.8rem;color:#fff}.fa-display{font-size:1.6rem;color:#fff}.fa-file-word{font-size:1.6rem;color:#ffffff}.learn_tools{text-align:center;margin-top:20px;margin-bottom:10px}.your_site{text-decoration:underline;text-align:center;font-size:1.2rem;margin-bottom:0}.your_site:hover{color:#1b1717}}.content_container{textarea{width:100%;box-sizing:border-box;border:0.1rem solid #ccc;resize:none;outline:none;padding:1rem;font-size:1.4rem;border-radius:5px}textarea:hover{border-color:#c0c0c0}textarea:focus{background-image:url(https://4.bp.blogspot.com/-LkExjJdREbw/WNjHSX9umiI/AAAAAAAAB8w/KyG3-0ZYnY4M_2NFiHmglG4pa5WZzJuRQCLcB/s1600/icon.png);color:#000;background-size:20% auto;background-repeat:no-repeat;background-position:bottom right;border-color:#4d90fe}textarea::placeholder{color:#b3b3b3;font-size:1.4rem}iframe{width:100%;height:700px;background-color:#fff}.preview_handing{text-align:center;background-color:var(--white);border:2px solid var(--gray-dark);color:var(--gray-dark);padding:8px;margin-top:20px}.preview{border:1px solid var(--gray-dark);background-color:#fff;padding:5px 20px}.copied{color:green;display:none;font-size:1.4rem;margin-top:8px;margin-bottom:2.6rem;text-align:center}}.content_handing{font-size:1.6rem;font-weight:600;color:#000;line-height:1.5;padding-left:1rem;overflow:hidden;width:100%;border-left:5px solid #0373dd;background-color:#e7e9eb;padding:5px}.content_subhanding{text-align:left}.content_des{text-align:justify;color:var(--black);margin-bottom:1.2rem}.content_article_handing{text-align:left;font-size:2.6rem;padding:0.5rem;color:var (--white);border-left:0.5rem soild var(--blue);background-color:var(--default-dark)}.sub_title{color:#000;background-color:#e7e9eb;padding:10px;font-size:14px}.sub_title code{background-color:#3b3b3b;padding:3px;color:#fff;border-radius:3px}.content_post_handing{text-align:center}.calc_img{margin-top:20px;margin-bottom:20px}.calc_img svg{width:100%;display:block;margin-left:auto;margin-right:auto;height:auto;vertical-align:middle;border-radius:3px;border-bottom:1px solid #eee;box-shadow:0px 4px 8px rgba(0,0,0,0.1)}.calc_img svg:hover{transform:scale(1.05);transition:transform 0.3s ease-in-out;cursor:pointer}.calc_img figcaption{display:block;width:100%;border-bottom:1px solid #eee;padding:10px;text-align:center;margin:0 15px 0 0;font-size:14px;font-style:italic !important}.featured_img,.post_img{margin-top:20px;margin-bottom:20px}.featured_img img,.post_img img{max-width:90%;width:700px;display:block;margin-left:auto;margin-right:auto;height:auto;vertical-align:middle;border-radius:3px;border-bottom:1px solid #eee;box-shadow:0px 4px 8px rgba(0,0,0,0.1)}.featured_img img:hover,.post_img img:hover{transform:scale(1.05);transition:transform 0.3s ease-in-out;cursor:pointer}.featured_img figcaption,.post_img figcaption{display:block;width:100%;border-bottom:1px solid #eee;padding:10px;text-align:center;margin:0 15px 0 0;font-size:14px;font-style:italic !important}.imageModal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.9)}.modalImage{margin:auto;display:block;max-width:90%;max-height:80%;margin-top:40px}.close-btn{display:flex;justify-content:end;flex-direction:row;color:white;font-size:35px;cursor:pointer;margin-right:50px;margin-top:20px}.imageModal:target{display:none}.content_demo_handing{text-align:center;font-size:1.6rem;font-weight:500;background-color:var(--gray-dark);padding:0.3rem;color:var(--white);margin:0}.content_tools_subtitle svg{width:17px;height:17px;margin-left:0.5rem;margin-right:0.5rem}.copy_mess{display:none;width:100%;height:30px;font-size:14px;font-weight:600;color:#000;border:none;outline:none;text-align:center;margin-bottom:10px}.whatsapp-share-button{display:inline-block;background-color:#10B981;color:#fff;padding:10px 16px;border-radius:5px;font-weight:600;font-size:1.6rem;transition:background-color 0.3s}.whatsapp-share-button:hover{background-color:#1DA851}.d_btn{color:#fff;background-color:#1f8384;border:1px solid #ccc}.d_btn:hover{color:#fff;background-color:#046262}.btn_group{padding:0px;border-radius:8px;overflow:hidden;display:inline-flex;vertical-align:middle;display:flex;justify-content:center;align-items:center;margin-top:2rem;.btn{cursor:pointer;padding:8px 10px;text-align:center;font-size:1.4rem;cursor:pointer;border-radius:3px}}.btn_group > .btn:not(:first-child){margin-left:1.4rem}.btn_join{width:100%;margin:0 auto;margin-top:45px;button{width:100%;font-size:1.4rem;border:none;cursor:pointer;text-align:center;display:inline-block;padding:8px 3px;text-decoration:none;overflow:hidden;position:relative;z-index:0;margin-bottom:9px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);-o-transition:all 0.2s ease;transition:all 0.2s ease}button:hover{box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)}.reset_btn{color:#fff;background-color:#ec6170}.reset_btn:hover{color:#fff;background-color:#e23d4d}.reload_btn{color:#fff;background-color:#ec6170}.reload_btn:hover{color:#fff;background-color:#e23d4d}.down_btn{color:#fff;background-color:#0e86ff;i{font:1.6rem;color:#fff;margin-right:0.5rem}}.down_btn:hover{color:#fff;background-color:#eb16b2}.btn_left{float:left;width:50%;.copy_btn{color:#fff;background-color:#ffa255}.copy_btn:hover{color:#fff;background-color:#ff8d2c}.reset_btn{color:#fff;background-color:#ec6170}.reset_btn:hover{color:#fff;background-color:#e23d4d}.reload_btn{color:#fff;background-color:#ec6170}.reload_btn:hover{color:#fff;background-color:#e23d4d}.d_btn{color:#fff;background-color:#1f8384}.d_btn:hover{color:#fff;background-color:#046262}.p_btn{color:#fff;background-color:#ff8975}.p_btn:hover{color:#fff;background-color:#ff5436}.s_btn{color:#fff;background-color:#34495e}.s_btn:hover{color:#fff;background-color:#2c3f50}.t_btn{color:#fff;background-color:#a7c6e4}.t_btn:hover{color:#fff;background-color:#64aeee}.su_btn{color:#fff;background-color:#cd9225}.su_btn:hover{color:#fff;background-color:#098afc}.a_btn{color:#fff;background-color:#7b07c3}.a_btn:hover{color:#fff;background-color:#3582c5}.i_btn{color:#fff;background-color:#040b11}.i_btn:hover{color:#fff;background-color:#711f96}.w_btn{color:#fff;background-color:#e8153b}.w_btn:hover{color:#fff;background-color:#00070d}.dr_btn{color:#fff;background-color:#0e86ff}.dr_btn:hover{color:#fff;background-color:#eb16b2}.down_btn{color:#fff;background-color:#0e86ff;i{font:1.6rem;color:#fff;margin-right:0.5rem}}.down_btn:hover{color:#fff;background-color:#eb16b2}}}.btn_join{width:100%;margin:0 auto;margin-top:45px;button{width:100%;font-size:1.4rem;border:none;cursor:pointer;text-align:center;display:inline-block;padding:8px 3px;text-decoration:none;overflow:hidden;position:relative;z-index:0;margin-bottom:9px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);-o-transition:all 0.2s ease;transition:all 0.2s ease;height:30px}button:hover{box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)}.reset_btn{color:#fff;background-color:#ec6170}.reset_btn:hover{color:#fff;background-color:#e23d4d}.reload_btn{color:#fff;background-color:#ec6170}.reload_btn:hover{color:#fff;background-color:#e23d4d}.down_btn{color:#fff;background-color:#0e86ff;i{font:1.6rem;color:#fff;margin-right:0.5rem}}.down_btn:hover{color:#fff;background-color:#eb16b2}.btn_right{float:right;width:50%;.copy_btn{color:#fff;background-color:#ffa255}.copy_btn:hover{color:#fff;background-color:#ff8d2c}.reset_btn{color:#fff;background-color:#ec6170}.reset_btn:hover{color:#fff;background-color:#e23d4d}.reload_btn{color:#fff;background-color:#ec6170}.reload_btn:hover{color:#fff;background-color:#e23d4d}.d_btn{color:#fff;background-color:#1f8384}.d_btn:hover{color:#fff;background-color:#046262}.p_btn{color:#fff;background-color:#ff8975}.p_btn:hover{color:#fff;background-color:#ff5436}.s_btn{color:#fff;background-color:#34495e}.s_btn:hover{color:#fff;background-color:#2c3f50}.t_btn{color:#fff;background-color:#a7c6e4}.t_btn:hover{color:#fff;background-color:#64aeee}.su_btn{color:#fff;background-color:#cd9225}.su_btn:hover{color:#fff;background-color:#098afc}.a_btn{color:#fff;background-color:#7b07c3}.a_btn:hover{color:#fff;background-color:#3582c5}.i_btn{color:#fff;background-color:#040b11}.i_btn:hover{color:#fff;background-color:#711f96}.w_btn{color:#fff;background-color:#e8153b}.w_btn:hover{color:#fff;background-color:#00070d}.dr_btn{color:#fff;background-color:#0e86ff}.dr_btn:hover{color:#fff;background-color:#eb16b2}.down_btn{color:#fff;background-color:#0e86ff;i{font:1.6rem;color:#fff;margin-right:0.5rem}}.down_btn:hover{color:#fff;background-color:#eb16b2}}}.demo_code{margin:1.2rem auto;border-radius:0.5rem;color:#fff;background-color:#da394a;font-weight:600;padding:1.1rem 1.2rem;border:none}.form_container{width:calc(100% - 20px);margin:0 auto}.form_container .row{margin-bottom:0.8rem}.form_container label{display:inline-block;margin-bottom:0.6rem;margin-top:1.2rem;font-size:1.2rem;font-weight:600;user-select:none}.form_control{display:block;width:100%;padding:0.5rem 1rem;font-size:1.4rem;font-weight:400;line-height:1.5;color:var(--black);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--white);background-clip:padding-box;border:0.1rem solid var(--gray);border-radius:0.375rem;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}.form_container input::placeholder{color:darkgray}.form_container input:valid{border-color:#ccc;outline:none}.tools_form{}.tools_form button{}.tools_form input[type="url"]{}.url_btn{padding:0px 15px;border:none;background-color:purple;height:50px;font-size:20px;cursor:pointer;color:#fff;svg{display:inline-block;vertical-align:middle;width:40px;height:20px}}.fileField{}.fileBtn{cursor:pointer;background-color:#fff;border:1px solid #000;padding:0px 15px;height:50px;font-size:20px;svg{display:inline-block;vertical-align:middle;width:40px;height:20px}input{display:none}}.attachFile{button{background-color:#1e70b9;font-size:14px;color:#fff;border:none;outline:none;padding:8px;i{font-size:1.6rem;color:#fff;margin-right:5px}}}.btn_join{.attachFile button{background-color:#1e70b9;height:30px;font-size:14px;color:#fff;border:none;outline:none;i{font-size:1.6rem;color:#fff;margin-right:5px}}.urlBtn button{background-color:#999999;height:30px;font-size:14px;color:#fff;border:none;outline:none;i{font-size:1.6rem;color:#fff;margin-right:5px}}}.fileUpload{input{border:1px solid #000;font-weight:500;letter-spacing:0.5px;color:#0073ff;background-color:transparent;cursor:pointer;outline:none}input::-webkit-file-upload-button{padding:0.6rem 1.2rem;font-weight:500;letter-spacing:0.5px;color:#fff;background-color:transparent;cursor:pointer;outline:none;border:none;background-color:#046262}}.fileSave{display:flex;margin-bottom:20px;align-items:center;width:calc(100% / 3 - 8px);justify-content:center;label{font-size:1.2rem;font-weight:600}input{width:150px;height:30px;padding:0 13px;margin-top:6px;border-radius:5px;border:1px solid #bfbfbf;margin-right:15px}.select-menu{width:150px;height:30px;padding:0 13px;margin-top:6px;border-radius:5px;background-color:#fff;border:1px solid #bfbfbf;margin-right:15px}select{outline:none;border:none;font-size:14px;border-radius:5px;background-color:transparent;height:30px}button{color:#fff;cursor:pointer;padding:5px 20px;font-size:14px;background-color:#17a2b8;margin-top:20px}}.toolsUp{background-color:transparent;display:flex;justify-content:center;align-items:center;padding-top:10px}.tools_form input[type="file"]{}.uploadFile{}.tools_field{}.rangeBox{margin-left:24px;input{margin-left:24px}span{font-size:14px;font-weight:500;text-align:center}}.checkBox > input:checked + span::before{background-color:#774b50}.checkBox > input:checked + span::after{background-color:#b1686c;transform:translateX(16px)}.checkBox{z-index:0;position:relative;display:inline-block;font-size:16px;line-height:1.5;input{appearance:none;-moz-appearance:none;-webkit-appearance:none;z-index:-1;position:absolute;right:6px;top:-8px;display:block;margin:0;border-radius:50%;width:40px;height:40px;outline:none;opacity:0;transform:scale(1);pointer-events:none;transition:opacity 0.3s 0.1s,transform 0.2s 0.1s}input:checked{right:-10px;transform:translateX(16px)}span{display:inline-block;width:100%;cursor:pointer}span::before{content:"";float:right;display:inline-block;margin:5px 0 5px 10px;border-radius:7px;width:36px;height:14px;background-color:#858585;vertical-align:top;transition:background-color 0.2s,opacity 0.2s}span::after{content:"";position:absolute;top:2px;right:16px;border-radius:50%;width:20px;height:20px;background-color:#c2c2c2;box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);transition:background-color 0.2s,transform 0.2s}}.modal_Wrapper{position:fixed;left:0;top:0;background:rgba(0,0,0,0.6);height:100%;width:100%;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:all 0.3s ease-in-out}.active{opacity:1;pointer-events:auto}.modal_Wrapper.active .modal_container{transform:translateY(0px)}.modal_container{background:#fff;width:560px;max-width:90%;padding:20px;border-radius:4px;position:relative;transform:translateY(-100%);transition:all 0.3s ease-in-out}.modal_card_header{border-bottom:1px solid #dbdbdb;border-top-left-radius:6px;border-top-right-radius:6px;align-items:center;background-color:#f5f5f5;display:flex;flex-shrink:0;justify-content:flex-start;padding:20px;position:relative;.close{position:absolute;right:10px;top:10px;font-size:32px;background:none;border:none;outline:none;cursor:pointer}.close:hover{color:#6b46c1}}.fieldUrl{display:flex;margin:40px 20px;label{color:#363636;display:block;font-size:14px;font-weight:700;text-align:right;margin-right:10px;justify-content:center;align-items:center;display:flex}input{background-color:#fff;color:#363636;border-radius:4px;font-size:14px;height:3rem;padding:0.5rem 1rem;position:relative;vertical-align:top;width:90%;justify-content:center;align-items:center;display:flex;border:1px solid #000}}.modal_card_footer{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top:1px solid #dbdbdb;align-items:center;background-color:#f5f5f5;display:flex;flex-shrink:0;justify-content:flex-end;padding:20px;position:relative;.cancel_btn{background-color:#fff;padding:0.5rem 1rem;color:#000;border-radius:4px;font-size:1.6rem;border:1px solid #dbdbdb;text-align:center;white-space:nowrap;cursor:pointer;margin-right:0.5rem;outline:none}.submit_btn{background-color:#6b46c1;padding:0.5rem 1rem;color:#fff;border-radius:4px;font-size:1.6rem;text-align:center;white-space:nowrap;cursor:pointer;border:none;outline:none}}.faq_container{padding:0 10px;width:100%;padding-bottom:20px;counter-reset:qacount}.faq_container .details{overflow:hidden;border-bottom:1px solid #ccc;margin-top:5px;margin-bottom:5px}.faq_container .details .question{position:relative;padding:10px 0px;font-size:1.6rem;font-weight:500;color:#000;cursor:pointer}.faq_container .active .question h3{padding-top:5px;padding-bottom:5px;box-shadow:4px 0px 4px rgba(0,0,0,0.1);transition:box-shadow 0.3s}.faq_container .details .question h3{font-size:inherit;margin:0;padding-left:25px;position:relative}.faq_container .details .question h3::before{counter-increment:qacount;content:counter(qacount,upper-alpha) ". ";position:absolute;left:0;color:#007bff}.faq_container .details .question h3:hover{text-decoration:underline}.faq_container .details .question:before{content:"+";position:absolute;top:50%;right:0px;transform:translate(-50%,-50%) rotate(0deg);width:20px;height:20px;font-size:30px;line-height:20px;font-weight:400;color:#000;text-align:center;transition:all 300ms ease-in-out}.faq_container .details .answer{max-height:0px;overflow:hidden;font-size:15px;color:#222;transition:max-height 300ms linear}.faq_container .details .answer .numbered_list p,.faq_container .details .answer .content_list p{margin-left:10px}.faq_container .details .answer .numbered_list li,.faq_container .details .answer .content_list li{margin-left:20px}.faq_container .details.active .question:before{transform:translate(-50%,-50%) rotate(135deg);color:red}.faq_container .details.active .answer{max-height:500px}.col-calc{flex:1 0 0%}.row-calcs-xl-auto > *{flex:0 0 auto;width:auto !important}.row-calcs-xl-1 > *{flex:0 0 auto;width:100% !important}.row-calcs-xl-2 > *{flex:0 0 auto;width:50% !important}.row-calcs-xl-3 > *{flex:0 0 auto;width:33.33333333% !important}.row-calcs-xl-4 > *{flex:0 0 auto;width:25% !important}.row-calcs-xl-5 > *{flex:0 0 auto;width:20% !important}.row-calcs-xl-6 > *{flex:0 0 auto;width:16.66666667% !important}.col-calc-ten{flex:0 0 auto;width:10% !important}.col-calc-half{flex:0 0 auto;width:45% !important}.col-calc-auto{flex:0 0 auto;width:auto !important}.col-calc-1{flex:0 0 auto;width:8.33333333% !important}.col-calc-2{flex:0 0 auto;width:16.66666667% !important}.col-calc-3{flex:0 0 auto;width:25% !important}.col-calc-4{flex:0 0 auto;width:33.33333333% !important}.col-calc-5{flex:0 0 auto;width:41.66666667% !important}.col-calc-6{flex:0 0 auto;width:50% !important}.col-calc-7{flex:0 0 auto;width:58.33333333% !important}.col-calc-8{flex:0 0 auto;width:66.66666667% !important}.col-calc-9{flex:0 0 auto;width:75% !important}.col-calc-10{flex:0 0 auto;width:83.33333333% !important}.col-calc-11{flex:0 0 auto;width:91.66666667% !important}.col-calc-12{flex:0 0 auto;width:100% !important}.box_md{max-width:450px;margin:0 auto;padding:15px 10px;border:1px solid #5b6987;border-radius:5px;background-color:#f5f4fb;margin-top:4px}.box_xl{width:min(600px,100%);margin:0 auto;padding:20px;border:1px solid #5b6987;border-radius:7px;background-color:#f5f4fb;margin-top:20px}.box_xxl{max-width:700px;margin:0 auto;padding:15px 10px;border:1px solid #5b6987;border-radius:5px;background-color:#f5f4fb;margin-top:4px}.box_xxxl{max-width:1000px;margin:0 auto;padding:15px 10px;border:1px solid #5b6987;border-radius:5px;background-color:#f5f4fb;margin-top:4px}.unit-box{width:100%;border:1px solid #5b6987;border-radius:5px;background-color:#fff;padding:5px;margin-top:10px}.unit-select{height:auto;padding:5px;border-radius:0;border:none;background-color:#fff;color:#000;font-size:14px;box-sizing:border-box;width:100%;outline:0}.unit-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,0.5)}.unit-select option:hover{background-color:#f0f0f0}.unit-select option{padding:7px;border-bottom:1px solid #D2D4D8;cursor:pointer}.unit-select option:checked,.unit-select option:active{background:#E1F4FF}.custom-scroll::-webkit-scrollbar-track{padding:2px 0;border-radius:5px;background-color:#C4C0BF21}.custom-scroll::-webkit-scrollbar{width:7px;border-radius:5px}.custom-scroll::-webkit-scrollbar-thumb{background-color:#C4C0BF;border-radius:5px}.calc_copy{padding:5px 10px;margin-top:10px;font-size:14px;color:#fff;background-color:#007bff;border:none;border-radius:4px;cursor:pointer}.calc_copy:hover{background-color:#0056b3}span.calc-copied-message{text-align:center;padding:5px;font-size:1.4rem}.calc-copied-message{position:fixed;top:30px;right:30px;color:#fff;min-width:200px;background-color:#333;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,0.2);white-space:nowrap;z-index:10}.calc_note{border:1px solid red;margin-top:5px;margin-bottom:8px;border-radius:3px;border-bottom:3px solid red;display:none}.calc_note p{font-size:1.4rem;text-align:center;padding:5px;color:red;margin-bottom:0px}.calc_view{border:1px solid #27ae60;margin-top:5px;margin-bottom:8px;border-radius:3px;border-bottom:3px solid #27ae60}.calc_view p{font-size:1.4rem;text-align:center;padding:5px;color:#000;margin-bottom:0px}.calc_text{font-size:2rem;font-weight:600;color:#000;text-align:center;margin:0 auto 20px 0}.calc_text:first-letter{color:#F74805;border-bottom:2px solid #F74805}.calc_popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;padding:20px;border-radius:5px;box-shadow:0px 0px 10px rgba(0,0,0,0.3);max-width:400px;width:100%;z-index:1}.calc_popup .component-list{height:500px;overflow-y:auto;list-style-type:none;border:1px solid #000;padding:5px;border-radius:3px}.calc_popup .component-list li{margin:8px 0;padding:10px;background-color:#f1f1f1;border-radius:5px;cursor:pointer;font-size:1.4rem}.calc_popup .component-list li:hover{background-color:#ddd}.calc_popup .close_popup{padding:7px 12px;cursor:pointer;border:none;border-radius:5px;color:white;background-color:rgb(255,45,85);font-size:1.4rem}.button-group{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.button-group-1{display:grid;grid-template-columns:repeat(3,1fr);;gap:10px;margin:20px 0}.button-group-2{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin:20px 0}.button-group-3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin:20px 0}.button-group-4{display:grid;grid-template-columns:2fr 2fr 1fr;gap:10px;margin:20px 0}.formula-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.formula-buttons .b_formula{padding:10px;border:1px solid #ddd;border-radius:4px;background-color:#f8f9fa;cursor:pointer;transition:all 0.3s ease;font-size:16px}.formula-buttons .b_formula:hover{background-color:#e9ecef;transform:translateY(-2px)}.b_calc{color:#fff;background-color:#3498db}.b_calc:hover{color:#fff;background-color:#2980b9}.b_reset,.reload_btn,.b_clear{color:#fff;background-color:#dc3545}.b_reset:hover,.reload_btn:hover,.b_clear:hover{background-color:#c82333}.b_print{color:#fff;background-color:#2ecc71}.b_print:hover{background-color:#27ae60}.b_add,.b_copy{color:#fff;background-color:#28a745}.b_add:hover,.b_copy:hover{background-color:#218838}.b_remove{color:#fff;background-color:#6c757d}.b_remove:hover{background-color:#5a6268}.b_delete{color:#fff;background-color:#dc3545}.b_delete:hover{background-color:#c82333}.t_btn{background-color:#28a745;color:white}.t_btn:hover{background-color:#218838}.b_history{background-color:#dc3545;color:white}.b_history:hover{background-color:#c82333}.b_swap{color:#fff;background-color:#7f7f7f}.b_swap:hover{color:#7f7f7f;background-color:#e5e5e5}.copy_btn{color:#fff;background-color:#ffa255;border:1px solid #ccc}.copy_btn:hover{color:#fff;background-color:#ff8d2c}.reset_btn{color:#fff;background-color:#ec6170;border:1px solid #ccc}.reset_btn:hover{color:#fff;background-color:#e23d4d}.reload_btn{color:#fff;background-color:#ec6170;border:1px solid #ccc}.reload_btn:hover{color:#fff;background-color:#e23d4d}.d_btn{color:#fff;background-color:#1f8384;border:1px solid #ccc}.d_btn:hover{color:#fff;background-color:#046262}.p_btn{color:#fff;background-color:#ff8975;border:1px solid #ccc}.p_btn:hover{color:#fff;background-color:#ff5436}.s_btn{color:#fff;background-color:#34495e;border:1px solid #ccc}.s_btn:hover{color:#fff;background-color:#2c3f50}.t_btn{color:#fff;background-color:#a7c6e4;border:1px solid #ccc}.t_btn:hover{color:#fff;background-color:#64aeee}.su_btn{color:#fff;background-color:#cd9225;border:1px solid #ccc}.su_btn:hover{color:#fff;background-color:#098afc}.a_btn{color:#fff;background-color:#7b07c3;border:1px solid #ccc}.a_btn:hover{color:#fff;background-color:#3582c5}.i_btn{color:#fff;background-color:#040b11;border:1px solid #ccc}.i_btn:hover{color:#fff;background-color:#711f96}.w_btn{color:#fff;background-color:#e8153b;border:1px solid #ccc}.w_btn:hover{color:#fff;background-color:#00070d}.dr_btn{color:#fff;background-color:#0e86ff;border:1px solid #ccc}.dr_btn:hover{color:#fff;background-color:#eb16b2}.btn{padding:12px 10px;border:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:14px;transition:background-color 0.2s}.remove_btn{background-color:#dc3545;color:white;border:none;border-radius:4px;width:36px;height:36px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 0.2s}.calc_btn{display:flex;justify-content:space-evenly;margin-bottom:2rem !important}.calc_btn .btn{padding:6px 10px;line-height:1.5;font-weight:500}.calendar-key{margin:10px;font-size:14px}.key-item{display:inline-block;margin-right:20px;margin-bottom:.8rem}.key-color{display:inline-block;width:20px;height:20px;margin-right:5px;vertical-align:middle}.today-bg{background-color:#ffff00}.next-bg,.ago-bg{background-color:#90EE90}.from-bg{background-color:#FF69B4}.calendar-month{max-width:600px;margin-bottom:20px}.month-title{font-size:1.6rem;font-weight:600;margin-bottom:.8rem}.time-calendar{width:100%;border-collapse:collapse}.time-calendar th{background-color:#f0f0f0;padding:15px;text-align:center;font-size:1.4rem;border:1px solid #ddd}.time-calendar td{padding:15px;text-align:center;border:1px solid #ddd;font-size:1.4rem}.today-date{background-color:#ffff00 !important;font-weight:bold !important}.today{background-color:#ffff00;font-weight:bold !important}.in-range{background-color:#90EE90;font-weight:bold}.target-date{background-color:#FF69B4 !important;font-weight:bold !important}.past-date{background-color:#FF69B4 !important;font-weight:bold !important}.other-month{color:#ccc}.category-table{overflow-x:auto;margin-bottom:20px}.category-table h2{text-align:center;margin-top:10px}.category-table table{width:100%;border-collapse:collapse;margin-top:20px;font-size:1.4rem}.category-table th.sl{min-width:60px}.category-table th,.category-table td{padding:12px;text-align:center;border:1px solid #ddd}.category-table th{background-color:#8e44ad;color:white}.category-table tr:nth-child(even){background-color:#f8f9fa}.category-table tr:hover{background-color:#f5eef8;cursor:pointer}.table-container{overflow-x:auto;margin-top:30px}.preview-table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:1.4rem}.preview-table th,.preview-table td{border:1px solid #dee2e6;padding:12px;text-align:left}.preview-table th{background-color:#f8f9fa;font-weight:bold}.preview-table tr:nth-child(even){background-color:#f9f9f9}.preview-table tr:hover{background-color:#f5f5f5}.code-output{background-color:#f8f9fa;padding:20px;border-radius:8px;position:relative}.code-output pre{word-wrap:break-word;background-color:#f5f5f5;padding:15px;border-radius:4px;border:1px solid #ddd;font-family:monospace;white-space:pre-wrap;margin-bottom:20px;font-size:14px;line-height:1.4;max-height:400px;overflow-y:auto}.editable-cell{position:relative;min-width:120px;cursor:text;transition:all 0.2s ease;padding:12px}.editable-cell:hover{background-color:rgba(0,123,255,0.05);box-shadow:inset 0 0 0 1px #007bff}.editable-cell:focus-within{background-color:#fff;box-shadow:inset 0 0 0 2px #007bff}.editable-cell input{position:absolute;top:0;left:0;width:100%;height:100%;padding:12px;border:none;background:transparent;font-family:inherit;font-size:inherit;color:inherit;outline:none}.editable-cell input:focus{background-color:#fff}.editable-cell::after{content:'✎';position:absolute;top:5px;right:5px;font-size:12px;opacity:0;color:#007bff;transition:opacity 0.2s ease}.editable-cell:hover::after{opacity:0.7}.copybtn_box{position:absolute;top:65px;right:40px;padding:10px 15px;background-color:#9b59b6;border:none;border-radius:4px;cursor:pointer;font-size:14px;color:#fff;transition:all 0.3s ease;min-width:120px}.copybtn_box:hover{background-color:#8B50A3}.disclaimer{padding:15px;margin-top:20px;border-top:1px solid rgb(255,179,193)}.disclaimer p{font-size:1.2rem;text-align:center;color:rgb(102,102,102)}.text-animation{margin:20px 0;animation:heartbeat 1.5s infinite}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.tab-container{display:flex;gap:10px;margin-bottom:20px;background-color:#f8f9fa;padding:10px;border-radius:6px}.tab-container .tab-btn{flex:1;padding:12px;border-radius:6px;background-color:transparent;color:#3498db;font-weight:bold;font-size:1.4rem;cursor:pointer;transition:all 0.3s ease;border:1px solid #3498db}.tab-container .tab-btn.active{background-color:#3498db;color:white}.unit-toggle{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.unit-toggle .unit-btn{padding:10px 20px;border:1px solid #3498db;background:none;color:#3498db;cursor:pointer;border-radius:4px;font-weight:bold;cursor:pointer;transition:all 0.3s ease}.unit-toggle .unit-btn.active{background-color:#3498db;color:white}.unit-buttons{display:flex;gap:10px;margin-bottom:20px;background-color:#f8f9fa;padding:10px;border-radius:6px}.unit-buttons .unit-btn{flex:1;padding:12px;border-radius:6px;background-color:transparent;color:#3498db;font-weight:bold;font-size:1.4rem;cursor:pointer;transition:all 0.3s ease;border:1px solid #3498db}.unit-buttons .unit-btn.active{background-color:#3498db;color:white}.tab-buttons-option{display:flex;border-bottom:1px solid #ddd;margin-bottom:10px;gap:5px}.tab-btn-option{padding:8px 16px;background-color:#f1f1f1;border:none;cursor:pointer;border-radius:5px 5px 0 0}.tab-buttons-option .tab-btn-option.active{background-color:#4285f4;color:#fff}.tab-content{display:none}.tab-content.active{display:block}.btn_center{max-width:400px;margin:0 auto}.input_section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.section_group{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.course-entry{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;padding:15px;margin-bottom:15px;background-color:#fff;border:1px solid #ccc;border-radius:4px}.calc_header{background-color:#f8f9fa;font-weight:600;color:#495057;border-bottom:1px solid #dee2e6;margin-bottom:10px}.input_box{background-color:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef;margin-bottom:20px}.input_grid{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.input_grid_1{display:grid;grid-template-columns:1fr auto;gap:10px}.input_grid_2{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.input_grid_3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.input_grid_4{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:center}.input_grid_5{display:grid;grid-template-columns:0.5fr 1fr 1fr 1fr 0.5fr;gap:10px;align-items:center}.input_grid_6{display:grid;grid-template-columns:1fr 3fr 1fr;gap:10px}.shape-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-top:20px}.shape-grid .shape-option{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;transition:all 0.2s}.shape-grid .shape-option:hover{background-color:#f8f9fa;border-color:#adb5bd}.shape-grid .shape-option.active{border-color:#007bff;background-color:#e7f1ff}.shape-grid .shape-option .shape-icon{font-size:32px;color:#495057}.shape-grid .shape-option.active .shape-icon{color:#007bff}.shape-grid .shape-option span{font-size:1.4rem}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:15px}.option{display:flex;align-items:center;gap:10px}.option input[type="checkbox"]{width:18px;height:18px;cursor:pointer}.options label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:16px;color:#495057;padding:10px;border:1px solid #dee2e6;border-radius:4px;transition:background-color 0.2s}.operation-toggle{display:flex;gap:20px;justify-content:center;padding:10px;background-color:#f8f9fa;border-radius:4px;border:1px solid #ccc}.operation-toggle label{display:flex;align-items:center;gap:8px;font-size:1.6rem;cursor:pointer;color:#495057}.chart_box{margin:30px 0;padding:20px;background-color:white;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.1);canvas{margin:0 auto;height:400px !important;max-width:90%;width:700px !important;display:none}}.formula-display{background-color:white;padding:20px;border-radius:8px;margin-bottom:20px;text-align:center;border:1px solid #e9ecef}.formula-display .formula-image{width:200px;height:100px;margin:0 auto;display:block}.shape-display{display:flex;align-items:center;justify-content:center}.shape-display .visualization-svg{width:100%;height:300px;display:flex;align-items:center;justify-content:center;border:2px solid #e0e0e0;border-radius:8px;margin-bottom:10px}.shape-display .visualization-svg .icon-svg{width:100%;height:100%}.equation-format{text-align:center;font-size:24px;color:#495057;margin:20px 0;font-family:'Times New Roman',serif}.swap_text{display:flex;justify-content:center;align-items:center;align-self:center;font-size:20px}.swap-btn{background-color:#6c757d;color:white;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;align-self:center;transition:background-color 0.2s}.operation-selector{display:flex;flex-direction:column;gap:10px}.operation-btn{width:40px;height:40px;font-size:1.6rem;border:2px solid #1a73e8;border-radius:50%;background-color:white;color:#1a73e8;cursor:pointer;transition:all 0.3s}.operation-btn.active{background-color:#1a73e8;color:white}.password-result{flex:1;padding:12px;border:1px solid #dee2e6;border-radius:4px;font-family:monospace;font-size:16px;background-color:#f8f9fa;cursor:text}.password-btn{padding:0 20px;background-color:#28a745;color:white;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color 0.2s}.strength-meter{height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden;margin:15px 0}.strength-meter #strength-bar{height:100%;width:0;transition:all 0.3s ease}#strength-bar.very-weak{width:20%;background-color:#dc3545}#strength-bar.weak{width:40%;background-color:#ffc107}#strength-bar.medium{width:60%;background-color:#fd7e14}#strength-bar.strong{width:80%;background-color:#20c997}#strength-bar.very-strong{width:100%;background-color:#28a745}.conversion-arrow{text-align:center;margin:20px 0;color:#6c757d}.conversion-arrow svg{width:32px;height:32px}.data-count{background-color:white;padding:15px;border-radius:8px;margin-bottom:20px;text-align:center;font-size:1.6rem;color:#495057}.checkbox-group{display:flex;gap:20px;justify-content:center;margin:15px 0}.checkbox-group label{display:flex;align-items:center;gap:8px;font-size:1.4rem;padding:10px 15px;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;transition:background-color 0.2s}.checkbox-group input[type="checkbox"]{width:18px;height:18px;cursor:pointer}.calc_nav{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;max-width:450px;margin:0 auto;margin-top:10px;margin-bottom:10px;border:1px solid #ccc;padding:2px;border-radius:3px;gap:8px;text-align:center;text-transform:capitalize}.calc_nav .nav_active{flex:1;background-color:#007bff;padding:8px;border-radius:5px;cursor:pointer;a{font-size:1.4rem;color:#fff}}.calc_nav .nav_deactive,.calc_nav .nav_deactive_a{flex:1;background-color:#e9ecef;padding:8px;border-radius:5px;cursor:pointer;a{font-size:1.4rem;color:#3b3b3b}}.fraction-inputs{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.fraction-inputs .fraction,.mixed-number .fraction{display:flex;flex-direction:column;align-items:center;gap:5px}.fraction-inputs .fraction input{max-width:100px;padding:8px;text-align:center;border:1px solid #dee2e6;border-radius:4px}.fraction-inputs .fraction .fraction-line,.mixed-number .fraction .fraction-line,.fraction-result .fraction-line{width:100%;height:2px;background-color:#212529}.fraction-inputs .operation{padding:8px 15px;font-size:20px;border:1px solid #dee2e6;border-radius:4px;background-color:white}.fraction-inputs .operation .options{display:flex;justify-content:center;gap:20px;margin:20px 0}.fraction-inputs .operation .options label{display:flex;align-items:center;gap:8px;cursor:pointer}.mixed-number{display:flex;gap:10px;justify-content:center;align-items:center;margin:20px 0}.mixed-number input[type="number"]{width:80px;padding:8px;text-align:center;border:1px solid #dee2e6;border-radius:4px}.fraction-result{display:inline-flex;flex-direction:column;align-items:center;gap:5px;margin-top:10px}.fraction-result span{font-size:24px;color:#007bff;font-weight:bold;min-width:40px;text-align:center}.dimension-controls{display:flex;gap:15px;margin-bottom:15px}.dimension-controls .input-group{flex:1}.dimension-controls .input-group label{display:inline-block;margin-bottom:8px;color:#495057;font-weight:600;font-size:1.6rem}.dimension-controls .input-group input{width:100%;padding:8px;border:2px solid #e6dafa;border-radius:4px;font-size:16px;outline:none}.matrix-grid{display:grid;gap:8px;margin-top:15px}.matrix-grid input{width:100%;padding:8px;border:1px solid #e6dafa;border-radius:4px;text-align:center;font-size:16px;outline:none}.matrix-grid input[type=number]::-webkit-outer-spin-button,.matrix-grid input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.matrix-grid input[type=number]{-moz-appearance:textfield}.matrix-result{display:grid;gap:8px;padding:15px;background-color:#f8f9fa;border-radius:4px;font-family:monospace;font-size:16px}.matrix-result .matrix-cell{text-align:center;padding:8px;background-color:white;border:1px solid #dee2e6;border-radius:4px}.input-bit,.output-bit,.data-bit,.output-display{display:flex;align-items:center;gap:10px;margin-bottom:10px}.input-bit label,.data-bit label,.output-bit label,.output-display label{display:inline-block;font-size:1.4rem;font-weight:bold;color:#34495e}.bit-btn.active,.data-btn.active{background-color:#3498db;color:white}.bit-btn,.data-btn{width:40px;height:40px;border:2px solid #3498db;border-radius:5px;background-color:white;cursor:pointer;font-size:1.2em;transition:all 0.3s}.led{width:60px;height:60px;border-radius:5px;background-color:#ddd;display:flex;align-items:center;justify-content:center;font-size:1.6rem;transition:all 0.3s}.preview_html{border:2px solid #e6dafa;border-radius:4px;background-color:#f8f9fa;padding:15px}.led.active{background-color:#e74c3c;color:white;box-shadow:0 0 10px rgba(231,76,60,0.5)}.input-section,.output-section{background-color:#f8f9fa;border-radius:10px}.category-table tr.current{background-color:#fff3cd}.select-group{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.form_group{width:100%;margin-bottom:1.8rem}.form_group .time-input{display:flex;align-items:center;gap:10px;span{font-size:1.4rem}}.form_group .input-with-info{position:relative}.form_group .input-with-info .info-tooltip{margin-left:5px;color:#3498db;cursor:help;font-size:14px;align-items:center;display:flex}.form_group .time-input input{width:80px;padding:8px;border:2px solid #e6dafa;border-radius:6px;outline:none;font-size:1.8rem}.form_group .time-input select{padding:6px 12px;color:#8547eb;font-size:1.6rem;outline:none;border-radius:6px;border:2px solid #e6dafa;cursor:pointer}.form_group .checkbox_group{display:flex;align-items:center;gap:8px;font-size:16px;cursor:pointer}.form_group .checkbox_group label{display:flex;align-items:center;cursor:pointer;position:relative;padding-left:28px}.form_group .checkbox_group label::before{content:"";position:absolute;left:0;width:20px;height:20px;border:2px solid #007bff;border-radius:4px;transition:0.3s}.form_group .checkbox_group input{display:none}.form_group .checkbox_group input:checked + label::before{background-color:#007bff;border-color:#007bff;content:"✔";color:#fff;display:flex;justify-content:center;align-items:center;font-size:14px}.form_group label{display:inline-block;margin-bottom:0.5rem;font-size:1.4rem;font-weight:bold;color:#34495e}.form_group input::placeholder{color:darkgray;font-size:1.6rem}.form_group .input_group{display:flex;width:100%;border-radius:8px;border:2px solid #e6dafa;background:#fff;height:40px}.form_group .textarea_group{display:flex;width:100%;border-radius:8px;border:2px solid #e6dafa;background:#fff}.form_group .calc_form{display:block;width:100%;font-size:1.8rem;font-weight:400;line-height:1.5;color:#000;margin-right:1px;padding:8px 12px;background-color:#fff;background-clip:padding-box;border:none;outline:none;border-radius:6px;letter-spacing:1px;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}.form_group .calc_mini{display:block;line-height:1.5;color:#000;padding:8px 10px;background-clip:padding-box;outline:none;border-radius:6px;letter-spacing:1px;border:2px solid #e6dafa;;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}.form_group .radio_group{margin-top:15px;display:flex;align-items:center}.form_group .radio_group input[type="radio"]{width:15px;height:15px;margin-right:12px;transform:scale(1.5);cursor:pointer}.form_group .radio_group:first-of-type{margin-right:10px}.form_group .radio_group label{margin-bottom:0px;cursor:pointer}.form_group .radio_group input[type="radio"]:checked + label{font-weight:bold;color:#000}.form_group .mini_box{width:100%;color:#8547eb;font-size:1.6rem;cursor:pointer;border:none;outline:none;text-align:center;background-color:transparent}.form_group .mini_box option{cursor:pointer}.form_group .select_box{border:none;padding:6px 12px;width:100%;color:#8547eb;background-color:#fff;font-size:1.6rem;outline:none;border:2px solid #e6dafa;border-radius:8px;cursor:pointer}.form_group .calc_mini_dropdown{position:relative;display:flex;justify-content:space-evenly;align-items:center;border-left:2px solid #e6dafa;height:36px}.form_group .calc_mini_com{display:none;position:absolute;background:#fff;box-shadow:rgba(66,54,93,0.16) 0px 4px 16px;z-index:1;border-radius:8px;padding:8px;border:1px solid #ddd;overflow:hidden}.form_group .calc_dropdown_active .calc_mini_com{display:block}.form_group .calc_mini_list .mini_item:hover{background-color:#f1f1f1}.form_group .calc_mini_list::-webkit-scrollbar{width:8px;background-color:#ccc}.form_group .calc_mini_list::-webkit-scrollbar-thumb{background-color:#000;border-radius:4px}.form_group .calc_mini_list::-webkit-scrollbar-thumb:hover{background-color:#999}.form_group .velocity_mini.dark .calc_mini_list .mini_item{background-color:#333;color:#f9f9f9}.form_group .velocity_mini.dark .calc_mini_list .mini_item[aria-selected="true"]{background-color:#555}.form_group .calc_mini_list{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto}.form_group .mini_item{padding:6px;cursor:pointer;border-radius:3px;font-family:Arial,sans-serif;font-size:1.4rem;border-bottom:1px solid #eee;transition:background-color 0.3s ease,color 0.3s ease}.form_group .mini_item:hover{background:#f0f0f0}.form_group .mini_item[aria-selected="true"]{background:#e6dafa;color:#8547eb;font-weight:bold}.form_group .calc_dropdown_root{display:flex;align-items:center;padding:5px;cursor:pointer;font-size:1.4rem;height:32px;i{color:#8547eb;font-weight:bold;font-size:1.4rem;transition:transform 0.3s}}.form_group .calc_dropdown_active i{transform:rotate(180deg)}.form_group .calc_mini_dropdown.calc_dropdown_active{border:2px solid #8547eb;border-radius:6px}.form_group .unit_combobox{color:#8547eb;font-size:1.6rem}.form_group .calc_form:focus,.form_group .select_box:focus{border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,0.5)}.form_group .select_box_text{font-size:1.4rem;text-align:center;border:none;padding:6px 12px;width:100%;display:flex;align-items:center;justify-content:center;color:#8547eb}.form_group .help-text{display:block;margin-top:5px;font-size:1.2rem;color:#6c757d}.resizable-textarea{margin-bottom:1.8rem}.resizable-textarea .textarea{width:100%;box-sizing:border-box;border:0.1rem solid #ccc;outline:none;padding:1rem;font-size:1.6rem;border-radius:5px;line-height:1.5}.resizable-textarea .grippie{background:#eee url(/assets/icon/grippie.png) no-repeat scroll center 2px;border:1px solid #ddd;border-width:0 1px 1px;cursor:s-resize;height:9px;overflow:hidden}.form_group .textarea::-webkit-scrollbar{width:0px}.form_group .textarea::placeholder{color:#b3b3b3;font-size:1.4rem}.input-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px}.input-row .input-field{width:70px}.input-row .input-field input{width:100%;padding:12px;border:1px solid #dee2e6;border-radius:4px;font-size:16px;text-align:center}.input-row .input-field input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,0.25)}.input-row .dot,.input-row .slash{font-size:20px;font-weight:bold;color:#495057}.input-row .input-field .subnet-octet{background-color:#e9ecef;cursor:not-allowed}.number_group{margin-bottom:15px;display:grid;grid-template-columns:1fr 2fr;gap:10px;align-items:center}.number_group label{display:inline-block;margin-bottom:0.5rem;font-size:1.6rem;font-weight:bold;color:#34495e}.number_group button{width:36px;height:36px;border:none;border-radius:4px;background-color:#e9ecef;color:#495057;font-size:18px;cursor:pointer;transition:background-color 0.2s}.number_group input{text-align:center;width:80px;padding:8px 12px;border-radius:4px;border:1px solid #dee2e6;font-size:16px}.multi_form label{display:inline-block;margin-bottom:0.5rem;font-size:1.6rem;font-weight:bold;color:#34495e}.multi_form input[type="number"]{display:block;font-size:1.8rem;font-weight:400;line-height:1.5;color:#000;padding:8px 12px;outline:none;border-radius:6px;letter-spacing:1px;border:2px solid #e6dafa;height:40px}.volt_mini,.va_mini,.amps_mini,.ohms_mini,.apporent_mini{top:35px;right:0;min-width:200px}.coulombs_mini{top:35px;right:0;min-width:200px;padding:8px}.electric_mini{top:35px;right:0;min-width:200px;padding:8px}.volts_mini{top:35px;right:0;min-width:170px;padding:8px}.watts_mini{top:35px;right:0;min-width:170px;padding:8px}.watthours_mini{top:35px;right:0;min-width:200px;padding:8px}.time_mini{top:35px;right:0;min-width:180px;padding:8px}.joules_mini{top:35px;right:0;min-width:210px;padding:8px}.batterycapacity_mini{top:35px;right:0;min-width:200px}.electronvolts_mini{top:35px;right:0;min-width:200px}.va_mini_o,.watts_mini_o{top:35px;right:0;min-width:200px}.volts_mini_o{top:35px;right:0;min-width:170px}.electronvolts_mini_o{top:35px;right:0;min-width:200px}.batterycapacity_mini_o{top:35px;right:0;min-width:200px}.joules_mini_o{top:35px;right:0;min-width:230px}.watthours_mini_o{top:35px;right:0;min-width:230px}.amps_mini_o{top:35px;right:0;min-width:200px}.output_section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:10px}.result_section{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.breakdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px;ul{list-style-position:inside;margin-left:20px;li{margin-bottom:10px;color:#495057;font-size:1.6rem;list-style-type:disc;line-height:1.5}}}.breakdown-grid .breakdown-item{padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.triangle-display{display:flex;flex-direction:column;align-items:center;font-family:'Times New Roman',serif;font-size:1.2em;line-height:1.8;padding:20px;overflow-x:auto;max-width:100%;background-color:#ffff;margin-bottom:10px;border-radius:4px;border:1px solid #dee2e6}.triangle-display .triangle-row{display:flex;justify-content:center;gap:15px;white-space:nowrap}.triangle-display .triangle-row .triangle-cell{cursor:pointer;padding:5px 10px;font-size:1.6rem;border-radius:4px;transition:background-color 0.3s}.steps-container{max-height:300px;overflow-y:auto;padding:10px}.steps-container .step{margin:8px 0;padding:8px;background-color:#f8f9fa;border-radius:4px;font-size:14px}.steps-container .step-title{font-size:1.4rem;margin-bottom:0.8rem;font-weight:600}.steps-container .step-content{font-size:1.4rem;border:1px solid #ccc;padding:12px;border-radius:4px}.factors-container,.prime-container{padding:10px;background-color:#f8f9fa;border-radius:4px;min-height:50px;word-wrap:break-word;font-family:monospace;font-size:16px;line-height:1.5}.factors-container .factor-group{display:inline-block;margin:4px;padding:4px 8px;background-color:#e9ecef;border-radius:4px}.prime-container .prime-factor{color:#28a745;font-weight:bold}.risk-levels{display:grid;gap:10px}.risk-indicator{font-size:18px;font-weight:600;padding:10px;border-radius:4px;margin-top:10px;text-align:center}.risk-levels .risk-item{padding:12px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;color:white;font-size:1.6rem}.risk-levels .risk-item.caution{background-color:#ffc107}.risk-levels .risk-item.extreme-caution{background-color:#fd7e14}.risk-levels .risk-item.danger{background-color:#dc3545}.risk-levels .risk-item.extreme-danger{background-color:#6f42c1}.risk-level,.comfort-level{padding:15px;margin:10px 0;border-radius:4px;text-align:center;font-weight:bold;color:white;font-size:1.6rem}.risk-low{background-color:#2ecc71}.risk-moderate{background-color:#f1c40f}.risk-high{background-color:#e67e22}.risk-severe{background-color:#e74c3c}.risk-extreme{background-color:#8e44ad}.comfort-dry{background-color:#e67e22}.comfort-optimal{background-color:#2ecc71}.comfort-humid{background-color:#f1c40f}.comfort-sticky{background-color:#e74c3c}.comfort-oppressive{background-color:#8e44ad}.status-message{padding:10px;border-radius:4px;margin:10px 0;font-size:1.4rem;display:none}.status-message.error{background-color:#ffebee;color:#c62828}.status-message.success{background-color:#e8f5e9;color:#2e7d32}.notification{position:fixed;top:20px;right:20px;font-size:14px;padding:15px 25px;border-radius:4px;color:white;opacity:0;transition:opacity 0.3s ease}.notification.show{opacity:1}.notification.success{background-color:#28a745}.notification.error{background-color:#dc3545}.warning{color:#e74c3c;text-align:center;margin-top:15px;font-size:1.4rem;padding:10px;background-color:#fde8e8;border-radius:4px}.results_images{display:flex;justify-content:center;margin:20px 0;padding:20px;border-radius:8px;border:1px solid #e9ecef}.results_summary{text-align:center;margin-bottom:20px;padding:15px;border-radius:6px;border:1px solid #dee2e6}.category_0{background-color:#d5f5e3}.category_1{background-color:#fdebd0}.category_2{background-color:#f9e79f}.category_3{background-color:#f5b041}.category_4{background-color:#ec7063}.savings-bar{width:100%;height:20px;background-color:#ecf0f1;border-radius:10px;margin:10px 0;overflow:hidden;border:1px solid #ccc}.normal{background:linear-gradient(to right,#27ae60,#2ecc71)}.elevated{background:linear-gradient(to right,#f39c12,#f1c40f)}.high{background:linear-gradient(to right,#c0392b,#e74c3c)}.safe{color:#27ae60;background-color:#d5f5e3}.unsafe{color:#c0392b;background-color:#fadbd8}.resonant{background-color:#a8e6cf;color:#1b4332;padding:8px;border-radius:4px;text-align:center;margin:10px 0}.non-resonant{background-color:#ffd3b6;color:#7c3c21;padding:8px;border-radius:4px;text-align:center;margin:10px 0}.coefficients{text-align:center;margin-bottom:20px;padding:15px;background-color:#e8f4fd;border-radius:6px}.coefficient-list{max-height:200px;overflow-y:auto;padding:10px;background-color:white;border-radius:4px;margin-top:10px}.operating-mode{font-weight:bold;padding:8px;border-radius:4px;text-align:center;margin:10px 0}.saturation{background-color:#a8e6cf;color:#1b4332}.cuton{background-color:#dcedc1;color:#3e5622}.cutoff{background-color:#ffd3b6;color:#7c3c21}.output-state{font-weight:bold;padding:8px;border-radius:4px;text-align:center;margin:10px 0}.output-state.low{background-color:#ffd3b6;color:#7c3c21}.output-state.high{background-color:#a8e6cf;color:#1b4332}.info-note{background-color:#d4e6f1;color:#2874a6;padding:10px;border-radius:4px;margin-top:10px;margin-bottom:10px;font-style:italic;font-size:1.4rem}.bar-fill{height:100%;transition:width 0.5s ease-out}.savings-fill{height:100%;background-color:#8e44ad;transition:width 0.5s ease-out}.gauge-fill{height:100%;background:linear-gradient(to right,#e74c3c,#f1c40f,#2ecc71);transition:width 0.5s ease-out}.savings-gauge{width:200px;height:100px;margin:20px auto;background:linear-gradient(90deg,#e74c3c 0%,#f1c40f 50%,#27ae60 100%);border-radius:100px 100px 0 0;position:relative;overflow:hidden}.gauge-needle{width:4px;height:100px;background-color:#2c3e50;position:absolute;bottom:0;left:50%;transform-origin:bottom center;transition:transform 0.5s ease-out}.angle-indicator{width:200px;height:200px;margin:20px auto;position:relative;border:2px solid #ddd;border-radius:50%}.angle-line{position:absolute;top:50%;left:50%;width:50%;height:2px;background-color:#3498db;transform-origin:left center;transition:transform 0.5s ease-out}.category-card{border:1px solid #ddd;border-radius:8px;margin:15px 0;padding:20px;background-color:#f9f9f9}.category-title{color:#2c3e50;margin-bottom:10px}.energy-level{color:#e74c3c;font-weight:bold}.requirements{margin-top:10px;padding-left:20px}.requirements li{margin:5px 0;list-style:decimal;font-size:1.4rem;line-height:1.5}.results_category{padding:10px;margin-top:10px;border-radius:4px;text-align:center;font-weight:bold;font-size:1.6rem}.results_box{margin-top:20px;padding:10px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px}.results_box .calc_result{cursor:pointer;padding:5px;border-radius:4px;border-bottom:1px solid #eee}.results_box .calc_result:hover{background-color:#f8f9fa}.results_box .calc_result span{color:#007bff;font-family:monospace;font-size:16px}.result_box{background-color:white;padding:15px;border-radius:4px;border:1px solid #dee2e6;margin-bottom:10px}.hightlight_box{padding:15px;background-color:#f8f9fa;border-radius:4px;word-wrap:break-word;font-family:monospace;cursor:pointer;transition:background-color 0.2s}.hightlight_box:hover{background-color:#e9ecef}.hightlight_result{font-size:2rem;font-weight:bold;color:#007bff;text-align:center;margin:15px 0;padding:15px;border:2px solid #007bff;border-radius:4px}.soultion_section{background-color:white;padding:15px;border-radius:4px;margin-top:20px;border:1px solid #dee2e6;margin-bottom:20px}.formula_section,.interpretation_section{background-color:white;padding:15px;border-radius:4px;margin-top:20px;margin-bottom:10px;border:1px solid #dee2e6}.formula_section .formula,.interpretation_section .interpretation{color:#6c757d;font-size:14px;margin-top:10px;font-family:'Consolas',monospace}.history_section{margin-top:30px}.history_section .history-list{max-height:300px;overflow-y:auto;margin:15px 0}.history_section .history-list .history-item{background-color:#f8f9fa;padding:15px;margin-bottom:10px;border-radius:4px;border:1px solid #dee2e6;cursor:pointer;transition:background-color 0.2s}.history_section .history-list .history-item:hover{background-color:#e9ecef}.history_section .history-list::-webkit-scrollbar{width:8px}.history_section .history-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.history_section .history-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.history_section .history-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.history_section .history-item .history-header,.history_section .history-item .calculation{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #dee2e6;font-size:1.4rem;line-height:1.5}.history_section .history-item .calculation .steps{margin:8px 0;color:#666;font-family:monospace}.history_section .history-item .calculation .result{font-weight:bold;color:#007bff}.history_section .timestamp{color:#6c757d;font-style:italic}.history_section .input-info{margin:8px 0;padding:8px;background-color:#e9ecef;border-radius:4px}.history_section .history-results{margin-top:12px;font-size:1.4rem}.history_section .results-header{font-weight:600;margin-bottom:8px;color:#2c3e50}.history_section .measurement{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dashed #dee2e6}.history_section .measurement:last-child{border-bottom:none}.history_section .measurement .label{color:#495057;font-weight:500}.history_section .measurement .value{font-weight:600;color:#007bff;font-family:monospace}.history_section .delete-btn{position:absolute;top:10px;right:10px;background:none;border:none;color:#dc3545;font-size:20px;cursor:pointer;padding:5px 10px;border-radius:4px;opacity:0;transition:opacity 0.2s,background-color 0.2s}.history_section:hover .delete-btn{opacity:1;background-color:#dc354520}.info_box{border-left:4px solid #007bff !important;background-color:#e8f4ff !important;margin-bottom:10px}.show_grid{display:grid;gap:20px}.show_grid .show_item{padding:15px;background-color:#f8f9fa;border-radius:4px;text-align:center}.show_grid .show_item .show_label{font-size:1.4rem;color:#6c757d;margin-bottom:8px}.show_grid .show_item .show_value{font-size:2.4rem;font-weight:600;color:#007bff}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(100px);background-color:#333;color:white;padding:12px 24px;border-radius:4px;opacity:0;transition:all 0.3s ease;z-index:1000}.toast.show{transform:translateX(-50%) translateY(0);opacity:1;font-size:1.4rem}.electric_calc{margin-bottom:15px;.calc_r_btn{font-size:1.4rem;cursor:pointer;i{font-size:1.8rem;color:red;border:1px solid red;border-radius:5px;margin-bottom:2px;padding:2px 4px}}.calc_a_btn{font-size:1.4rem;cursor:pointer;margin-bottom:20px;font-weight:600;i{color:green;font-size:1.8rem}}}.financial_calc{margin-bottom:15px;.error{margin-top:5px;margin-bottom:8px;border:1px solid red;border-bottom:3px solid red;padding:5px;font-size:1.4rem;text-align:center;line-height:1.5;color:red}.input_box{background-color:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef;margin-bottom:20px}.output_box{padding:5px}.summary_box{background-color:#e8f5e9;padding:25px;border-radius:8px;margin-bottom:30px}.result_box{padding:1.5rem;border-radius:4px;margin-top:1rem;background-color:#e8f4f8;box-shadow:0 1px 3px rgba(0,0,0,0.1);border:1px solid #ccc;.result-grid{padding-bottom:20px;.hightlight{background-color:#3498db;padding:10px !important;margin-bottom:5px;span:first-child{color:#fff !important}span:last-child{color:#fff !important}}.result-item{display:flex;justify-content:space-between;padding:0.8rem 0;border-bottom:1px solid #ccc;span:first-child{color:#2c3e50;font-weight:600;font-size:1.6rem}span:last-child{color:#27ae60;font-weight:600;font-size:1.6rem}}}h2{color:var(--primary-color);margin-bottom:20px;border-bottom:2px solid #4299e1}}.result_box_a{padding:1.5rem;border-radius:4px;margin-top:1rem;background-color:#e8f4f8;box-shadow:0 1px 3px rgba(0,0,0,0.1);border:1px solid #ccc;.result-grid{padding-bottom:20px;.hightlight{background-color:#3498db;padding:10px !important;span:first-child{color:#fff !important}span:last-child{color:#fff !important}}.result-item{display:flex;justify-content:space-between;padding:0.8rem 0;border-bottom:1px solid #ccc;span:first-child{color:#2c3e50;font-weight:600;font-size:1.6rem}span:last-child{color:#27ae60;font-weight:600;font-size:1.6rem}}}h2{color:var(--primary-color);margin-bottom:20px;border-bottom:2px solid #4299e1}}.result_box_b{padding:1.5rem;border-radius:4px;margin-top:1rem;background-color:#ebf8ff;box-shadow:0 1px 3px rgba(0,0,0,0.1);border:1px solid #ccc;.result-grid{padding-bottom:20px;.hightlight{background-color:#3498db;padding:10px !important;span:first-child{color:#fff !important}span:last-child{color:#fff !important}}.result-item{display:flex;justify-content:space-between;padding:0.8rem 0;border-bottom:1px solid #ccc;span:first-child{color:#2c3e50;font-weight:600;font-size:1.6rem}span:last-child{color:#27ae60;font-weight:600;font-size:1.6rem}}}h2{color:var(--primary-color);margin-bottom:20px;border-bottom:2px solid #4299e1}}.result_box_gap{padding:1.5rem;border-radius:4px;margin-top:1rem;background-color:#ebf8ff;box-shadow:0 1px 3px rgba(0,0,0,0.1);border:1px solid #ccc;.result-grid{display:grid;gap:15px;padding-bottom:20px;.hightlight{background-color:#3498db !important;span:first-child{color:#fff !important}span:last-child{color:#fff !important}}.result-item{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #ccc;border-radius:6px;background-color:#fff;span:first-child{color:#2c3e50;font-weight:600;font-size:1.6rem}span:last-child{color:#27ae60;font-weight:600;font-size:1.6rem}}}h2{color:var(--primary-color);margin-bottom:20px;border-bottom:2px solid #4299e1}}.result_text{padding:1.5rem;border-radius:4px;margin-top:1rem;background-color:#ebf8ff;box-shadow:0 1px 3px rgba(0,0,0,0.1);border:1px solid #ccc;text-align:center;p span{font-weight:600;color:#2c3e50}h2{color:#2c3e50;margin-bottom:20px;text-align:left}.result-hightlight{font-size:20px;font-weight:600;color:#2c3e50;margin:15px 0}}.guideline_box{padding:1.5rem;border-radius:4px;margin-top:1rem;background-color:#e8f4f8;box-shadow:0 1px 3px rgba(0,0,0,0.1);border:1px solid #ccc;.guideline-grid{padding-bottom:20px;.guideline-item{margin-bottom:15px;span:first-child{color:#2c3e50;font-weight:500;font-size:1.6rem;padding-right:5px}span:nth-child(2){color:#27ae60;font-weight:600;font-size:1.6rem}span:last-child{color:#27ae60;font-weight:600;font-size:1.6rem}.ratio-bar{height:10px;background-color:#ccc;border-radius:5px;margin-top:8px;overflow:hidden;.ratio-fill{height:100%;background-color:#4299e1;width:0;transition:width 0.3s ease}}}}h2{color:var(--primary-color);margin-bottom:20px;border-bottom:2px solid #4299e1}}.schedule_box{background-color:#f8f9fa;padding:10px;border-radius:4px;margin-top:1rem;margin-bottom:10px;border:1px solid #ccc;box-shadow:0 1px 3px rgba(0,0,0,0.1);.calc_schedule_bar{background-color:#105A87;border-bottom:3px solid #5b6987;padding:5px;border-radius:3px;h3.calc_result{color:#fff;margin-bottom:0px}.calc_print_btn{cursor:pointer;i{font-size:1.8rem;color:#fff;margin-bottom:2px;padding:2px 4px}}}.table-container{width:100%;overflow-x:auto;h2{text-align:center;margin-top:10px}table{width:100%;border-collapse:collapse;margin-top:20px;box-shadow:0 2px 10px rgba(0,0,0,0.05);font-size:1.6rem}th,td{padding:12px;text-align:left;border-bottom:1px solid #ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}th{background-color:#8e44ad;font-weight:bold;color:#fff;border:1px solid #ccc;text-align:center}tr:nth-child(even){background-color:#f8f9fa}tr:hover{background-color:#f5f5f5;cursor:pointer}}}.main_text{font-size:1.8rem;font-weight:600;color:#34495e;margin-bottom:20px}.calc_text:first-letter{color:#f74805;border-bottom:2px solid #f74805}.section_group{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.calc_r_btn{font-size:1.4rem;cursor:pointer;i{font-size:1.8rem;color:red;border:1px solid red;border-radius:5px;margin-bottom:2px;padding:2px 4px}}.calc_a_btn{font-size:1.4rem;cursor:pointer;margin-bottom:20px;font-weight:600;i{color:green;font-size:1.8rem}}}.health_calc{margin-bottom:15px;.tab-container{display:flex;gap:10px;margin-bottom:20px;background-color:#f8f9fa;padding:10px;border-radius:6px;.tab-btn{flex:1;padding:12px;border-radius:6px;background-color:transparent;color:#3498db;font-weight:bold;font-size:1.4rem;cursor:pointer;transition:all 0.3s ease;border:1px solid #3498db}.tab-btn.active{background-color:#3498db;color:white}}.unit-toggle{display:flex;justify-content:center;gap:10px;margin-bottom:20px;.unit-btn{padding:10px 20px;border:1px solid #3498db;background:none;color:#3498db;cursor:pointer;border-radius:4px;font-weight:bold;cursor:pointer;transition:all 0.3s ease}.unit-btn.active{background-color:#3498db;color:white}}.error{margin-top:5px;margin-bottom:8px;border:1px solid red;border-bottom:3px solid red;padding:5px;font-size:1.4rem;text-align:center;line-height:1.5;color:red}.output_box{padding:5px}.summary_box{background-color:#e8f5e9;padding:25px;border-radius:8px;margin-bottom:30px}.results_container{margin-top:30px;.result-main{text-align:center;padding:20px;background-color:#f5eef8;border-radius:8px;margin-bottom:30px;border:1px solid #ccc;box-shadow:0 1px 3px rgba(0,0,0,0.1);h2{color:#2c3e50;font-size:2.4rem}.result-value{margin:10px 0;span:first-child{color:rgb(46 204 113);font-size:2.8rem;font-weight:600}span:nth-child(2){color:rgb(46 204 113);font-size:2.8rem;font-weight:600}p{color:rgb(46 204 113);font-size:2.4rem;font-weight:600;margin-top:10px}}}.result-grid-view{text-align:center;padding:20px;margin-bottom:20px;.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;.result-item{padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #ccc;h4{color:#e84393;margin-bottom:10px;font-size:1.6rem}p{font-size:1.4rem;font-weight:bold;color:#495057}}}}.result-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;.detail-text{padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #ccc;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.detail-item{text-align:center;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #ccc;box-shadow:0 1px 3px rgba(0,0,0,0.1);span{font-size:1.4rem}}}.item-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;.item-category{padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;ul{list-style-position:inside;margin-top:10px;li{margin-bottom:8px;color:#495057;font-size:1.6rem;list-style-type:disc;line-height:1.5}}}}.info-section{margin-top:30px;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;ul{list-style-position:inside;margin-left:20px;li{margin-bottom:10px;color:#666;font-size:1.6rem;list-style-type:disc;line-height:1.5}}}}.chart-details{text-align:center;padding:20px;background-color:#eafaf1;border-radius:8px;margin-bottom:30px;border:1px solid #ccc;.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;.detail-item{h3{margin-top:20px}.result-value{font-size:2.5rem;font-weight:600;transition:color 0.3s ease;.overweight{color:#f1c40f}}.bmi-scale{margin-top:15px;width:100%;.scale-bar{height:8px;background:linear-gradient(to right,#3498db 0%,#2ecc71 30%,#f1c40f 45%,#e74c3c 60% );border-radius:4px;position:relative}.scale-labels{display:flex;justify-content:space-between;margin-top:5px;color:#666;font-size:12px}}.result-category{font-size:2.4rem;font-weight:bold;margin:10px 0}.overweight{color:#f1c40f}.status-indicator{width:100px;height:100px;border-radius:50%;margin:15px auto;border:8px solid;transition:border-color 0.3s ease}.status-description{color:#666;font-size:14px;margin-top:10px;text-align:center}}}}.result_box{padding:1.5rem;border-radius:4px;margin-top:1rem;background-color:#e8f4f8;box-shadow:0 1px 3px rgba(0,0,0,0.1);border:1px solid #ccc;.result-grid{padding-bottom:20px;.hightlight{background-color:#3498db;padding:10px !important;span:first-child{color:#fff !important}span:last-child{color:#fff !important}}.result-item{display:flex;justify-content:space-between;padding:0.8rem 0;border-bottom:1px solid #ccc;span:first-child{color:#2c3e50;font-weight:600;font-size:1.6rem}span:last-child{color:#27ae60;font-weight:600;font-size:1.6rem}}}h2{color:var(--primary-color);margin-bottom:20px;border-bottom:2px solid #4299e1}}.result_box_a{padding:1.5rem;border-radius:4px;margin-top:1rem;background-color:#e8f4f8;box-shadow:0 1px 3px rgba(0,0,0,0.1);border:1px solid #ccc;.result-grid{padding-bottom:20px;.hightlight{background-color:#3498db;padding:10px !important;span:first-child{color:#fff !important}span:last-child{color:#fff !important}}.result-item{display:flex;justify-content:space-between;padding:0.8rem 0;border-bottom:1px solid #ccc;span:first-child{color:#2c3e50;font-weight:600;font-size:1.6rem}span:last-child{color:#27ae60;font-weight:600;font-size:1.6rem}}}h2{color:var(--primary-color);margin-bottom:20px;border-bottom:2px solid #4299e1}}.result_box_b{padding:1.5rem;border-radius:4px;margin-top:1rem;background-color:#ebf8ff;box-shadow:0 1px 3px rgba(0,0,0,0.1);border:1px solid #ccc;.result-grid{padding-bottom:20px;.hightlight{background-color:#3498db;padding:10px !important;span:first-child{color:#fff !important}span:last-child{color:#fff !important}}.result-item{display:flex;justify-content:space-between;padding:0.8rem 0;border-bottom:1px solid #ccc;span:first-child{color:#2c3e50;font-weight:600;font-size:1.6rem}span:last-child{color:#27ae60;font-weight:600;font-size:1.6rem}}}h2{color:var(--primary-color);margin-bottom:20px;border-bottom:2px solid #4299e1}}.result_box_gap{padding:1.5rem;border-radius:4px;margin-top:1rem;background-color:#ebf8ff;box-shadow:0 1px 3px rgba(0,0,0,0.1);border:1px solid #ccc;.result-grid{display:grid;gap:15px;padding-bottom:20px;.hightlight{background-color:#3498db !important;span:first-child{color:#fff !important}span:last-child{color:#fff !important}}.result-item{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #ccc;border-radius:6px;background-color:#fff;span:first-child{color:#2c3e50;font-weight:600;font-size:1.6rem}span:last-child{color:#27ae60;font-weight:600;font-size:1.6rem}}}h2{color:var(--primary-color);margin-bottom:20px;border-bottom:2px solid #4299e1}}.result_text{padding:1.5rem;border-radius:4px;margin-top:1rem;background-color:#ebf8ff;box-shadow:0 1px 3px rgba(0,0,0,0.1);border:1px solid #ccc;text-align:center;p span{font-weight:600;color:#2c3e50}h2{color:#2c3e50;margin-bottom:20px;text-align:left}.result-hightlight{font-size:20px;font-weight:600;color:#2c3e50;margin:15px 0}}.guideline_box{padding:1.5rem;border-radius:4px;margin-top:1rem;background-color:#e8f4f8;box-shadow:0 1px 3px rgba(0,0,0,0.1);border:1px solid #ccc;.guideline-grid{padding-bottom:20px;.guideline-item{margin-bottom:15px;span:first-child{color:#2c3e50;font-weight:500;font-size:1.6rem;padding-right:5px}span:nth-child(2){color:#27ae60;font-weight:600;font-size:1.6rem}span:last-child{color:#27ae60;font-weight:600;font-size:1.6rem}.ratio-bar{height:10px;background-color:#ccc;border-radius:5px;margin-top:8px;overflow:hidden;.ratio-fill{height:100%;background-color:#4299e1;width:0;transition:width 0.3s ease}}}}h2{color:var(--primary-color);margin-bottom:20px;border-bottom:2px solid #4299e1}}.category-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:20px;.category{display:flex;align-items:center;gap:10px;font-size:1.4rem;.dot{width:12px;height:12px;border-radius:50%}.underweight{background-color:#3498db}.normal{background-color:#2ecc71}.overweight{background-color:#f1c40f}.obese{background-color:#e74c3c}}}.schedule_box{background-color:#f8f9fa;padding:10px;border-radius:4px;margin-top:1rem;margin-bottom:10px;border:1px solid #ccc;box-shadow:0 1px 3px rgba(0,0,0,0.1);.calc_schedule_bar{background-color:#105A87;border-bottom:3px solid #5b6987;padding:5px;border-radius:3px;h3.calc_result{color:#fff;margin-bottom:0px}.calc_print_btn{cursor:pointer;i{font-size:1.8rem;color:#fff;margin-bottom:2px;padding:2px 4px}}}.table-container{width:100%;overflow-x:auto;h2{text-align:center;margin-top:10px}table{width:100%;border-collapse:collapse;margin-top:20px;box-shadow:0 2px 10px rgba(0,0,0,0.05);font-size:1.6rem}th,td{padding:12px;text-align:left;border-bottom:1px solid #ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}th{background-color:#f4f4f4;font-weight:bold;color:#2c3e50}tr:nth-child(even){background-color:#f8f9fa}tr:hover{background-color:#f5f5f5}}}.main_text{font-size:1.8rem;font-weight:600;color:#34495e;margin-bottom:20px}.calc_text:first-letter{color:#f74805;border-bottom:2px solid #f74805}.btn_center{max-width:400px;margin:0 auto}.calc_r_btn{font-size:1.4rem;cursor:pointer;i{font-size:1.8rem;color:red;border:1px solid red;border-radius:5px;margin-bottom:2px;padding:2px 4px}}.calc_a_btn{font-size:1.4rem;cursor:pointer;margin-bottom:20px;font-weight:600;i{color:green;font-size:1.8rem}}}.electronic_calc{margin-bottom:15px;.form_output{padding:5px;p{font-size:1.4rem;text-align:center;font-weight:600;background-color:#ccc}}.calc_r_btn{font-size:1.4rem;cursor:pointer;i{font-size:1.8rem;color:red;border:1px solid red;border-radius:5px;margin-bottom:2px;padding:2px 4px}}.calc_a_btn{font-size:1.4rem;cursor:pointer;margin-bottom:20px;font-weight:600;i{color:green;font-size:1.8rem}}}.mechanical_calc{margin-bottom:15px;.calc_r_btn{font-size:1.4rem;cursor:pointer;i{font-size:1.8rem;color:red;border:1px solid red;border-radius:5px;margin-bottom:2px;padding:2px 4px}}.calc_a_btn{font-size:1.4rem;cursor:pointer;margin-bottom:20px;i{color:green;font-size:1.8rem}}}.unit_calc{z-index:1;margin-bottom:15px;.out_form{background-color:#ebf1f8;border:1px solid #ced4da;padding:5px;border-radius:3px}.law_show{display:flex;justify-content:space-between;border:1px solid #ccc;background-color:#e3e7eb;padding:5px;align-items:center;border-radius:3px;p{font-size:1.2rem;color:#000;margin:0;line-height:normal;font-weight:600}input[type="checkbox"]{appearance:none;-webkit-appearance:none;height:25px;width:25px;background-color:#fff;border-radius:7px;border:1px solid #ccc;cursor:pointer;display:flex;outline:none;align-items:center;justify-content:center}input[type="checkbox"]:after{font-family:"Font Awesome 6 Free";content:"\f00c";font-weight:900;font-size:1.6rem;color:#ffffff;display:none}input[type="checkbox"]:hover{background-color:#a5a5a5}input[type="checkbox"]:checked{background-color:#0083e8}input[type="checkbox"]:checked:after{display:block}}.formula{margin-bottom:60px;padding:10px;display:none;p{font-size:12px;padding:1px 3px 1.5px 3px;color:#241a00;float:left;margin:2px 8px 0 0;border-radius:2px;display:flex;span{align-items:center;line-height:normal}}}}.units_calc{margin-bottom:15px;.form_output{padding:5px;p{font-size:1.4rem;text-align:center;font-weight:600;background-color:#ccc}}.result-box{border:1px solid #5b6987;margin-top:5px;border-radius:3px;border-bottom:3px solid #5b6987;background-color:#fff;padding:5px;.calc_result_bar{background-color:#105A87;padding:5px}.calc_result{color:#fff;margin-bottom:0px;font-size:1.4rem}.calc_result_btn{font-size:1.4rem;cursor:pointer;i{font-size:1.8rem;color:#fff;margin-bottom:2px;padding:2px 4px}}.result{font-size:1.6rem;padding:5px;border:1px solid #ccc}}.form_half_group{margin-bottom:1.8rem;.input_group{display:flex;width:100%;border-radius:8px;border:2px solid #e6dafa;background:#fff;height:40px}label{display:inline-block;margin-bottom:0.5rem;font-size:1.4rem;font-weight:600;color:#34495e}input:active{border:1px solid #ced4da;background-color:#fff}input:focus{background-color:#fff}input:valid{border:1px solid #ced4da;background-color:#fff}input::placeholder{color:darkgray;font-size:1.6rem}.calc_form{display:block;width:100%;font-size:1.8rem;font-weight:400;line-height:1.5;color:#000;outline-color:#8547eb;margin-right:1px;padding:8px 12px;background-color:#fff;background-clip:padding-box;border:none;outline:none;border-radius:6px;letter-spacing:1px;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}.calc_form:focus,.select_box:focus{border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,0.5);outline:none}}.calc_r_btn{font-size:1.4rem;cursor:pointer;i{font-size:1.8rem;color:red;border:1px solid red;border-radius:5px;margin-bottom:2px;padding:2px 4px}}.calc_a_btn{font-size:1.4rem;cursor:pointer;margin-bottom:20px;i{color:green;font-size:1.8rem}}}.math_calc{margin-bottom:15px;.form_output{padding:5px;p{font-size:1.4rem;text-align:center;font-weight:600;background-color:#ccc}}.calc_r_btn{font-size:1.4rem;cursor:pointer;i{font-size:1.8rem;color:red;border:1px solid red;border-radius:5px;margin-bottom:2px;padding:2px 4px}}.calc_a_btn{font-size:1.4rem;cursor:pointer;margin-bottom:20px;i{color:green;font-size:1.8rem}}}.time_date_calc{margin-bottom:15px;.result-box{border:1px solid #5b6987;margin-top:5px;border-radius:3px;border-bottom:3px solid #5b6987;background-color:#fff;padding:5px;.calc_result_bar{background-color:#105A87;padding:5px}.calc_result{color:#fff;margin-bottom:0px;font-size:1.4rem}.calc_result_btn{font-size:1.4rem;cursor:pointer;i{font-size:1.8rem;color:#fff;margin-bottom:2px;padding:2px 4px}}.result{font-size:1.6rem;padding:5px;border:1px solid #ccc}}}.time_calc{display:flex;justify-content:center;align-items:center}.time_calc_table{overflow:auto;margin-bottom:1rem;margin-top:2rem}.time_calc_table table{height:100%;table-layout:fixed;border-spacing:1px;border:1px solid black;border-collapse:collapse}.time_calc_table table tr,.time_calc_table table td{padding:10px;border:1px solid black;border-collapse:collapse;font-size:1.6rem;cursor:pointer}.time_calc_table table tr:hover{color:#fff;background-color:#93C5FD !important}.time_calc_table > table > tbody > tr:nth-of-type(odd){background-color:#f2f2f2}.time_calc_table > table > tbody > tr:nth-of-type(even){background-color:#fff}.time_calc_table > table > thead > tr > th{padding:1rem;color:#fff;background-color:#8e44ad;font-weight:600;border:1px solid black}.time-calc-highlight{background-color:#fffbcc !important}.time_output_show{max-width:600px;padding:20px;text-align:center;background-color:#e9ecf8;border-radius:3px;border:1px solid #cccce4;margin:0 auto}.author-profile{display:flex;align-items:center;background:linear-gradient(135deg,#fff,#e1e5ea);border-radius:3px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,0.1);margin-top:20px;transition:transform 0.3s}.author-profile:hover{transform:translateY(-5px)}.author-image{width:100px;height:100px;border-radius:50%;margin-right:20px;border:2px solid #007bff}.author-details{flex:1}.author-name{font-size:20px;margin:0;color:#333;font-weight:600}.author-bio{font-size:14px;color:#555;margin:5px 0 15px;line-height:1.6;text-align:justify}.author-socials{display:flex;gap:15px}.social-link{text-decoration:none;color:#007bff;font-size:24px;transition:color 0.3s,transform 0.3s}.social-link:hover{color:#0056b3;transform:scale(1.1)}.social-link i{margin-right:5px}.similar-posts{background-color:#f9f9f9;border:1px solid #de5644;border-radius:16px;padding:15px;margin:25px 10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);.similar-title{color:#de5644;font-weight:600;margin-top:-30px;background-color:#f9f9f9;width:160px;text-align:center}.similar-list{list-style:none;padding-left:0;li{padding:0.4rem;margin:0.4rem auto;a{color:var(--black);font-size:1.4rem;text-decoration:underline}a::before{content:"✔";margin-right:10px;color:#de5644}a:hover{text-decoration:underline;color:blue}}li:hover{background-color:var(--default-dark);cursor:pointer}}}.suggestions-posts{background-color:#f9f9f9;border-left:4px solid #ccc;border:1px solid #ccc;padding-top:.8rem}.related-posts{background-color:#f9f9f9;padding-bottom:20px;box-shadow:0 4px 8px rgba(0,0,0,0.1);.related-list{list-style:none;padding-left:0;li,h3{background-color:var(--default);padding:4px;border:1px solid #ddd;margin:0.4rem auto;border-radius:3px;font-weight:500;a{color:var(--black);font-size:1.4rem}a::before{content:"➥ ";font-weight:600;background:linear-gradient(to right,#ff7e5f,#feb47b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}a:hover{text-decoration:underline;color:blue}}li:hover,h3:hover{background-color:var(--default-dark);cursor:pointer}}}.post-top{flex-basis:100%}.creared-user{margin-top:10px;i{padding:4px;font-size:16px;outline:none}}.last-updated{font-size:14px;color:#555;font-style:italic;font-weight:bold;margin-left:5px;text-align:left;margin-bottom:5px}.last-updated span{font-weight:500;color:#333}.share-container{width:100%;padding:5px 0;gap:10px}.share-main-text{font-size:1.2rem;color:#000;font-weight:600;display:flex;padding:5px;align-items:center}.share-button{display:flex;cursor:pointer;color:white;border-radius:5px;border:none;padding:8px 10px;font-size:14px;align-items:center;gap:8px;transition:opacity 0.3s ease}.share-button:hover{opacity:0.9}.facebook{background-color:#3b5998}.twitter{background-color:#1da1f2}.linkedin{background-color:#0077b5}.reddit{background-color:#ff4500}.whatsapp{background-color:#25d366}.telegram{background-color:#0088cc}.print{background-color:#555}