/* responsive styles */
@media screen and (max-width: 782px) { .mobile-navigation-enabled .admin-bar .site-header { top:46px; } }

.entry-content .wp-block-table { max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }

@media (max-width: 42rem) {
	.entry-content .wp-block-table.is-mobile-card-table { overflow:visible; }
	.entry-content .is-mobile-card-table table,
	.entry-content .is-mobile-card-table tbody,
	.entry-content .is-mobile-card-table tr,
	.entry-content .is-mobile-card-table th,
	.entry-content .is-mobile-card-table td { display:block; width:100%; }
	.entry-content .is-mobile-card-table table { background:transparent; }
	.entry-content .is-mobile-card-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
	.entry-content .is-mobile-card-table colgroup { display:none; }
	.entry-content .is-mobile-card-table tbody { display:grid; gap:1rem; }
	.entry-content .is-mobile-card-table tbody tr { padding:.8rem 1rem; border:1px solid var(--line); border-radius:var(--radius); background:#fff; }
	.entry-content .is-mobile-card-table tbody tr:nth-child(even) { background:#f4fbf7; }
	.entry-content .is-mobile-card-table tbody tr > * { display:grid; grid-template-columns:minmax(5.5rem, 34%) minmax(0, 1fr); gap:.75rem; min-width:0; padding:.55rem 0; border:0; border-bottom:1px solid var(--line); background:transparent; text-align:left; vertical-align:top; overflow-wrap:anywhere; }
	.entry-content .is-mobile-card-table tbody tr > *:first-child { padding-top:0; font-size:1.05rem; font-weight:800; }
	.entry-content .is-mobile-card-table tbody tr > *:last-child { padding-bottom:0; border-bottom:0; }
	.entry-content .is-mobile-card-table tbody tr > *::before { content:attr(data-label); color:var(--muted); font-size:.85rem; font-weight:700; line-height:1.7; }
}

@media (max-width: 42rem) { .script-variant__header { align-items:flex-start; flex-direction:column; } .script-display-controls { justify-content:flex-start; } }

@media (max-width: 42rem) {
	.script-role-table-wrap { overflow:visible; }
	.script-role-table, .script-role-table tbody, .script-role-table tr, .script-role-table th, .script-role-table td { display:block; width:100%; }
	.script-role-table { background:transparent; }
	.script-role-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
	.script-role-table tbody { display:grid; gap:1rem; }
	.script-role-table tbody tr { padding:1rem; border:1px solid var(--line); border-radius:var(--radius); background:#fff; }
	.script-role-table tbody tr:nth-child(even) { background:#f4fbf7; }
	.script-role-table tbody tr > * { min-width:0; padding:.45rem 0; border:0; background:transparent; text-align:left; vertical-align:middle; }
	.script-role-table tbody tr:nth-child(even) > * { background:transparent; }
	.script-role-table tbody th { padding-top:0; font-size:1.05rem; }
	.script-role-table td { display:grid; grid-template-columns:5rem minmax(0, 1fr); gap:.75rem; }
	.script-role-table td::before { color:var(--muted); font-size:.85rem; font-weight:700; }
	.script-role-table td:nth-child(2)::before { content:"用途"; }
	.script-role-table td:nth-child(3)::before { content:"難易度"; }
	.script-role-table td:nth-child(4)::before { content:"概要"; }
	.script-role-table td:nth-child(3) { text-align:left; white-space:nowrap; }
}

@media (max-width:46rem) { .aiwork-new-top .at-grid, .aiwork-new-top .at-step-list { grid-template-columns:1fr; } .aiwork-new-top .at-card, .aiwork-new-top .at-card:nth-child(even) { grid-template-columns:8.1rem minmax(0,1fr); } .aiwork-new-top .at-card:nth-child(even) .at-ill { order:0; } .aiwork-new-top .at-safe-box { grid-template-columns:1fr; padding:1.8rem 1.35rem; text-align:center; } }

@media (max-width:46rem) { .front-custom-instruction-banner__link { min-height:0; flex-direction:column; align-items:stretch; }.front-custom-instruction-banner__link::after { display:none; }.front-custom-instruction-banner__image { position:relative; order:1; aspect-ratio:16 / 9; height:auto; object-fit:cover; }.front-custom-instruction-banner__content { order:2; width:100%; padding:1.35rem; background:#fff; }.front-custom-instruction-banner__button { width:100%; text-align:center; } }

@media (prefers-reduced-motion: reduce) { .back-to-top { transition:none; } }

@media (max-width: 62rem) { .guide-card-grid, .glossary-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }

@media (max-width: 42rem) { .header-inner { align-items:flex-start; flex-direction:column; gap:.8rem; } .site-main { padding-top:1.5rem; } .article-hero { min-height:220px; margin-bottom:1rem; } .article-hero__image, .guide-archive-hero__image { object-fit:cover; object-position:center; } .article-hero::after { background:linear-gradient(90deg, rgba(7,22,45,.78), rgba(7,22,45,.42)); } .article-hero__content { padding:1.25rem; } .guide-archive-hero { min-height:240px; } .guide-archive-hero::after { background:linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.76) 54%, rgba(255,255,255,.16) 100%); } .guide-archive-hero__content { padding:1.25rem; } .guide-type-menu { padding:1rem; } .guide-card-grid, .glossary-list { grid-template-columns:1fr; gap:1rem; } .script-role-grid .guide-card__link { flex-direction:column; } .script-role-grid .guide-card__body { order:1; } .script-role-grid .guide-card__media { width:100%; order:0; aspect-ratio:16 / 9; } .guide-card__body { padding:1rem; } .guide-card h3 { font-size:1.13rem; } .glossary-detail-hero { grid-template-columns:1fr; height:auto; min-height:0; } .glossary-detail-hero__inner { justify-content:center; gap:.75rem; min-height:190px; padding:1.25rem clamp(1.25rem, 2.5vw, 2rem); } .glossary-detail-hero__media { height:170px; } .glossary-detail-hero__title.has-formal-name, .glossary-detail-hero__title-formal-name { white-space:normal; } .glossary-hero { min-height:220px; background-size:cover; background-position:58% center; } .glossary-search__controls { flex-direction:column; } .glossary-search button, .glossary-search__clear { width:100%; } }

@media (max-width: 42rem) {
	.page-id-566 .wp-block-button__link { padding-right:.6em; padding-left:.6em; white-space:nowrap; }
	.mobile-navigation-enabled body { padding-top:var(--mobile-header-height,76px); }
	.mobile-navigation-enabled .admin-bar .site-header { top:46px; }
	.back-to-top { right:.75rem; bottom:.75rem; min-height:3rem; padding:.25rem .6rem .25rem .25rem; }
	.back-to-top img { width:2.7rem; height:2.7rem; }
	.script-floating-return { right:.75rem; bottom:.75rem; max-width:calc(100vw - 1.5rem); }
	.script-floating-return > img { width:2.7rem; height:2.7rem; }
	.script-floating-return__actions a, .script-floating-return__actions button { padding:.4rem .55rem; font-size:.73rem; }
	.site-branding { min-height:76px; padding:.55rem 0; align-items:center; justify-content:space-between; gap:.65rem; }
	.brand-copy { width:calc(100% - 58px); }
	.brand-main-title { font-size:clamp(.88rem,4vw,1.05rem); }
	.brand-tagline { overflow:hidden; font-size:clamp(.62rem,2.8vw,.76rem); text-overflow:ellipsis; white-space:nowrap; }
	.header-search--desktop { display:none; }
	.mobile-navigation-enabled .mobile-menu-toggle { display:grid; width:44px; height:44px; flex:0 0 auto; place-items:center; padding:0; border:1px solid var(--teal); border-radius:.35rem; background:#fff; color:var(--navy); cursor:pointer; }
	.mobile-menu-toggle__bars { display:grid; gap:5px; width:20px; }
	.mobile-menu-toggle__bars span { display:block; width:100%; height:2px; border-radius:2px; background:currentColor; transition:transform .2s ease, opacity .2s ease; }
	.site-header.is-mobile-menu-open .mobile-menu-toggle { border-color:#fff; background:var(--teal-deep); color:#fff; }
	.site-header.is-mobile-menu-open .mobile-menu-toggle__bars span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
	.site-header.is-mobile-menu-open .mobile-menu-toggle__bars span:nth-child(2) { opacity:0; }
	.site-header.is-mobile-menu-open .mobile-menu-toggle__bars span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
	.mobile-navigation-enabled .primary-navigation { display:none; position:fixed; z-index:90; inset:var(--mobile-header-height,76px) 0 0; overflow-y:auto; padding:1rem max(1rem,calc((100% - var(--content)) / 2)); border:0; background:var(--teal-deep); }
	.mobile-navigation-enabled .admin-bar .primary-navigation { top:calc(var(--mobile-header-height,76px) + 46px); }
	.mobile-navigation-enabled .site-header.is-mobile-menu-open .primary-navigation { display:block; }
	.mobile-navigation-enabled .header-search--mobile { display:block; width:100%; margin:0 0 1rem; padding:0 0 1rem; border-bottom:1px solid rgba(255,255,255,.45); }
	.mobile-navigation-enabled .primary-menu { display:grid; gap:.55rem; justify-content:stretch; margin:0 0 .8rem; }
	.mobile-navigation-enabled .primary-menu a { min-width:0; padding:.75rem 1rem; border-color:rgba(255,255,255,.46); border-radius:.35rem; background:transparent; color:#fff; font-size:.95rem; text-align:left; }
	.mobile-navigation-enabled .primary-menu a:hover, .mobile-navigation-enabled .primary-menu a:focus-visible { border-color:#fff; background:rgba(255,255,255,.14); color:#fff; transform:none; }
	body.mobile-menu-open { position:fixed; width:100%; overflow:hidden; }
	.aiwork-site-usage__links { grid-template-columns:1fr; }
}
