/* Istanbul: Bosphorus turquoise, navy ink, brass and faint original İznik motifs. */
.istanbul-site-plaque,.istanbul-data-board{display:none}
html body #lesson[data-world="istanbul"]{--istanbul-editor-width:46%;--city-ink:#244552;--city-muted:#46636b;--city-paper:#edf0de;background:#a5bfba;color:var(--city-ink)}
html body #lesson[data-world="istanbul"] .lesson-shell{grid-template-columns:minmax(0,var(--istanbul-editor-width)) minmax(0,1fr);gap:8px}
html body #lesson[data-world="istanbul"] .code-pane,html body #lesson[data-world="istanbul"] .result-pane{border-color:#4d7b83;border-image:url('assets/istanbul-tile-frame.svg') 16!important;background:#dce7de}
html body #lesson[data-world="istanbul"] .code-pane{background:url('assets/istanbul-iznik-grain.svg') 0 0/480px 420px,linear-gradient(118deg,#f2f3e5,#cfdfd7);box-shadow:inset 0 0 30px #366a7220}
html body #lesson[data-world="istanbul"] .code-tabs{background:url('assets/istanbul-iznik-grain.svg') 0 0/480px 420px,linear-gradient(#326675,#1b3d50);border-bottom-color:#a4bba5}
html body #lesson[data-world="istanbul"] .code-tabs button{background:linear-gradient(#3c6d7b,#2a596d);border-color:#80a6a5;color:#fff5d7;text-shadow:0 1px #163447}
html body #lesson[data-world="istanbul"] .code-tabs button[aria-selected="true"]{background:linear-gradient(#f3e6c4,#d4bb82);border-color:#fff1c6;color:#253f4d;text-shadow:none;box-shadow:inset 0 -4px #aa8956}
html body #lesson[data-world="istanbul"] .block-view{background:url('assets/istanbul-iznik-grain.svg') 0 0/480px 420px}
html body #lesson[data-world="istanbul"] .block-palette{border-right:1px dashed #8eaaa5;background:linear-gradient(90deg,#f5f7e866,#fff0)}
html body #lesson[data-world="istanbul"] .block-palette>.mini-label,html body #lesson[data-world="istanbul"] .block-palette>p{color:#355663;font-size:12px!important}
html body #lesson[data-world="istanbul"] .palette-tip{border-top-color:#9bb4aa}
html body #lesson[data-world="istanbul"] .palette-tip p{color:#355461!important;font-size:14px!important;line-height:1.45!important}
html body #lesson[data-world="istanbul"] .palette-tip>span{color:#4b7882}
html body #lesson[data-world="istanbul"] .workspace-tools{color:#365666}
html body #lesson[data-world="istanbul"] .workspace-tools button{background:linear-gradient(#f6f5e7,#c9ded4);border-color:#88aaa6;color:#234b5d!important;text-shadow:none;box-shadow:0 2px #74958f}
html body #lesson[data-world="istanbul"] .workspace-tools button:disabled{opacity:.7;color:#4c6c70!important}
html body #lesson[data-world="istanbul"] .workspace-trash{background:#deeadf;color:#3b6570!important;border-color:#84a6a5}
html body #lesson[data-world="istanbul"] .workspace-trash.delete-over{background:#e4bc9d;color:#67412f!important}
html body #lesson[data-world="istanbul"] .workspace-foot{border-top-color:#83a39c88;background:linear-gradient(#d4e3d94d,#b9d1c54d);color:#365865}
html body #lesson[data-world="istanbul"] .workspace-foot>span,html body #lesson[data-world="istanbul"] .workspace-foot .lesson-brand{color:#244958!important}
html body #lesson[data-world="istanbul"] .workspace-foot .lesson-brand small,html body #lesson[data-world="istanbul"] .workspace-foot .lesson-brand>span,html body #lesson[data-world="istanbul"] #lesson-progress{color:#365965!important}
html body #lesson[data-world="istanbul"] .lesson-statusbar{color:#355664!important}
html body #lesson[data-world="istanbul"] .back-atlas{background:linear-gradient(#386c7a,#24576b);color:#fff6da;border-color:#9dbab0;box-shadow:inset 0 1px #82a8a5,0 2px #214653;text-shadow:0 1px #1c4051}
html body #lesson[data-world="istanbul"] .result-pane,html body #lesson[data-world="istanbul"] .lesson-scene{background:linear-gradient(#c2d9d9,#93b6b3)}
html body #lesson[data-world="istanbul"] .run-toolbar{background:url('assets/istanbul-iznik-grain.svg') 0 0/480px 420px,linear-gradient(#e7eee0,#bad3c7);border-color:#7c9b93;box-shadow:0 3px 8px #28505c30}
html body #lesson[data-world="istanbul"] .run-toolbar button{color:#244959;border-color:#91ada4;text-shadow:none}
html body #lesson[data-world="istanbul"] #run-code{background:linear-gradient(#247c87,#155565);color:#fffbdc;border-color:#cfbf8e;text-shadow:0 1px #153f4d}
html body #lesson[data-world="istanbul"] .speed-control,html body #lesson[data-world="istanbul"] .speed-control select{color:#244958!important;background:#f4f5e7!important;border-color:#84a49d!important;font-weight:700!important}
html body #lesson[data-world="istanbul"] .lesson-header-actions button{background:linear-gradient(#e1ebda,#b3cfc0);border-color:#77988e;color:#294f5e;text-shadow:none}
html body #lesson[data-world="istanbul"] .weather-card{background:#eff3e5f2;border-color:#fffbe4;color:#315766;box-shadow:0 2px 9px #315a6430}
html body #lesson[data-world="istanbul"] .weather-card select{color:#244c5c!important;font-weight:700}
html body #lesson[data-world="istanbul"] .weather-card #weather-description{color:#3f626d;font-size:11px!important}
html body #lesson[data-world="istanbul"] .level-pill{background:linear-gradient(#f4edcf,#d5cca5);border-color:#a7a17a;color:#284c5b!important;box-shadow:0 2px 5px #31515c33;text-shadow:none!important}
html body #lesson[data-world="istanbul"] .level-caption,html body #lesson[data-world="istanbul"] .level-caption b{color:#284c5b!important;text-shadow:none!important}
html body #lesson[data-world="istanbul"] .collect-counter{background:linear-gradient(#d8b56e,#a57c3f);border-color:#f4dfa5;color:#233e4b;box-shadow:0 2px 7px #31515c40;text-shadow:none}
html body #lesson[data-world="istanbul"] .gobek-site-plaque,html body #lesson[data-world="istanbul"] .erciyes-site-plaque,html body #lesson[data-world="istanbul"] .efes-site-plaque,html body #lesson[data-world="istanbul"] .pamukkale-site-plaque,html body #lesson[data-world="istanbul"] .nemrut-site-plaque,html body #lesson[data-world="istanbul"] .sumela-site-plaque,html body #lesson[data-world="istanbul"] .anitkabir-site-plaque,html body #lesson[data-world="istanbul"] #mission-state{display:none!important}
html body #lesson[data-world="istanbul"] .istanbul-site-plaque{display:flex;align-items:center;gap:8px;position:static;pointer-events:none;max-width:100%;width:100%;padding:8px;border:1px solid #85a7a3;border-radius:6px;background:#edf2e4f2;color:#264c5b;box-shadow:0 2px 7px #28505c1f}
html body #lesson[data-world="istanbul"] .istanbul-site-plaque svg{width:34px;flex:0 0 34px;height:40px}
html body #lesson[data-world="istanbul"] .istanbul-site-plaque>span{min-width:0;flex:1}
html body #lesson[data-world="istanbul"] .istanbul-site-plaque small,html body #lesson[data-world="istanbul"] .istanbul-site-plaque b,html body #lesson[data-world="istanbul"] .istanbul-site-plaque em{display:block;font-style:normal;line-height:1.2;overflow-wrap:anywhere}
html body #lesson[data-world="istanbul"] .istanbul-site-plaque small{font-size:11px;letter-spacing:.5px;color:#42616a}
html body #lesson[data-world="istanbul"] .istanbul-site-plaque b{font-size:clamp(17px,1.6vw,23px);letter-spacing:.3px}
html body #lesson[data-world="istanbul"] .istanbul-site-plaque em{font-size:10px;letter-spacing:.6px;color:#42616a}
html body #lesson[data-world="istanbul"] .scene-badge{background:#eff2df!important;color:#284c59!important;border-color:#8aa39a;text-shadow:none!important;backdrop-filter:none}
html body #lesson[data-world="istanbul"] .scene-badge b,html body #lesson[data-world="istanbul"] .scene-badge strong{color:inherit!important;text-shadow:none!important}
html body #lesson[data-world="istanbul"] .scene-badge span{background:#247d88}
html body #lesson[data-world="istanbul"] .level-route-label{background:#f1edd4f2;color:#2f4d56!important;border-color:#a9ad8b;text-shadow:none!important}
html body #lesson[data-world="istanbul"] .scene-compass{color:#496f78;border-color:#a0b6a8;background:#e8efddd9}
html body #lesson[data-world="istanbul"] .scene-reset-view{background:#d5e3d6;color:#315563;border-color:#92ada1}
html body #lesson[data-world="istanbul"] .task-card{left:calc(var(--istanbul-editor-width,46%) + 20px);right:12px;width:auto;max-width:none;min-width:0;background:url('assets/istanbul-iznik-grain.svg') 0 0/480px 420px,linear-gradient(120deg,#f0f2e4,#cfdfd3);border-image-source:url('assets/istanbul-tile-frame.svg')!important;border-image-slice:16!important;box-shadow:0 -3px 20px #294f5a26;grid-template-columns:70px minmax(0,1fr) minmax(180px,220px);gap:7px 12px}
html body #lesson[data-world="istanbul"] .task-card:before,html body #lesson[data-world="istanbul"] .task-card:after{display:none}
html body #lesson[data-world="istanbul"] .task-copy{grid-column:2}
html body #lesson[data-world="istanbul"] .task-copy h3{color:#244b5b;text-shadow:none;font-size:clamp(22px,1.5vw,28px)}
html body #lesson[data-world="istanbul"] .task-copy p{color:#365763!important;font-size:14px!important;line-height:1.45!important;margin-bottom:4px}
html body #lesson[data-world="istanbul"] .task-kicker,html body #lesson[data-world="istanbul"] .task-kicker>span{color:#496250!important;font-size:12px;text-shadow:none}
html body #lesson[data-world="istanbul"] .guide-portrait{grid-column:1;grid-row:1/3;width:70px;height:145px}
html body #lesson[data-world="istanbul"] .guide-portrait img{width:116px;height:174px;left:-22px;bottom:-16px;filter:drop-shadow(2px 4px 3px #3153633b)}
html body #lesson[data-world="istanbul"] .mission-side{grid-column:2/4;grid-row:2;padding-top:5px;border-top:1px solid #8da99b88}
html body #lesson[data-world="istanbul"] .rating-rule,html body #lesson[data-world="istanbul"] .task-actions>span{color:#3f5b4f!important;font-size:12px!important;text-shadow:none}
html body #lesson[data-world="istanbul"] .task-actions button{background:linear-gradient(#dfd8ad,#c0af76);color:#344c4e;border-color:#fff1c1;box-shadow:inset 0 1px #fff4d6,0 2px #899273;text-shadow:none}
html body #lesson[data-world="istanbul"] #collapse-task{background:#c3d8c8;color:#325764;border-color:#91ac9f;box-shadow:none}
html body #lesson[data-world="istanbul"] .istanbul-data-board{display:block;grid-column:3;grid-row:1;align-self:start;border-left:1px solid #8ea99b88;padding-left:12px;min-width:0;max-width:100%;color:#2f525f}
html body #lesson[data-world="istanbul"] .istanbul-data-board>b{display:block;color:#325865;font-size:12px;letter-spacing:.3px;line-height:1.35;margin:3px 0 6px;overflow-wrap:anywhere}
html body #lesson[data-world="istanbul"] .istanbul-data-board code{font-size:12px;overflow-wrap:anywhere;white-space:normal}
html body #lesson[data-world="istanbul"] .istanbul-data-board small{font-size:11px;line-height:1.4;color:#3b5d67}
html body #lesson[data-world="istanbul"] .case-progress{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}
html body #lesson[data-world="istanbul"] .case-progress span{font-size:12px;color:#355763;border-color:#92ada0}
html body #lesson[data-world="istanbul"] .case-progress .current{background:#c6ded0;color:#244d5b;border-color:#7e9f90}
html body #lesson[data-world="istanbul"] .case-progress .passed{background:#306c74;color:#fff6d9;border-color:#a4bda7}
html body #lesson[data-world="istanbul"] .istanbul-ledger{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;line-height:1.3;color:#294e5c;margin:5px 0}
html body #lesson[data-world="istanbul"] .istanbul-ledger th,html body #lesson[data-world="istanbul"] .istanbul-ledger td{border:1px solid #94afa3;padding:5px 4px;text-align:center;overflow-wrap:anywhere;vertical-align:middle}
html body #lesson[data-world="istanbul"] .istanbul-ledger th{background:#bfdbce;color:#234a58;font-weight:700}
html body #lesson[data-world="istanbul"] .istanbul-ledger td{background:#f3f4e6}
html body #lesson[data-world="istanbul"] .istanbul-ledger tr:nth-child(even) td{background:#e2ece0}
html body #lesson[data-world="istanbul"] .istanbul-ledger .active td,html body #lesson[data-world="istanbul"] .istanbul-ledger .selected td,html body #lesson[data-world="istanbul"] .istanbul-ledger td.active{background:#f0dfab;color:#3a4e4a;font-weight:700}
html body #lesson[data-world="istanbul"] .istanbul-clock{display:grid;gap:5px;background:#e2ede0;border:1px solid #91ada0;border-left:3px solid #267c86;border-radius:5px;padding:7px;color:#284e5c;min-width:0}
html body #lesson[data-world="istanbul"] .istanbul-clock strong{font-size:22px;line-height:1.15;overflow-wrap:anywhere}
html body #lesson[data-world="istanbul"] .istanbul-clock code{font-size:13px}
html body #lesson[data-world="istanbul"] .istanbul-objects{display:grid;gap:6px}
html body #lesson[data-world="istanbul"] .istanbul-objects>div,html body #lesson[data-world="istanbul"] .istanbul-objects>span{display:block;background:#e7efdf;border:1px solid #91ada0;border-radius:5px;padding:6px;min-width:0;overflow-wrap:anywhere}
html body #lesson[data-world="istanbul"] .istanbul-objects b,html body #lesson[data-world="istanbul"] .istanbul-objects strong{color:#264e5b}
html body #lesson[data-world="istanbul"] .istanbul-info{font-size:12px!important;line-height:1.45!important;color:#375a64!important;overflow-wrap:anywhere;margin:6px 0}
html body #lesson[data-world="istanbul"] .istanbul-info>span{display:inline-block;padding:3px 5px;margin:2px;border:1px solid #96afa0;border-radius:3px;background:#e6edda;color:#304f59}
html body #lesson[data-world="istanbul"] .istanbul-data-block{background:#387f78;border-color:#245c56;color:#fffde7;gap:6px;flex-wrap:wrap;min-height:43px}
html body #lesson[data-world="istanbul"] .istanbul-data-block .command-label{flex-shrink:0;font-size:16px}
html body #lesson[data-world="istanbul"] .istanbul-data-block input,html body #lesson[data-world="istanbul"] .istanbul-data-block select{background:#eef3df;color:#204b4b;border:1px solid #a8bfa3;border-radius:3px;min-height:28px;font-size:15px;font-weight:700}
html body #lesson[data-world="istanbul"] .istanbul-data-block code{white-space:normal;overflow-wrap:anywhere}
html body #lesson[data-world="istanbul"] .text-editor{background:#edf2e4;border-color:#8da99b}
html body #lesson[data-world="istanbul"] .text-editor-toolbar,html body #lesson[data-world="istanbul"] .code-api{background:#c5dcd0;color:#2d5260;border-color:#8fa99e}
html body #lesson[data-world="istanbul"] #code-editor{color:#213e4b;caret-color:#17717a}
html body #lesson[data-world="istanbul"] #code-lines{background:#ccdfd2;color:#3e5e65;border-right-color:#98b1a3}
html body #lesson[data-world="istanbul"] #lesson-dialog{background:url('assets/istanbul-iznik-grain.svg') 0 0/480px 420px,linear-gradient(120deg,#f2f3e5,#cfdfd3);border-image:url('assets/istanbul-tile-frame.svg') 16!important;color:#2e505c}
html body #lesson[data-world="istanbul"] #lesson-dialog h2,html body #lesson[data-world="istanbul"] #lesson-dialog h3{color:#244b5b;text-shadow:none}
html body #lesson[data-world="istanbul"] #lesson-dialog p,html body #lesson[data-world="istanbul"] #lesson-dialog label{color:#365763;font-size:16px;line-height:1.55}
html body #lesson[data-world="istanbul"] #lesson-dialog .mini-label{color:#3d615c}
html body #lesson[data-world="istanbul"] .array-guide{background:#d5e4cf;border-color:#93ac8c;color:#3c5749}
html body #lesson[data-world="istanbul"] .level-grid button{background:#d9e7d8;color:#2d525d;border-color:#8fa996}
html body #lesson[data-world="istanbul"] .level-grid button.selected{background:linear-gradient(#306975,#1e4e61);color:#fff6d6;border-color:#b4c5a5;box-shadow:0 0 0 2px #91ac92}
html body #lesson[data-world="istanbul"] .task-card.collapsed .istanbul-data-board{display:none!important}
html body #lesson[data-world="istanbul"] .settings-panel .settings-note,html body #lesson[data-world="istanbul"] .setting-item small,html body #lesson[data-world="istanbul"] .settings-panel .settings-intro{color:#3b5e64!important}
html body #lesson[data-world="istanbul"] .settings-kicker{color:#3d615c}
html body #lesson[data-world="istanbul"] .setting-item select{background:#f2f4e7;border-color:#84a496;color:#244b58}
html body #lesson[data-world="istanbul"] .setting-switch{border-color:#789d8d!important;background:#99b9aa!important}
html body #lesson[data-world="istanbul"] .setting-switch:checked{background:#267782!important;border-color:#195c69!important}
/* All error text overrides the shared important pale-on-wood styles. */
html body #lesson[data-world="istanbul"] #lesson-dialog.is-error .failure-copy{color:#294e5c;text-shadow:none}
html body #lesson[data-world="istanbul"] #lesson-dialog.is-error .failure-copy h2{color:#204555!important;text-shadow:none!important}
html body #lesson[data-world="istanbul"] #lesson-dialog.is-error .failure-kicker{color:#365d61!important;font-size:12px;letter-spacing:.8px}
html body #lesson[data-world="istanbul"] #lesson-dialog.is-error .failure-copy p{color:#294e5c!important;text-shadow:none!important;opacity:1}
html body #lesson[data-world="istanbul"] #lesson-dialog.is-error .failure-copy .failure-context{color:#3b5a60!important;font-size:13px!important;font-weight:600;letter-spacing:0}
html body #lesson[data-world="istanbul"] #lesson-dialog.is-error .failure-hint{background:#d9e7cb;border-color:#92ad83;border-left-color:#5c8a71}
html body #lesson[data-world="istanbul"] #lesson-dialog.is-error .failure-hint>b{color:#365b51!important;font-size:12px;letter-spacing:.8px}
html body #lesson[data-world="istanbul"] #lesson-dialog.is-error .failure-symbol{background:linear-gradient(#c5dcb9,#90b29b);border-color:#eaf2cf;color:#245b5c;box-shadow:0 3px 8px #21495530}
html body #lesson[data-world="istanbul"] #failure-retry{color:#fff!important;text-shadow:0 1px #234d24}
/* A navy success panel keeps white reward labels readable. */
html body #lesson[data-world="istanbul"] #lesson-dialog.is-success{background:url('assets/istanbul-iznik-grain.svg') 0 0/480px 420px,linear-gradient(120deg,#28596a,#173b4f);color:#fff4d5}
html body #lesson[data-world="istanbul"] #lesson-dialog.is-success h2{color:#fff5d9!important;text-shadow:none!important}
html body #lesson[data-world="istanbul"] #lesson-dialog.is-success p,html body #lesson[data-world="istanbul"] #lesson-dialog.is-success .reward-note{color:#e6efd9!important;text-shadow:none}
html body #lesson[data-world="istanbul"] #lesson-dialog.is-success .reward-kicker,html body #lesson[data-world="istanbul"] #lesson-dialog.is-success .reward-caption{color:#f3d79e}
html body #lesson[data-world="istanbul"] #lesson-dialog.is-success .success-stats div{color:#deecd8}
html body #lesson[data-world="istanbul"] #lesson-dialog.is-success .success-stats b{color:#fff5d9}
html body #lesson[data-world="istanbul"] #lesson-dialog.is-success .reward-atlas{color:#fff0c7}
@media(min-width:761px) and (max-width:1400px){html body #lesson[data-world="istanbul"]{--istanbul-editor-width:47%}html body #lesson[data-world="istanbul"] .block-palette{min-width:139px;max-width:153px}html body #lesson[data-world="istanbul"] .task-card{grid-template-columns:50px minmax(0,1fr);gap:4px 10px;padding:12px!important}html body #lesson[data-world="istanbul"] .guide-portrait{width:50px;height:132px;grid-row:1/4}html body #lesson[data-world="istanbul"] .guide-portrait img{left:-25px;width:100px;height:148px}html body #lesson[data-world="istanbul"] .istanbul-data-board{grid-column:2;grid-row:2;border-left:0;border-top:1px solid #8ea99b88;padding:7px 0;display:block}html body #lesson[data-world="istanbul"] .mission-side{grid-column:2;grid-row:3}}
@media(max-width:760px){html body #lesson[data-world="istanbul"] .result-pane{height:920px;min-height:920px}html body #lesson[data-world="istanbul"] .code-pane{min-height:820px}html body #lesson[data-world="istanbul"] .block-palette{min-width:137px;max-width:154px;width:32%}html body #lesson[data-world="istanbul"] .code-tabs{padding-left:18px;gap:5px}html body #lesson[data-world="istanbul"] .task-card{left:auto;right:auto;width:auto;grid-template-columns:55px minmax(0,1fr);padding:12px!important;gap:7px 10px;margin-bottom:0;border-width:10px!important}html body #lesson[data-world="istanbul"] .guide-portrait{grid-row:1/4;width:55px;height:130px}html body #lesson[data-world="istanbul"] .guide-portrait img{width:100px;height:148px;left:-23px}html body #lesson[data-world="istanbul"] .istanbul-data-board{grid-column:2;grid-row:2;border-left:0;border-top:1px solid #8ea99b88;padding:7px 0}html body #lesson[data-world="istanbul"] .mission-side{grid-column:2;grid-row:3}html body #lesson[data-world="istanbul"] .task-copy h3{font-size:23px}html body #lesson[data-world="istanbul"] .istanbul-site-plaque b{font-size:18px}html body #lesson[data-world="istanbul"] .istanbul-site-plaque svg{width:28px;flex-basis:28px}html body #lesson[data-world="istanbul"] .istanbul-ledger th,html body #lesson[data-world="istanbul"] .istanbul-ledger td{padding:4px 3px;font-size:12px}}

/* Keep class names, record keys and operation choices legible inside new data blocks. */
html body #lesson[data-world="istanbul"] .istanbul-data-block input[type="text"]{width:96px!important;min-width:65px!important;max-width:130px!important}
html body #lesson[data-world="istanbul"] .istanbul-data-block select{width:auto!important;min-width:48px!important;max-width:150px!important}
html body #lesson[data-world="istanbul"] .istanbul-objects small,html body #lesson[data-world="istanbul"] .istanbul-objects b{display:block}
html body #lesson[data-world="istanbul"] .istanbul-objects small{font-size:11px;color:#42616a}
html body #lesson[data-world="istanbul"] .istanbul-objects b{font-size:20px;margin-top:3px}
html body #lesson[data-world="istanbul"] .istanbul-query-editor{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
html body #lesson[data-world="istanbul"] .istanbul-query-editor code{font-size:13px;color:inherit}
html body #lesson[data-world="istanbul"] .istanbul-data-block{background:#477e73;border-color:#2c5e57;color:#fff8df}
html body #lesson[data-world="istanbul"] .collection-block{flex-wrap:wrap;gap:5px}
html body #lesson[data-world="istanbul"] .collection-block code{font-size:13px;color:inherit}
html body #lesson[data-world="istanbul"] .db-query-id,html body #lesson[data-world="istanbul"] .db-record-id,html body #lesson[data-world="istanbul"] .db-insert-id,html body #lesson[data-world="istanbul"] .object-target,html body #lesson[data-world="istanbul"] .time-difference-select{min-height:28px;background:#f3ead0;color:#284d52;border:1px solid #7c9c90;border-radius:3px;font-weight:700;font-size:14px;max-width:100%}