.ot-body{max-width:none}
.ot-body>p,.ot-body>ul,.ot-body>ol,.ot-body>h2,.ot-body>h3,.ot-body>.ot-note,.ot-body>.ot-src{max-width:70ch}
.ot-body ul{list-style:disc;padding-left:1.3em;margin:.6em 0 1em}
.ot-body ol{padding-left:1.4em;margin:.6em 0 1em}
.ot-body li{margin:.25em 0}
.ot-body p{margin:.7em 0}
.ot-reponse{border-left:var(--bw-str) solid var(--accent);background:var(--paper-2);padding:16px 20px;margin:20px 0;max-width:70ch;font-size:19px;line-height:1.5}
.ot-reponse strong{font-weight:700}
.ot-tw{overflow-x:auto;margin:14px 0 6px;-webkit-overflow-scrolling:touch}
.ot-t{border-collapse:collapse;width:100%;min-width:420px;font-size:15px;background:var(--paper)}
.ot-t caption{text-align:left;font-weight:700;padding:0 0 8px;font-size:16px}
.ot-t th,.ot-t td{border:1px solid var(--line-2);padding:8px 10px;text-align:left;vertical-align:top}
.ot-t thead th{background:var(--paper-2);font-weight:700}
.ot-t tbody th{background:var(--paper-2);font-weight:600;white-space:nowrap}
.ot-t td.n{white-space:nowrap}
.ot-phrase{font-size:14px;color:var(--ink-2);margin:6px 0 4px;max-width:70ch}
.ot-dl{display:inline-block;margin:6px 0 22px;font-size:14px}
.ot-src{font-size:14px;color:var(--ink-2);margin-top:28px;border-top:1px solid var(--line-2);padding-top:12px}
.ot-src a{color:inherit}
.ot-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:18px 0}
.ot-card{display:block;border:var(--bw) solid var(--line-2);padding:16px 18px;text-decoration:none;color:var(--ink);background:var(--paper)}
.ot-card:hover{border-color:var(--accent-d);color:var(--ink)}
.ot-card b{display:block;font-size:18px;margin-bottom:4px}
.ot-card span{display:block;font-size:14px;color:var(--ink-2)}
.ot-card em{display:block;font-style:normal;margin-top:10px;font-weight:700;color:var(--accent-d);font-size:15px}
.ot-tool{border:var(--bw) solid var(--field-line);padding:20px;margin:18px 0;background:var(--paper)}
.ot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.ot-f label{display:block;font-weight:600;font-size:14px;margin-bottom:4px}
.ot-f input,.ot-f select{font-size:16px;padding:11px 12px;background:var(--paper);border:var(--bw) solid var(--field-line);border-radius:0;width:100%}
.ot-f input:focus,.ot-f select:focus{border-color:var(--ink);outline:0}
.ot-f small{display:block;color:var(--ink-3);font-size:13px;margin-top:3px}
.ot-btn{margin-top:14px}
.ot-sug{list-style:none;margin:0;padding:0;border:1px solid var(--line-2);background:var(--paper);position:absolute;z-index:20;left:0;right:0;max-height:260px;overflow:auto}
.ot-sug li{padding:9px 12px;cursor:pointer;margin:0}
.ot-sug li:hover,.ot-sug li[aria-selected="true"]{background:var(--paper-2)}
.ot-rel{position:relative}
.ot-res{margin-top:18px;border-top:var(--bw-str) solid var(--accent);padding-top:14px}
.ot-res[hidden]{display:none}
.ot-big{font-size:26px;font-weight:700;margin:4px 0 8px}
.ot-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0}
.ot-kv div{border:1px solid var(--line-2);padding:10px 12px;background:var(--paper-2);font-size:14px}
.ot-kv b{display:block;font-size:20px}
.ot-note{font-size:14px;color:var(--ink-2)}
.ot-warn{color:var(--accent-d);font-weight:600}
.ot-body a[href^="http"]{word-break:break-word}
@media (max-width:640px){.ot-reponse{font-size:17px}.ot-big{font-size:22px}.ot-tool{padding:14px}}
@media (max-width:820px){.cpl-g-side{grid-template-columns:minmax(0,1fr)}}