.area-app-launcher{font-family:system-ui,sans-serif;color:#1e3a5f;background:linear-gradient(135deg,#eef3ff,#eeeafa);position:fixed;inset:0;height:100dvh;z-index:9990;overflow:hidden;text-align:left;line-height:1.4;display:flex;flex-direction:column}
body.admin-bar .area-app-launcher{top:32px;height:calc(100dvh - 32px)}
.area-app-launcher *{box-sizing:border-box}


.area-app-launcher .aal-main{padding:14px;width:100%;max-width:1000px;margin:auto;flex:1;min-height:0;display:flex;flex-direction:column}

.area-app-launcher .aal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;flex:1;min-height:0}
.area-app-launcher .aal-card{display:grid;grid-template-columns:100px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;column-gap:14px;background:#fff;border:1px solid #dae2ee;border-radius:14px;padding:14px;text-decoration:none!important;color:#1e3a5f!important;box-shadow:0 3px 12px #1e3a5f12;min-width:0;min-height:0;align-content:center}
.area-app-launcher a.aal-card:hover{background:#f8fbff}
.area-app-launcher a.aal-card:focus-visible{outline:3px solid #d4af37;outline-offset:-3px}
.area-app-launcher .aal-art{grid-row:1/-1;align-self:center;background:#f4f7fc;border-radius:10px}
.area-app-launcher .aal-art svg{display:block;width:100%;height:90px}
.area-app-launcher .aal-tag{font-size:12px;font-weight:700;color:#476885}
.area-app-launcher h2{margin:3px 0!important;padding:0!important;font-size:20px!important;line-height:1.3!important;border:0!important;background:none!important;color:#1e3a5f!important}
.area-app-launcher .aal-desc{font-size:13px;margin:4px 0 8px;align-self:start}
.area-app-launcher .aal-open{justify-self:start;align-self:end;background:#1e3a5f;color:white;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:700}
.area-app-launcher article .aal-open{background:#e7ebf0;color:#66778b}
@media(max-width:650px){.area-app-launcher .aal-card{grid-template-columns:64px minmax(0,1fr);padding:10px;column-gap:8px}.area-app-launcher .aal-art svg{height:64px}.area-app-launcher h2{font-size:17px!important}.area-app-launcher .aal-desc{font-size:12px}.area-app-launcher .aal-grid{gap:8px}.area-app-launcher .aal-main{padding:10px}}
@media(max-width:480px){.area-app-launcher .aal-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(0,1fr))}.area-app-launcher .aal-card{grid-template-columns:68px minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center}.area-app-launcher .aal-art{grid-row:1/3}.area-app-launcher .aal-tag{display:none}.area-app-launcher h2{grid-column:2;grid-row:1}.area-app-launcher .aal-desc{grid-column:2;grid-row:2;margin:2px 0;font-size:11px}.area-app-launcher .aal-open{grid-column:3;grid-row:1/3;align-self:center;padding:8px 10px}}
@media(max-height:540px){.area-app-launcher .aal-desc{display:none}.area-app-launcher .aal-card{grid-template-rows:auto auto 1fr;padding:8px}.area-app-launcher .aal-art svg{height:58px}.area-app-launcher .aal-main{padding:8px}.area-app-launcher h2{font-size:17px!important}}
@media(max-width:782px){body.admin-bar .area-app-launcher{top:46px;height:calc(100dvh - 46px)}}

/* 図形の画像を主役にするカード */
.area-app-launcher .aal-main{max-width:1200px}

.area-app-launcher .aal-card{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;gap:8px 12px;padding:12px}
.area-app-launcher .aal-card .aal-art{grid-column:1/-1;grid-row:1;align-self:stretch;min-height:0;display:flex;align-items:center;justify-content:center;width:100%;margin:0;overflow:hidden}
.area-app-launcher .aal-card .aal-art svg{width:100%;height:100%;max-height:100%;object-fit:contain}
.area-app-launcher .aal-card .aal-tag,
.area-app-launcher .aal-card .aal-desc{display:none}
.area-app-launcher .aal-card h2{grid-column:1;grid-row:2;align-self:center;margin:0!important;font-size:20px!important}
.area-app-launcher .aal-card .aal-open{grid-column:2;grid-row:2;align-self:center;justify-self:end;padding:7px 16px}
@media(max-width:650px){.area-app-launcher .aal-card{padding:8px;gap:6px}.area-app-launcher .aal-card h2{font-size:16px!important}.area-app-launcher .aal-card .aal-open{padding:6px 10px;font-size:12px}}
@media(max-width:480px){.area-app-launcher .aal-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.area-app-launcher .aal-card{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto auto}.area-app-launcher .aal-card h2{grid-column:1;grid-row:2;text-align:center;font-size:15px!important}.area-app-launcher .aal-card .aal-open{grid-column:1;grid-row:3;justify-self:center;padding:5px 14px}}
@media(max-height:400px){.area-app-launcher .aal-card h2{font-size:14px!important}.area-app-launcher .aal-card .aal-open{padding:3px 10px}.area-app-launcher .aal-card{gap:4px;padding:6px}}