/* noise information for airport 2025.05.13 */

	*,*::after,::before {
		box-sizing: border-box;
	}

	#contents h2.title_m {
		font-siize:16px;
	}


	.topicpath {
		padding:0 0;
	}
	.topicpath.wrap {
		flex-wrap: wrap;
	}
	.topicpath.wrap li {
		margin-top: 8px;
	}

	.topic-container {
		container-type:inline-size;
		container-name:container-topic;
	}

	@container container-topic (min-width:688px) {
		.topicpath.wrap li {
			margin-top: 16px;
		}		
	}


	#contents .reports {
		margin:1em auto;
		width:95%;

		& .inner_width {

			& .result-info {
			
				& h3.title_s {
					border-left: 0.5em solid steelblue;
    					border-bottom: 2px solid steelblue;
    					box-shadow: 0 2px 0 #4682b43f;
    					background: #fff;
    					letter-spacing: .2em;
   					font-weight: 600;
				}

				& .title_s {
					margin-top:0;
					padding:.5em 0 .5em 1em;
				}

				& p {
					font-size:clamp(12px,12px + 0.675cqi,16px);
				}

				& h3 {
					color:#000000;
					font-size:clamp(12px,12px + 1.0cqi,20px);
					letter-spacing: 0.07em;
				}

				& h4 {
					margin-top:50px;
					text-align:center;
					line-height:2;
					color:#000000;
					font-weight:600;
					font-size:1rem;
					letter-spacing: 0.07em;
					background-color:#e8f1fe;
				}

				& .result-info-container {
					container-type:inline-size;
					container-name:container_result-info;


					& .airport-name,
					  .maneuver-area-name {
						margin:20px 0 10px;
						padding:1em 0 0.3em;
						text-align:center;
						font-size:1rem;
						font-weight:600;
						line-height:1.5;
						letter-spacing: 0.07em;
					}

					& .airport-name {

					}

					& .result-info-grid {
						display:grid;
						grid-template-columns:repeat(3,1fr);
						grid-template-rows:auto;
						gap:5px;
						width:100%;
						margin-top:10px 0 5px;

						& p {
							display:block;
							padding:0.5em 1em;
							font-size:.9rem;
							text-align:center;
							font-weight:600;
							letter-spacing: 0.07em;
							color:#777777;		
							border:1px solid #4682B4;
							border-radius:3px;
							background-color:rgba(32,32,32,0.2);
						}

						& p:has(a) {
							--button-color: #222;
							--button-surface: #fcfcfc;
							--button-shadow-highlight: #fff;
							padding:0 0;
							color:#000000;	
							background-color: var(--button-surface);
							box-shadow:
								-2px -2px 4px var(--button-shadow-highlight),
								2px 2px 4px rgba(0 0 0 / 24%);
						}

						& p a {
							display:block;
							width:100%;
							padding:0.5em 1em;
							text-decoration: none;
						}

						@media (any-hover : hover) {

							& p:has(a:hover) {
								background-color:rgba(70,130,180,0.7);
								transition:background-color .4s;
								transform:translate(2px,2px);
								transition:transform,.2s;
								box-shadow: none;
							}
            
							& p a:hover {
								color:#ffffff;
								transition:background-color .4s;
							}

						}

					}

					@container container_result-info (min-width:570px) {

						.result-info-grid {
							display:grid;
							grid-template-columns:repeat(4,1fr);
							grid-template-rows:auto;
							gap:10px;
							width:100%;
						}

					}

					@container container_result-info (min-width:688px) {

						.result-info-grid {
							display:grid;
							grid-template-columns:repeat(6,1fr);
							grid-template-rows:auto;
							gap:10px;
							width:100%;
						}
					}
				}
			}
		}
	}

/* original */

	
	.summary-year {
		margin-top:50px;
		padding:.5em;
		text-align: center;
		line-height: 2;
		color:#000000;
		font-weight: 600;
		font-size: 1rem;
		background-color: #e8f1fe;
	}