/* 共通ヘッダー。各言語の長さによらず、操作領域と文字組みをそろえる。 */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;min-width:0}
.topbar .brand{flex-shrink:0}
.topbar .top-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:10px;align-items:stretch;flex:1 1 620px;max-width:760px;min-width:0;margin-left:auto}
.topbar .top-actions>label{display:flex;min-width:0;position:relative;margin:0}
.topbar .top-actions>a,.topbar .top-actions>button,.topbar .top-actions select{
 display:flex;align-items:center;justify-content:center;box-sizing:border-box;
 width:100%;min-width:0;min-height:56px;margin:0;padding:12px;
 border:2px solid #6175b2;border-radius:16px;background:#17264f;color:#f7fbff;
 font-family:inherit;font-size:16px;font-weight:750;line-height:1.4;letter-spacing:normal;
 text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;
}
.topbar .top-actions select{appearance:none;-webkit-appearance:none;padding-inline:30px;text-align-last:center;cursor:pointer}
.topbar .top-actions>label:after{content:'';position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:2px solid #dceaff;border-bottom:2px solid #dceaff;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.topbar .top-actions>a:hover,.topbar .top-actions>button:hover{transform:none;background:#203b66;border-color:#67e9ff}
.topbar .top-actions>:last-child:nth-child(3){grid-column:span 2}
@media(max-width:1000px){
 .topbar .top-actions{flex-basis:100%;max-width:none;margin-left:0}
}
@media(max-width:600px){
 .topbar{padding:16px;gap:12px}
 .topbar .top-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}