@import url('/assets/noot-fonts.css');

.noot-legal-page { margin: 0; background: #fff; color: #33483c; font: 400 17px/1.7 'Figtree', sans-serif; letter-spacing: 0; }
.noot-legal-page * { box-sizing: border-box; }
.noot-legal-page a { color: #076143; text-underline-offset: 3px; overflow-wrap: anywhere; }
.noot-legal-page a:focus-visible { outline: 3px solid #aa7c18; outline-offset: 4px; }
.noot-legal-header { border-bottom: 1px solid #d7e2da; background: #fafcf9; }
.noot-legal-header > div { max-width: 1168px; margin: auto; padding: 12px 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.noot-legal-header img { display: block; width: 116px; height: 58px; object-fit: contain; }
.noot-legal-header nav { display: flex; align-items: center; gap: 24px; }
.noot-legal-header nav a { padding: 10px 0; font-weight: 700; text-decoration: none; }
.noot-legal-main { max-width: 1168px; padding: 28px 24px 64px; margin: 0 auto; }
.noot-legal-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; font-size: 14px; line-height: 1.5; }
.noot-legal-breadcrumb a { color: #5e6b63; }
.noot-legal-heading { padding: 18px 0 32px; border-bottom: 1px solid #d7e2da; margin-bottom: 36px; }
.noot-legal-heading h1 { margin: 0 0 12px; font: 800 42px/1.12 'Figtree', sans-serif; color: #063f2d; overflow-wrap: break-word; letter-spacing: 0; }
.noot-legal-heading p { margin: 0; max-width: 680px; }
.noot-legal-heading .noot-legal-date { margin-top: 14px; font-size: 14px; color: #617068; }
.noot-legal-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 56px; }
.noot-legal-contents { display: flex; flex-direction: column; gap: 4px; position: sticky; top: 24px; }
.noot-legal-contents h2 { margin: 0 0 12px; color: #063f2d; font-size: 16px; font-weight: 800; }
.noot-legal-contents a { display: block; padding: 5px 0; font-size: 14px; line-height: 1.4; text-decoration: none; }
.noot-legal-contents a:hover { text-decoration: underline; }
.noot-legal-layout article { max-width: 740px; min-width: 0; }
.noot-legal-section + .noot-legal-section { margin-top: 36px; padding-top: 28px; border-top: 1px solid #e1e8e3; }
.noot-legal-section h2 { margin: 0 0 14px; color: #063f2d; font: 800 24px/1.25 'Figtree', sans-serif; letter-spacing: 0; scroll-margin-top: 24px; }
.noot-legal-section p { margin: 0 0 16px; }
.noot-legal-section p:last-child { margin-bottom: 0; }
.noot-legal-section ul { margin: 0 0 16px; padding-left: 22px; }
.noot-legal-section li + li { margin-top: 10px; }
.noot-legal-section strong { color: #163f2d; font-weight: 700; }
.noot-legal-section address { font-style: normal; margin: 12px 0; }
.noot-legal-skip { position: absolute; left: 16px; top: 0; transform: translateY(-150%); padding: 12px; background: white; z-index: 2; }
.noot-legal-skip:focus { transform: translateY(0); }
@media (max-width: 760px) {
  .noot-legal-page { font-size: 16px; line-height: 1.65; }
  .noot-legal-header > div { padding: 10px 18px; gap: 12px; }
  .noot-legal-header img { width: 94px; height: 48px; }
  .noot-legal-header nav { gap: 16px; font-size: 14px; }
  .noot-legal-main { padding: 22px 20px 44px; }
  .noot-legal-heading { padding: 16px 0 24px; margin-bottom: 24px; }
  .noot-legal-heading h1 { font-size: 32px; }
  .noot-legal-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .noot-legal-contents { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 18px; position: static; padding-bottom: 24px; border-bottom: 1px solid #d7e2da; }
  .noot-legal-contents h2 { grid-column: 1 / -1; margin-bottom: 8px; }
  .noot-legal-contents a { padding: 6px 0; }
  .noot-legal-section h2 { font-size: 22px; }
}
@media print {
  .noot-legal-header, .noot-legal-breadcrumb, .noot-legal-layout aside, .noot-site-footer { display: none; }
  .noot-legal-main { padding: 0; }
  .noot-legal-layout { display: block; }
  .noot-legal-section { break-inside: avoid; }
}