/* The cookie question (spec §9 「사이트 분석」, `js/consent.js`).
 *
 * One quiet floating piece at the foot of the screen: a sentence, the policy
 * link and two answers of the same weight (saying no is as easy as saying yes,
 * so neither is the filled button). It is shared by the app's page and the two
 * legal documents, which do not load app.css, so it reads only the tokens both
 * define (principles section 6) and carries its own sizes. It sits under the
 * sheets (50) and above the views (40). */

.consent {
  position: fixed;
  z-index: 45;
  left: 16px;
  right: 16px;
  bottom: calc(16px + env(safe-area-inset-bottom));
  max-width: 420px;
  margin: 0 auto;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--surface);
  color: var(--text);
  box-shadow: 0 2px 12px var(--shade);
  font-size: var(--fs-sec, 14px);
  line-height: var(--lh-sec, 20px);
}
.consent[hidden] { display: none; }
.consent-tx { margin: 0; }
.consent-tx a { color: var(--primary); text-decoration: none; }
.consent-tx a:hover { text-decoration: underline; }
.consent-tx a:active { opacity: 0.7; }
.consent-now {
  margin: 6px 0 0;
  color: var(--text2);
  font-size: var(--fs-cap, 12px);
  line-height: var(--lh-cap, 16px);
}
.consent-act { display: flex; gap: 8px; margin-top: 12px; }
.consent-btn {
  flex: 1 1 0;
  min-width: 0;
  min-height: 44px;
  padding: 0 12px;
  border: 0;
  border-radius: 12px;
  background: var(--surface2);
  color: var(--text);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.12s ease-out, transform 0.12s ease-out, background 0.12s ease-out;
  -webkit-tap-highlight-color: transparent;
}
.consent-btn:active { opacity: 0.7; transform: scale(0.97); }
.consent-btn:focus-visible { outline: none; box-shadow: inset 0 0 0 1px var(--primary); }
@media (hover: hover) and (pointer: fine) {
  .consent-btn:hover { background: var(--selection); }
}
@media (prefers-reduced-motion: reduce) {
  .consent-btn { transition: none; }
}

/* The footers' "Cookie settings" stands only where the question is asked. */
[data-consent-slot][hidden] { display: none; }