/* Service SEO tools: reuse global brand typography and existing bento language. */
.tools-header {padding-bottom:34px;}
.tools-header .back-link {margin:0 0 24px;display:inline-block;}
.tools-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.tool-tile {display:flex;gap:20px;align-items:flex-start;min-width:0;min-height:225px;padding:30px;border:1px solid #343432;border-radius:16px;background:#1c1d1a;transition:background .2s,transform .2s;}
.tool-tile:hover {background:#242621;transform:translateY(-2px);}
.tool-tile:first-child {grid-column:1/-1;min-height:190px;background:#ffe500;color:#161616;border:0;}
.tool-tile-icon {flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:#35372f;color:#ffe500;font-size:24px;font-weight:500;}
.tool-tile:first-child .tool-tile-icon {background:#101010;color:#ffe500;}
.tool-tile-body {min-width:0;flex:1;display:grid;gap:14px;}
.tool-tile-body strong {font-size:clamp(23px,2.4vw,32px);font-weight:600;letter-spacing:-.03em;line-height:1.12;}
.tool-tile-body>span {max-width:50ch;color:#b6b6af;font-size:15px;line-height:1.55;font-weight:400;}
.tool-tile:first-child .tool-tile-body>span {color:#38382b;}
.tool-tile>.arrow {flex:none;width:23px;height:23px;align-self:flex-start;}
.tools-workbench {background:#ffe500;color:#161616;padding:clamp(22px,3vw,38px);border-radius:16px;}
.tools-workbench-heading {max-width:900px;}
.tools-workbench-heading h2 {font-size:clamp(26px,3vw,38px);line-height:1.14;font-weight:600;letter-spacing:-.035em;}
.tools-workbench-heading p {margin-top:12px;color:#363629;font-size:16px;line-height:1.55;}
.tools-form {margin-top:26px;}
.tools-form>label {display:block;font-size:13px;font-weight:500;margin-bottom:10px;}
.tools-form-fields {display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;}
.tools-form-fields>input {min-width:240px;flex:2 1 350px;padding:15px 18px;min-height:58px;border-radius:9px;background:#fff;color:#101010;border:1px solid #c3c099;font-size:16px;}
.tools-form-fields>.button {flex:0 1 230px;min-height:58px;font-weight:500;white-space:normal;}
.tools-device {display:flex;gap:4px;min-width:0;flex:0 1 auto;padding:4px;margin:0;border:1px solid #bfb953;border-radius:10px;}
.tools-device label {display:flex;align-items:center;cursor:pointer;position:relative;min-height:48px;}
.tools-device input {position:absolute;opacity:0;inset:0;cursor:pointer;}
.tools-device span {display:grid;place-items:center;padding:12px 15px;border-radius:7px;font-size:14px;font-weight:500;}
.tools-device input:checked+span {background:#161616;color:#fff;}
.tools-device input:focus-visible+span {outline:2px solid #161616;outline-offset:2px;}
.tools-running {font-size:14px;min-height:0;margin-top:8px;line-height:1.5;}
.tools-running:empty {margin:0;}
.tools-results {margin-top:28px;background:#f4f3ed;padding:clamp(18px,2.5vw,32px);color:#171813;border-radius:13px;scroll-margin-top:20px;}
.tools-result-header {display:flex;justify-content:space-between;align-items:start;gap:24px;border-bottom:1px solid #d9dbd0;padding-bottom:18px;}
.tools-result-header h3 {font-size:27px;font-weight:600;letter-spacing:-.03em;}
.tools-result-header p {max-width:55%;font-size:13px;overflow-wrap:anywhere;text-align:right;}
.tools-overview {display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.3fr);gap:24px;margin-top:24px;}
.tools-score-card {min-width:0;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;border-radius:12px;background:#333b3b;color:#fff;}
.tools-score-card>span {font-size:13px;line-height:1.5;font-weight:400;}
.tools-score-number {display:flex;align-items:baseline;gap:8px;}
.tools-score-number strong {font-size:clamp(64px,8vw,100px);line-height:1;font-weight:600;letter-spacing:-.05em;font-variant-numeric:tabular-nums;}
.tools-score-number small {font-size:21px;}
.tools-results[data-level=good] .tools-score-card {background:#19734f;color:#fff;}
.tools-results[data-level=warning] .tools-score-card {background:#f2ce58;color:#182219;}
.tools-results[data-level=poor] .tools-score-card {background:#bd4249;color:#fff;}
.tools-verdict {display:flex;justify-content:center;flex-direction:column;gap:12px;min-width:0;}
.tools-verdict h3 {font-weight:600;font-size:clamp(22px,2.5vw,32px);line-height:1.2;letter-spacing:-.03em;}
.tools-verdict p {font-size:15px;line-height:1.6;color:#5b6153;}
.tools-progress {height:10px;background:linear-gradient(90deg,#c25d57 0 49%,#e5bd50 49% 89%,#81b999 89%);border-radius:50px;overflow:hidden;}
.tools-progress span {display:block;height:100%;width:0;border-right:4px solid #181818;}
.tools-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px;}
.tool-metric {display:flex;flex-direction:column;gap:8px;min-height:102px;padding:18px;background:#fffefa;border:1px solid #dcded4;border-radius:10px;}
.tool-metric span {font-size:12px;color:#5c6259;line-height:1.5;}
.tool-metric strong {font-size:26px;font-weight:550;font-variant-numeric:tabular-nums;}
.tools-findings {margin-top:28px;}
.tools-findings h3 {font-size:23px;font-weight:600;letter-spacing:-.025em;}
.tools-findings ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;list-style:none;margin:16px 0 0;}
.tool-check {display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:16px;background:#e9ebe2;border-radius:9px;min-width:0;}
.tool-check strong {font-size:14px;font-weight:500;line-height:1.45;overflow-wrap:anywhere;}
.tool-check span {font-size:11px;line-height:1.45;flex-shrink:0;color:#4c654c;}
.tool-check[data-status=fail] span {color:#ae3333;}
.tool-check[data-status=warn] span {color:#9a7110;}
.tools-cta {display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;background:#e2ebdb;padding:18px;border-radius:10px;}
.tools-cta p {font-size:13px;color:#4e5647;line-height:1.5;}
.tools-cta .button {flex:0 0 auto;font-size:14px;font-weight:500;}
.tools-scope {margin-top:18px;padding-top:16px;border-top:1px solid #d8dad0;font-size:12px;color:#606458;line-height:1.6;}
.tools-related {margin-top:50px;margin-bottom:32px;}
.tools-related-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.tools-related-grid a {min-width:0;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px;background:#1c1d19;border-radius:12px;border:1px solid #353831;}
.tools-related-grid a:hover {color:#ffe500;}
.tools-related-grid strong {font-size:15px;font-weight:500;}
.tools-related-grid .arrow {width:20px;height:20px;flex:none;}
.tools-home-link {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:16px 19px;border:1px solid #39392d;border-radius:10px;color:#faf9f2;font-size:15px;font-weight:500;}
.tools-home-link:hover {border-color:#ffe500;color:#ffe500;}
.tools-drawer-links {display:grid;gap:4px;padding:0 0 26px;margin-top:-20px;}
.tools-drawer-links a {font-size:16px;color:#b5b7a9;padding:10px 14px 10px 22px;border-left:2px solid #ffe500;}
.tools-drawer-links a:hover {color:#ffe500;}
@media(max-width:1050px) {
  .tools-form-fields>.button {flex:1 1 100%;}
  .tools-form-fields>input {flex-basis:100%;}
  .tools-overview {grid-template-columns:minmax(210px,.75fr) minmax(0,1.25fr);}
}
@media(max-width:700px) {
  .tools-header {padding:45px 0 24px;}
  .tools-header h1 {font-size:clamp(39px,10vw,70px);}
  .tools-list {grid-template-columns:1fr;gap:10px;}
  .tool-tile,.tool-tile:first-child {grid-column:auto;min-height:170px;padding:22px;gap:14px;}
  .tool-tile-icon {width:42px;height:42px;flex-basis:42px;font-size:21px;}
  .tool-tile-body strong {font-size:23px;}
  .tool-tile-body>span {font-size:14px;}
  .tools-workbench {padding:22px 16px;}
  .tools-workbench-heading h2 {font-size:29px;}
  .tools-form-fields {display:grid;grid-template-columns:minmax(0,1fr);}
  .tools-form-fields>input {min-width:0;width:100%;}
  .tools-device {justify-content:stretch;}
  .tools-device label {flex:1;}
  .tools-device span {width:100%;}
  .tools-result-header {display:block;}
  .tools-result-header p {max-width:none;text-align:left;margin-top:10px;}
  .tools-overview {grid-template-columns:1fr;gap:18px;}
  .tools-score-card {min-height:180px;}
  .tools-metrics {grid-template-columns:repeat(2,minmax(0,1fr));}
  .tools-findings ul {grid-template-columns:1fr;}
  .tools-cta {display:block;}
  .tools-cta .button {margin-top:12px;width:100%;}
  .tools-related-grid {grid-template-columns:1fr;}
}

.tools-privacy-note {max-width:800px;margin-top:9px;color:#393c25;font-size:12px;line-height:1.55;}
.tool-check-info {min-width:0;}
.tool-check-info p {font-size:12px;color:#585c51;margin-top:6px;line-height:1.5;}

/* Long German, Nordic and Polish compounds remain readable on narrow screens. */
.tool-tile-body strong,.tool-tile-body>span,.tools-workbench-heading h2,.tools-header h1,.tools-verdict h3 {overflow-wrap:anywhere;hyphens:auto;}

.tools-education {margin:48px 0 40px;max-width:970px;}
.tools-education h2 {font-size:clamp(28px,3vw,38px);line-height:1.16;font-weight:600;letter-spacing:-.025em;}
.tools-education p {margin-top:17px;color:#b8b9b0;font-size:16px;line-height:1.7;max-width:86ch;}
@media(max-width:700px) {
  .tools-education {margin:34px 0 30px;}
  .tools-education h2 {font-size:27px;}
  .tools-education p {font-size:14px;margin-top:13px;}
}