body.stc-tool-design{--stc-design-navy:#0b2a51;--stc-design-blue:#0866c0;--stc-design-green:#128d35;--stc-design-border:#d9e4f0;--stc-design-text:#183250;--stc-design-muted:#5b718b;--stc-design-shadow:0 10px 26px rgba(16,47,86,.08);}body.stc-tool-design .stc-site-article-content.is-tool-page{max-width:1190px;}body.stc-tool-design .stc-site-entry-content,body.stc-tool-design .entry-content{color:var(--stc-design-text);overflow-wrap:anywhere;}.stc-site-tool-hero{display:flex;align-items:center;gap:25px;padding:26px 34px;margin:15px 0 20px;background:linear-gradient(108deg,#08264a 0%,#0754a1 71%,#079f78 100%);border-radius:16px;color:#fff;box-shadow:0 9px 23px rgba(0,43,91,.16);}.stc-site-tool-hero img{width:82px;height:82px;flex:0 0 82px;object-fit:contain;background:#fff;border-radius:16px;padding:10px;}body.stc-tool-design .stc-site-article-content .stc-site-tool-hero h1{color:#fff;margin:0 0 8px;font-size:clamp(29px,3.4vw,42px);line-height:1.14;letter-spacing:-.025em;}.stc-site-tool-hero p{color:#ecf6ff;font-size:17px;margin:0;line-height:1.55;max-width:660px;}body.stc-tool-design .stc-quick-answer{display:grid;grid-template-columns:minmax(225px,36%) minmax(0,1fr);gap:24px;align-items:center;padding:22px 25px;margin:20px 0 22px;border:1px solid #d9e5f1;border-radius:15px;background:linear-gradient(120deg,#eff6fd 0%,#f4f9ff 75%,#eaf8f2 100%);box-shadow:0 6px 18px rgba(16,47,86,.045);color:var(--stc-design-text);line-height:1.65;}body.stc-tool-design .stc-quick-answer h2{display:flex;align-items:center;gap:12px;margin:0!important;padding:0 23px 0 0;border-right:1px solid #bacde0;color:var(--stc-design-navy);font-size:clamp(22px,2.2vw,27px);line-height:1.3;font-weight:800;letter-spacing:-.015em;}body.stc-tool-design .stc-quick-answer p{margin:0!important;font-size:clamp(17px,1.1vw,19px);line-height:1.68;}body.stc-tool-design .stc-quick-answer code{background:#e0edf9;border-radius:4px;padding:1px 5px;font-size:.88em;color:#0e4977;}body.stc-tool-design .stc5-widget{width:100%;max-width:none;margin:0 0 24px;border:1px solid var(--stc-design-border);border-radius:16px;padding:clamp(17px,2.3vw,27px);box-shadow:var(--stc-design-shadow);background:#fff;color:var(--stc-design-text);}body.stc-tool-design .stc5-widget .stc5-heading{border-bottom:1px solid #e6edf5;margin-bottom:18px;padding-bottom:13px;}body.stc-tool-design .stc5-widget .stc5-heading h2{color:var(--stc-design-navy);font-weight:800;}body.stc-tool-design .stc5-widget .stc5-heading-thumb img{border-radius:11px;}body.stc-tool-design .stc-tool-guide{padding:clamp(18px,2.6vw,30px);margin:24px 0;border:1px solid var(--stc-design-border);border-radius:16px;background:#fff;box-shadow:var(--stc-design-shadow);font-size:18px;line-height:1.7;}body.stc-tool-design .stc-tool-guide>h2{display:flex;align-items:center;gap:13px;margin:0 0 14px!important;color:var(--stc-design-navy);font-size:clamp(24px,2.25vw,30px);line-height:1.32;font-weight:800;}body.stc-tool-design .stc-tool-guide>h2::before{content:"▤";display:inline-grid;place-items:center;flex:0 0 38px;width:38px;height:38px;color:#076cd1;font-size:32px;font-weight:600;}body.stc-tool-design .stc-guide-introduction{color:#364a64;font-size:18px;line-height:1.75;margin:0 0 10px;}body.stc-tool-design .stc-guide-introduction p{margin:0 0 12px;}body.stc-tool-design .stc-expandable-guide{margin:8px 0 0;border:0;padding:0;background:transparent;}body.stc-tool-design .stc-expandable-guide>summary{display:flex;align-items:center;justify-content:center;gap:9px;position:relative;list-style:none;cursor:pointer;outline-offset:4px;margin:14px auto 16px;padding:10px 25px;border-radius:30px;max-width:245px;min-height:42px;background:linear-gradient(135deg,#082b58,#0c4c91);box-shadow:0 3px 8px rgba(12,55,110,.18);color:#fff;font-weight:750;font-size:16px;line-height:1.35;text-align:center;user-select:none;}body.stc-tool-design .stc-expandable-guide>summary::-webkit-details-marker{display:none;}body.stc-tool-design .stc-expandable-guide>summary::marker{content:"";}body.stc-tool-design .stc-expandable-guide>summary:hover{background:linear-gradient(135deg,#0d427f,#0b63ab);}body.stc-tool-design .stc-expandable-guide>summary:focus-visible{outline:3px solid #14a34a;outline-offset:4px;}body.stc-tool-design .stc-expandable-guide>summary::after{content:"⌄";font-size:20px;line-height:1;}body.stc-tool-design .stc-expandable-guide[open]>summary::after{content:"⌃";}body.stc-tool-design .stc-guide-close-label{display:none;}body.stc-tool-design .stc-expandable-guide[open] .stc-guide-open-label{display:none;}body.stc-tool-design .stc-expandable-guide[open] .stc-guide-close-label{display:inline;}body.stc-tool-design .stc-guide-content{padding:17px 0 2px;border-top:1px solid #e5edf5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;}body.stc-tool-design .stc-guide-panel{min-width:0;padding:19px 21px;border:1px solid #e2eaf3;border-radius:13px;background:linear-gradient(160deg,#fff 70%,#f9fcff 100%);box-shadow:0 4px 12px rgba(11,40,78,.035);}body.stc-tool-design .stc-guide-panel--wide{grid-column:1 / -1;}body.stc-tool-design .stc-guide-panel h3{margin:0 0 12px!important;padding:0 0 8px;border-bottom:1px solid #e5edf5;color:#0b2a51;font-size:clamp(19px,1.5vw,22px);font-weight:800;line-height:1.37;}body.stc-tool-design .stc-guide-panel h3::before{content:"✓";display:inline-grid;place-items:center;width:23px;height:23px;vertical-align:middle;margin-right:9px;border-radius:7px;background:#e7f7eb;color:#0c9c43;font-size:17px;font-weight:800;}body.stc-tool-design .stc-guide-content h4{color:#123c68;font-size:18px;margin:17px 0 6px;line-height:1.4;}body.stc-tool-design .stc-guide-content p{font-size:17px;line-height:1.75;color:#34465d;margin:0 0 12px;}body.stc-tool-design .stc-guide-content p:last-child{margin-bottom:0;}body.stc-tool-design .stc-guide-content ul,body.stc-tool-design .stc-guide-content ol{margin:9px 0 16px 22px;padding:0;color:#34465d;font-size:17px;line-height:1.72;}body.stc-tool-design .stc-guide-content li{padding:0 0 6px 3px;}body.stc-tool-design .stc-guide-content li::marker{color:#119945;font-weight:800;}body.stc-tool-design .stc-guide-content strong{color:#143956;}body.stc-tool-design .stc-guide-content code{overflow-wrap:anywhere;background:#edf4fc;border-radius:5px;padding:1px 5px;font-size:.91em;color:#124c83;}body.stc-tool-design .stc-guide-content pre{overflow:auto;background:#f0f5fd;border:1px solid #dce6f2;border-radius:11px;padding:17px 19px;margin:16px 0;font-size:12.5px;line-height:1.6;white-space:pre;max-width:100%;}body.stc-tool-design .stc-guide-content pre code{background:transparent;padding:0;white-space:pre;color:#174274;overflow-wrap:normal;}body.stc-tool-design .stc-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #dbe5f0;border-radius:10px;margin:15px 0 20px;max-width:100%;}body.stc-tool-design .stc-tool-guide table{display:table;border:0;width:100%;min-width:470px;border-collapse:collapse;margin:0;background:#fff;font-size:16px;line-height:1.5;}body.stc-tool-design .stc-tool-guide th,body.stc-tool-design .stc-tool-guide td{text-align:left;padding:10px 12px;border-right:1px solid #e5ecf3;border-bottom:1px solid #e5ecf3;vertical-align:top;color:#34445a;}body.stc-tool-design .stc-tool-guide th{background:#e9f3fc;font-weight:800;color:#102f50;}body.stc-tool-design .stc-tool-guide tbody tr:nth-child(even){background:#f8fbff;}body.stc-tool-design .stc-tool-guide tr:last-child td{border-bottom:0;}body.stc-tool-design .stc-tool-guide tr>*:last-child{border-right:0;}body.stc-tool-design .stc-tool-guide a{color:#0865b6;text-decoration:underline;text-underline-offset:2px;}body.stc-tool-design .stc-tool-guide figure{margin:15px 0 20px;}body.stc-tool-design .stc-tool-guide figure img{max-width:100%;height:auto;border-radius:12px;border:1px solid #e4ecf3;}body.stc-tool-design .stc-tool-guide figcaption{font-size:15px;color:#64758c;margin:6px 0;}body.stc-tool-design .stc-related-tools{margin:27px 0 32px;padding:0;background:transparent;}body.stc-tool-design .stc-related-tools>h2{display:flex;align-items:center;gap:9px;font-size:clamp(24px,2.15vw,29px);margin:0 0 17px;color:var(--stc-design-navy);font-weight:800;}body.stc-tool-design .stc-related-tools>h2::before{content:"↗";font-size:31px;color:#11a044;font-weight:800;}body.stc-tool-design .stc-related-tools-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;align-items:stretch;}body.stc-tool-design .stc-related-tool-card{min-width:0;display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:flex-start;padding:14px 8px 13px;border:1px solid #dce5f0;border-radius:13px;box-shadow:0 4px 11px rgba(12,43,83,.045);background:#fff;color:#103158!important;text-decoration:none!important;text-align:center;font-size:15px;line-height:1.33;font-weight:780;overflow-wrap:anywhere;transition:transform .18s,box-shadow .18s,border-color .18s;}body.stc-tool-design .stc-related-tool-card img{display:block;margin:0!important;width:76px!important;height:76px!important;max-width:100%;object-fit:contain;border:0;background:#f9fcff;border-radius:10px;}body.stc-tool-design .stc-related-tool-card:hover,body.stc-tool-design .stc-related-tool-card:focus-visible{transform:translateY(-3px);box-shadow:0 10px 22px rgba(11,42,81,.11);border-color:#71bda0;color:#075d35!important;}body.stc-tool-design .stc5-related-grid{grid-template-columns:repeat(4,minmax(0,1fr));}@media (max-width:1000px){body.stc-tool-design .stc-related-tools-grid{grid-template-columns:repeat(4,minmax(0,1fr));}body.stc-tool-design .stc-site-tool-hero{margin-top:10px;}}@media (max-width:720px){body.stc-tool-design .stc-quick-answer{grid-template-columns:1fr;gap:10px;padding:19px;}body.stc-tool-design .stc-quick-answer h2{padding:0 0 10px;border-right:0;border-bottom:1px solid #c9d9e7;}body.stc-tool-design .stc-guide-content{grid-template-columns:1fr;gap:12px;}body.stc-tool-design .stc-guide-panel--wide{grid-column:auto;}body.stc-tool-design .stc-guide-panel{padding:16px;}body.stc-tool-design .stc5-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.stc-site-tool-hero{padding:19px 17px;gap:12px;}.stc-site-tool-hero img{width:62px;height:62px;flex-basis:62px;padding:6px;}.stc-site-tool-hero p{font-size:15px;}}@media (max-width:440px){body.stc-tool-design .stc-related-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));}body.stc-tool-design .stc-related-tool-card{padding:11px 7px;}body.stc-tool-design .stc-tool-guide{padding:17px 14px;}body.stc-tool-design .stc5-widget{padding:15px;}.stc-site-tool-hero{border-radius:12px;}}@media (prefers-reduced-motion:reduce){body.stc-tool-design .stc-related-tool-card{transition:none;}}body.stc-tool-design .site.grid-container{max-width:1240px;}body.stc-tool-design .site-content #primary,body.stc-tool-design .site-content .content-area{float:none;width:100%;max-width:none;}body.stc-tool-design .site-content #right-sidebar,body.stc-tool-design .site-content #left-sidebar{display:none;}body.stc-tool-design .site-content .inside-article{padding:clamp(17px,3vw,32px);}body.stc-tool-design .site-content .entry-header{padding:24px clamp(19px,3vw,32px);margin-bottom:20px;border-radius:14px;background:linear-gradient(110deg,#08264a,#0963ab 75%,#069970);box-shadow:0 9px 23px rgba(0,43,91,.12);}body.stc-tool-design .site-content .entry-header .entry-title{color:#fff;font-size:clamp(28px,3vw,41px);font-weight:800;margin:0;}body.stc-tool-design .stc-related-tools-grid{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;column-gap:0!important;row-gap:0!important;gap:0!important;width:100%!important;padding:0!important;margin:0!important;border:1px solid #dce5f0;border-radius:12px;overflow:hidden;align-items:stretch;}body.stc-tool-design .stc-related-tools-grid > .stc-related-tool-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;width:100%!important;height:100%!important;grid-column:auto!important;grid-row:auto!important;box-sizing:border-box!important;margin:0!important;padding:12px 5px 13px!important;gap:7px!important;border:0!important;border-right:1px solid #dce5f0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;color:#103158!important;text-align:center!important;text-decoration:none!important;line-height:1.35!important;font-size:13px!important;font-weight:750!important;overflow-wrap:break-word;word-break:normal;}body.stc-tool-design .stc-related-tools-grid > .stc-related-tool-card:nth-child(8n){border-right:0!important;}body.stc-tool-design .stc-related-tools-grid > .stc-related-tool-card > img{display:block!important;flex:0 0 62px!important;width:62px!important;height:62px!important;min-width:0!important;max-width:100%!important;object-fit:contain!important;padding:3px;margin:0!important;border:0;border-radius:10px;background:#f6faff;}body.stc-tool-design .stc-related-tools-grid > .stc-related-tool-card:hover,
body.stc-tool-design .stc-related-tools-grid > .stc-related-tool-card:focus-visible{background:#f0f8ff!important;box-shadow:inset 0 -3px 0 #159c47!important;transform:none!important;}body.stc-tool-design .stc5-related-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:0!important;}@media (max-width:899px) and (min-width:601px){body.stc-tool-design .stc-related-tools-grid,
  body.stc-tool-design .stc5-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}body.stc-tool-design .stc-related-tools-grid > .stc-related-tool-card{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;padding:11px 14px!important;gap:12px!important;border-bottom:1px solid #dce5f0!important;font-size:15px!important;}body.stc-tool-design .stc-related-tools-grid > .stc-related-tool-card:nth-child(8n){border-right:1px solid #dce5f0!important;}body.stc-tool-design .stc-related-tools-grid > .stc-related-tool-card:nth-child(2n){border-right:0!important;}body.stc-tool-design .stc-related-tools-grid > .stc-related-tool-card:nth-last-child(-n/**/+2){border-bottom:0!important;}body.stc-tool-design .stc-related-tools-grid > .stc-related-tool-card > img{flex:0 0 56px!important;width:56px!important;height:56px!important;}}@media (max-width:600px){body.stc-tool-design .stc-related-tools-grid,
  body.stc-tool-design .stc5-related-grid{grid-template-columns:minmax(0,1fr)!important;}body.stc-tool-design .stc-related-tools-grid > .stc-related-tool-card{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;padding:11px 14px!important;gap:13px!important;border-right:0!important;border-bottom:1px solid #dce5f0!important;font-size:16px!important;}body.stc-tool-design .stc-related-tools-grid > .stc-related-tool-card:last-child{border-bottom:0!important;}body.stc-tool-design .stc-related-tools-grid > .stc-related-tool-card > img{flex:0 0 52px!important;width:52px!important;height:52px!important;}}body.stc-tool-design details.stc-expandable-guide > summary{display:none!important;}body.stc-tool-design details.stc-expandable-guide[open] > .stc-guide-content{display:grid;margin-top:8px;padding-top:19px;}body.stc-tool-design .stc-quick-answer h2::before{content:none!important;display:none!important;}
