/* Contextual tools stay next to their meeting or publication time. */
.ft-context-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;margin-bottom:6px}
.ft-context-heading>h3,.ft-context-heading>label{margin:0!important}
.ft-context-button{width:30px;height:30px;padding:6px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;border:1px solid #dbe8ec;border-radius:8px;background:#fff;color:#587d8c;cursor:pointer}
.ft-context-button svg{width:16px;height:16px;display:block}
.ft-context-button:hover{background:#eaf7fa;color:#11667d;border-color:#b9dce5}
.ft-context-button:focus-visible{outline:3px solid #9bd8e7;outline-offset:3px}
#context-time-converter{width:min(590px,calc(100% - 32px));max-height:90dvh;overflow:hidden;border-radius:18px;overscroll-behavior:contain}
#context-time-converter[open]{display:flex;flex-direction:column}
#context-time-converter .modal-head{padding:19px 22px;flex-shrink:0}
#context-time-converter .modal-head>div:first-child{min-width:0}
#context-time-converter .modal-head h2{font-size:18px;line-height:1.4;margin:0}
#context-time-converter .modal-head p{font-size:11px;line-height:1.55;margin:5px 0 0;color:#67838f}
#context-time-converter .ft-context-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
#context-time-converter .ft-context-close{display:grid;place-items:center;width:32px;height:32px;border:1px solid #dbe8ec;border-radius:8px;font-size:22px;background:#fff}
#context-time-converter .modal-body{min-height:0;max-height:none;overflow:auto;padding:21px 22px;overscroll-behavior:contain}
#context-time-converter .modal-foot{padding:15px 22px;flex-shrink:0;background:#fff}
#context-time-converter .ft-intro{margin-bottom:17px;gap:12px}
#context-time-converter .ft-intro strong{font-size:15px}
#context-time-converter .ft-intro p{font-size:12px}
#context-time-converter .ft-orbit{width:36px;height:36px;flex-basis:36px;border-radius:11px;font-size:23px}
#context-time-converter .ft-source{padding:17px}
#context-time-converter .ft-time-result strong{font-size:27px}
#context-time-converter .ft-target{padding:13px 15px}
@media(max-width:600px){
 .ft-context-button{width:36px;height:36px;flex-basis:36px}
 #context-time-converter{width:calc(100% - 24px);max-height:92dvh;border-radius:15px}
 #context-time-converter .modal-head,#context-time-converter .modal-body{padding:16px}
 #context-time-converter .modal-foot{padding:13px 16px}
 #context-time-converter .modal-head h2{font-size:17px}
 #context-time-converter .ft-context-actions{gap:6px}
 #context-time-converter .modal-foot .btn{min-height:42px}
 #context-time-converter .ft-source{padding:14px}
 #context-time-converter .ft-source input,#context-time-converter .ft-source select,#context-time-converter .ft-target select{font-size:16px}
 #context-time-converter .ft-target-control{gap:4px}
}
