.strawberry-svc { box-sizing:border-box; max-width:900px; margin:24px auto; padding:clamp(16px,4vw,32px); border:1px solid #d5dfe1; border-radius:14px; background:#fff; color:#172f35; font:16px/1.5 system-ui,-apple-system,sans-serif; text-align:left; }
.strawberry-svc *, .strawberry-svc *::before, .strawberry-svc *::after { box-sizing:border-box; }
.strawberry-svc [hidden] { display:none !important; }
.strawberry-svc h2 { margin:0 0 12px; color:#172f35; font:700 clamp(23px,4vw,30px)/1.2 system-ui,sans-serif; }
.strawberry-svc p { margin:12px 0; }
.strawberry-svc .strawberry-svc__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:24px 0; }
.strawberry-svc label { display:block; font-weight:650; margin:0 0 7px; }
.strawberry-svc input, .strawberry-svc select { display:block; width:100%; min-height:46px; padding:10px; border:1px solid #71868b; border-radius:6px; background:#fff; color:#172f35; font:inherit; box-shadow:none; }
.strawberry-svc input[aria-invalid="true"] { border:2px solid #9e2020; }
.strawberry-svc small { display:block; margin-top:6px; font-size:13px; line-height:1.45; color:#425b62; }
.strawberry-svc button { min-height:46px; padding:10px 18px; border:1px solid #165b50; border-radius:6px; background:#165b50; color:#fff; font:600 16px/1.4 system-ui,sans-serif; cursor:pointer; text-transform:none; letter-spacing:normal; }
.strawberry-svc button.strawberry-svc__reset { background:#fff; color:#165b50; }
.strawberry-svc :is(button,input,select,.strawberry-svc__scroll):focus-visible { outline:3px solid #bb6900; outline-offset:3px; }
.strawberry-svc .strawberry-svc__actions { display:flex; flex-wrap:wrap; gap:10px; }
.strawberry-svc .strawberry-svc__summary { padding:14px; border-radius:6px; background:#edf4f3; font-weight:700; }
.strawberry-svc .strawberry-svc__scroll { overflow-x:auto; }
.strawberry-svc table { width:100%; border-collapse:collapse; margin:12px 0; font:inherit; color:inherit; background:#fff; }
.strawberry-svc caption { text-align:left; font-weight:600; padding:8px 0; color:inherit; }
.strawberry-svc th, .strawberry-svc td { padding:10px; border:1px solid #d5dfe1; text-align:left; vertical-align:middle; background:transparent; color:inherit; }
.strawberry-svc thead { background:#edf4f3; }
.strawberry-svc tr.strawberry-svc__selected { background:#e4eefc; outline:2px solid #255b9c; outline-offset:-2px; }
.strawberry-svc td.strawberry-svc__over { color:#9e2020; font-weight:700; }
.strawberry-svc td.strawberry-svc__at { color:#794400; font-weight:700; }
.strawberry-svc td.strawberry-svc__below { color:#165b50; font-weight:600; }
.strawberry-svc .strawberry-svc__formula { font-size:13px; overflow-wrap:anywhere; }
.strawberry-svc .strawberry-svc__notice { padding:14px; background:#fff5e3; border-left:4px solid #aa6500; font-size:14px; }
@media (max-width:560px) { .strawberry-svc .strawberry-svc__grid { grid-template-columns:1fr; } .strawberry-svc th,.strawberry-svc td { padding:8px; font-size:14px; } }

.strawberry-svc .strawberry-svc__preset { margin-top:22px; }
.strawberry-svc .strawberry-svc__preset-info { font-size:14px; overflow-wrap:anywhere; }
.strawberry-svc .strawberry-svc__source { color:#165b50; text-decoration:underline; font-size:14px; }

.strawberry-svc .strawberry-svc__details { margin:20px 0; padding:16px; border:1px solid #d5dfe1; border-radius:8px; background:#f7faf9; }
.strawberry-svc .strawberry-svc__details h3 { margin:0 0 12px; color:#172f35; font:700 19px/1.4 system-ui,sans-serif; }
.strawberry-svc .strawberry-svc__specs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 20px; margin:0; }
.strawberry-svc .strawberry-svc__specs div { min-width:0; }
.strawberry-svc .strawberry-svc__specs dt { margin:0; font-size:13px; color:#425b62; }
.strawberry-svc .strawberry-svc__specs dd { margin:3px 0 0; font-weight:650; overflow-wrap:anywhere; }
.strawberry-svc .strawberry-svc__overhang-reference { font-size:13px; overflow-wrap:anywhere; }
@media (max-width:380px) { .strawberry-svc .strawberry-svc__specs { grid-template-columns:1fr; } }